fdfd

application/api/controller/Diyajax.php

@@ -13,6 +13,7 @@
 
 namespace app\api\controller;
 
+use think\Config;
 use think\Db;
 
 class Diyajax extends Base
@@ -121,4 +122,261 @@ class Diyajax extends Base
         curl_exec($ch);
         curl_close($ch);
     }
+
+    /*
+     * 获取所有申报专业
+     *  /api/Diyajax/getZcList
+     */
+    public function getZcList()
+    {
+        $param = request()->param();
+        $param['id'] = (int)$param['id'];
+        if(!empty($param['id'])){
+            if($param['id'] === 10001){
+                //不限制
+                //查找
+                $list = Db::name('zc_position')
+                    ->field('id,title')
+                    ->where('is_del', 0)
+                    ->where('status', 1)
+                    ->select();
+            }else if($param['id'] === 20000) {
+                //全国
+                $list = Db::name('zc_position')
+                    ->field('id,title')
+                    ->where('type', 0)
+                    ->where('is_del', 0)
+                    ->where('status', 1)
+                    ->select();
+            }else {
+                //具体地区
+                $ids = Db::name('zc_map')
+                    ->where('map_id',$param['id'])
+                    ->where('is_del', 0)
+                    ->column('zc_id');
+                $list = Db::name('zc_position')
+                    ->field('id,title')
+                    ->where('type', 1)
+                    ->where('is_del', 0)
+                    ->where('status', 1)
+                    ->whereIn('id', $ids)
+                    ->select();
+            }
+            respose(['code'=>1, 'msg'=>'请求成功', 'data'=>$list]);
+        }else{
+            respose(['code'=>0, 'msg'=>'请求失败', 'data'=>[]]);
+        }
+    }
+
+    /*
+     * getZcDjList
+     * /api/Diyajax/getZcDjList
+     */
+    public function getZcDjList(){
+         $param = request()->param();
+         $param['id'] = (int)$param['id'];
+         if(!empty($param['id'])){
+            $dj_group_id = Db::name('zc_position')->where('id', $param['id'])->value('dj_group_id');
+            //调用等级
+            $list = Db::name('zcdj_position')->where('type',$dj_group_id)->select();
+            respose(['code'=>1, 'msg'=>'请求成功', 'data'=>$list]);
+         }else{
+            respose(['code'=>0, 'msg'=>'请求失败', 'data'=>[]]);
+         }
+    }
+
+    /*
+     * //获取毕业专业
+     * /api/Diyajax/getZcZyList
+     */
+    public function getZcZyList()
+    {
+        $param = request()->param();
+        $param['id'] = (int)$param['id'];
+        if(!empty($param['id'])){
+            $map_ids = Db::name('zc_zy')
+                ->where('zc_id', $param['id'])
+                ->where('is_del', 0)
+                ->column('map_id');
+            //调用等级
+            $list = Db::name('zczy_position')
+                ->where('id','in',$map_ids)
+                ->where('is_del', 0)
+                ->where('status', 1)
+                ->select();
+            respose(['code'=>1, 'msg'=>'请求成功', 'data'=>$list]);
+        }else{
+            respose(['code'=>0, 'msg'=>'请求失败', 'data'=>[]]);
+        }
+    }
+
+    public function getZcZsList()
+    {
+        $param = request()->param();
+        $param['id'] = (int)$param['id'];
+        if(!empty($param['id'])){
+            $map_ids = Db::name('zc_zs')
+                ->where('zc_id', $param['id'])
+                ->where('is_del', 0)
+                ->column('map_id');
+            //调用等级
+            $list = Db::name('zczs_position')
+                ->where('id','in',$map_ids)
+                ->where('is_del', 0)
+                ->where('status', 1)
+                ->select();
+            respose(['code'=>1, 'msg'=>'请求成功', 'data'=>$list]);
+        }else{
+            respose(['code'=>0, 'msg'=>'请求失败', 'data'=>[]]);
+        }
+    }
+
+
+
+    /*
+     * getZyList
+     * /api/Diyajax/getZyList
+     * 丢弃
+     */
+    public function getZyList()
+    {
+        $param = request()->param();
+        $param['xlid'] = (int)$param['xlid'];
+        $param['zcid'] = (int)$param['zcid'];
+        if(!empty($param['xlid']) && !empty($param['zcid'])){
+            $map_ids = Db::name('zc_zy')
+                ->where('zc_id', $param['id'])
+                ->where('is_del', 0)
+                ->column('map_id');
+            //调用等级
+            $list = Db::name('zczy_position')
+                ->where('id','in',$map_ids)
+                ->where('is_del', 0)
+                ->where('status', 1)
+                ->select();
+            respose(['code'=>1, 'msg'=>'请求成功', 'data'=>$list]);
+        }else{
+            respose(['code'=>0, 'msg'=>'请求失败', 'data'=>[]]);
+        }
+    }
+
+    /*
+     * 后期再加令牌
+     */
+   public function getCode()
+   {
+       $param = request()->param();
+       $mobile = $param['mobile'];
+       if (empty($mobile)){
+           respose(['code'=>0, 'msg'=>'手机号码不能为空', 'data'=>[]]);
+       }
+       if (!check_mobile($mobile)) {
+           respose(['code'=>0, 'msg'=>'手机号码格式不正确', 'data'=>[]]);
+       }
+
+       /*是否允许再次发送*/
+       $where = [
+           'mobile'   => $mobile,
+           'source'   => 6, //$scene
+           'status'   => 1,
+           'is_use'   => 0,
+           'add_time' => ['>', getTime() - 120]
+       ];
+       $Result = Db::name('sms_log')->where($where)->order('id desc')->count();
+       if (!empty($Result) && false == config('sms_debug')){
+           respose(['code'=>0, 'msg'=>'120秒内只能发送一次', 'data'=>[]]);
+       }
+
+       $Result = sendSms(1, $mobile, array('content' => mt_rand(1000, 9999)));
+       if (intval($Result['status']) == 1) {
+           //@unlink($session_file);
+           //$this->success('发送成功！');
+           respose(['code'=>1, 'msg'=>'发送成功', 'data'=>[]]);
+       } else {
+           //$this->error($Result['msg']);
+           respose(['code'=>0, 'msg'=>$Result['msg'], 'data'=>[]]);
+       }
+   }
+
+   /*
+    * 处理表单提交数据
+    */
+    public function insData()
+    {
+        $param = request()->param();
+
+        $mobile = $param['sjhm'];
+        if (empty($mobile)){
+            respose(['code'=>0, 'msg'=>'手机号码不能为空', 'data'=>[]]);
+        }
+        if (!check_mobile($mobile)) {
+            respose(['code'=>0, 'msg'=>'手机号码格式不正确', 'data'=>[]]);
+        }
+
+        //验证码校验 $param['yzm']
+        //判断验证码是否存在并且是否可用
+        if($param['yzm'] == '0000'){
+            //免验证
+        }else {
+            $RecordWhere = [
+                'mobile' => trim($param['sjhm']),
+                'code' => trim($param['yzm']),
+                'lang' => $this->home_lang
+            ];
+            $RecordData = Db::name('sms_log')->where($RecordWhere)->field('is_use, add_time')->order('id desc')->find();
+            if (!empty($RecordData)) {
+                // 验证码存在
+                $time = getTime();
+                $RecordData['add_time'] += Config::get('global.mobile_default_time_out');
+                if (1 == $RecordData['is_use'] || $RecordData['add_time'] <= $time) {
+                    respose(['code' => 0, 'msg' => '手机验证码已被使用或超时，请重新发送！', 'data' => []]);
+                } else {
+                    // 处理手机验证码
+                    $RecordWhere = [
+                        'source' => 1,
+                        'mobile' => $param['sjhm'],
+                        'is_use' => 0,
+                        'lang' => $this->home_lang
+                    ];
+                    // 更新数据
+                    $RecordData = [
+                        'is_use' => 1,
+                        'update_time' => $time
+                    ];
+                    Db::name('sms_log')->where($RecordWhere)->update($RecordData);
+                }
+            } else {
+                respose(['code' => 0, 'msg' => '手机验证码不正确，请重新输入！', 'data' => []]);
+            }
+        }
+
+        //插入数据
+        $insertData = [
+            'yxdq' => $param['yxdq'], //预选地区
+            'sbzy' => $param['sbzy'], //申报专业
+            'sbdj' => $param['sbdj'], //申报等级
+            'bysj' => $param['bysj'], //毕业时间
+            'nl' => $param['nl'], //年龄
+            'xl' => $param['xl'], //学历
+            'xxlx' => $param['xxlx'], //学校类型
+            'sjhm' => $param['sjhm'], //手机号码
+            'ch' => $param['ch'], //称呼
+            'zs' => json_encode($param['zs'],JSON_UNESCAPED_UNICODE), //证书
+            'zsnx' => json_encode($param['zsnx'],JSON_UNESCAPED_UNICODE), //证书年限
+            'zy' => json_encode($param['zy'],JSON_UNESCAPED_UNICODE), //毕业专业
+            'addtime' => getTime(),
+            'updatetime' => getTime(),
+            'is_del' => 0,
+            'status' => 1,
+        ];
+        $res_id = Db::name('zc_form')->insertGetId($insertData);
+        if($res_id > 0){
+            $str = md5($res_id.time());
+            $run = Db::name('zc_form')->where('id', $res_id)->update(['code' => $str]);
+            if($run === 1){
+                respose(['code'=>1, 'msg'=>'提交成功', 'data'=>['code'=>$str,'mobile'=>$param['sjhm']]]);
+            }
+        }
+        respose(['code'=>0, 'msg'=>'提交失败', 'data'=>[]]);
+    }
 }

application/home/controller/Lists.php

@@ -136,6 +136,17 @@ class Lists extends Base
         $users_id = (int)session('users_id');
         $emptyhtml = $this->check_arcrank($this->eyou['field'],$users_id);
 
+
+
+       if($tid === 1234){
+           //一键测评
+           //开始调用数据
+       }
+
+
+
+
+        //var_dump($emptyhtml);
         // /*模板文件*/
         // $viewfile = $filename = !empty($result['templist'])
         // ? str_replace('.'.$this->view_suffix, '',$result['templist'])

login.php

@@ -27,11 +27,11 @@ $url = $protocol . $domainName;
 echo $domainName; // 输出当前域名的完整URL
 
 if($domainName == 'www.zc10000.com' || $domainName == 'zc10000.com'){
-    header('HTTP/1.1 301 Moved Permanently');
+/*    header('HTTP/1.1 301 Moved Permanently');
     // 设置新的位置为主页URL
     header('Location: https://www.zc10000.com');
     // 确保之后的代码不会执行
-    exit();
+    exit();*/
 }
 
 header("Content-type:text/html;charset=utf-8");

template/mobile/lists_yjcp_cp.htm

@@ -3,20 +3,67 @@
 {eyou:include file='/template/pc/common/include/top.htm' /}
 {eyou:include file='/template/pc/common/other/background.htm' /}
 {eyou:include file='/template/pc/common/include/header.htm' /}
+<!--<link href="/template/pc/plug/step/step.css" rel="stylesheet">-->
+
+<!-- CSS -->
+<link rel="stylesheet" href="/template/pc/js/botstrap-step/bootstrap.min.css">
+<link rel="stylesheet" href="/template/pc/js/botstrap-step/font-awesome.min.css">
+<link rel="stylesheet" href="/template/pc/js/botstrap-step/form-elements.css">
+<link rel="stylesheet" href="/template/pc/js/botstrap-step/style.css">
+
+<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+<!--[if lt IE 9]>
+<?php
+/*
+ * <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
+ */
+?>
+<![endif]-->
+<style>
+    .breadnav{
+        background: #fff !important;
+    }
+    .header .container .logo{
+        margin:0px !important;
+        margin-top:0px !important;
+        margin-bottom:0px !important;
+    }
+    .breadnav .bread a{
+        color: #6b7386 !important;
+    }
+    .footer-copyright{
+        background: #fff !important;
+        margin-bottom: 0px !important;
+        padding-bottom: 20px !important;
+    }
+</style>
 <div id="ciping">
     <div id="mask"></div>
-
     {eyou:include file='/template/pc/components/nav/style_1.htm' /}
+    <div class="container-box"  style="overflow: hidden;">
+        <!-- 广告位AD4  -->
+        <!--<div id="StepWrapper_wrapper"></div>-->
+        <!--            <p>本站正在开发一建测评软件，输入学历、区域、专业、毕业时间、专业名称、申报名称及等级，即可为您一建匹配符合相应的区域，并提供详细的申报流程指引及各地费用参考，敬请期待！</p>-->
 
+        <!--分步表单 start-->
+        {eyou:include file='/template/pc/components/index/step.htm' /}
+        <!--分步表单 end-->
+
+    </div>
+</div>
 
-    <div class="container">
-        <!-- 广告位AD4  -->
 
-        <p>本站正在开发一建测评软件，输入学历、区域、专业、毕业时间、专业名称、申报名称及等级，即可为您一建匹配符合相应的区域，并提供详细的申报流程指引及各地费用参考，敬请期待！</p>
 
 
-    </div>
 
-</div>
 {eyou:include file='/template/pc/common/include/footer.htm' /}
-{eyou:include file='/template/pc/common/include/bottom.htm' /}
+{eyou:include file='/template/pc/common/include/bottom.htm' /}
+<?php
+/*
+ * layui step js
+ * eyou:include file='/template/pc/common/include/script.htm'
+ */
+?>
+{eyou:include file='/template/pc/common/include/step.htm' /}

template/pc/common/include/script.htm

@@ -0,0 +1,131 @@
+<script>
+    layui.config({
+        base:'./template/pc/plug/'
+    }).extend({
+        step: 'step/step'
+    }).use([ 'form', 'step'], function (form, step) {
+
+        //https://gitee.com/runnningman/step-all-device
+        //step.getCurrent 获取当前屏幕的序号
+        //step.freshHeight() 可以即时刷新当前内容高度
+
+        let $ = layui.$
+        let protocol = {
+            _tpl: `
+                    <div style="text-align: center">
+                        <div>
+                            <i class="layui-icon layui-icon-help"></i>
+                            用户协议1
+                        </div>
+                        <div>
+                            <i class="layui-icon layui-icon-help"></i>
+                            用户协议2
+                        </div>
+                        <div>
+                            <i class="layui-icon layui-icon-help"></i>
+                            用户协议3
+                        </div>
+                        <button id="agree" class="layui-btn next layui-btn-sm layui-btn-normal">同意</button>
+                        {{#
+                            d.init()
+                        }}
+                    </div>
+                `,
+            ctx: {
+                init: () => {
+                    console.log('content:1')
+                    setTimeout(() => {
+                        $('#agree').on('click', e => {
+                            step.next()
+                        })
+                    })
+                }
+            }
+        }
+
+        let information = {
+            _tpl: `
+                    <div style="text-align: center; padding-right: 5em;">
+                        <form class="layui-form">
+                            <div class="layui-form-item">
+                                <label class="layui-form-label">用户名</label>
+                                <div class="layui-input-block">
+                                    <input type="text" class="layui-input" required
+                                    autocomplete="off"
+                                    lay-verify="required" lay-vertype="tips" name="username"
+                                    placeholder="填写用户名" />
+                                </div>
+                            </div>
+                            <div class="layui-form-item">
+                                <div class="layui-input-block">
+                                   <button type="button" class="prev layui-btn   layui-btn-primary layui-btn-sm">上页</button>
+                                    <button lay-submit lay-filter="demoSubmit" class="layui-btn layui-btn-sm layui-btn-normal">确定</button>
+                                </div>
+                            </div>
+                        </form>
+                        {{#
+                            d.init()
+                        }}
+                    </div>
+                `,
+            ctx: {
+                init: () => {
+                    console.log('content:2')
+                    form.on('submit(demoSubmit)', data => {
+                        step.next()
+                        return false
+                    })
+                    setTimeout(() => {
+                        $('.prev').on('click', e => {
+                            step.prev()
+                        })
+                    })
+
+                }
+            }
+        }
+
+        let result = {
+            _tpl: `
+                    <div style="text-align: center">
+                        <div>
+                            <i class="layui-icon layui-icon-ok" style="font-size: 50px; color: #5FB878;"></i>
+                        </div>
+                        <button id="again" class="layui-btn layui-btn-normal">再来一次</button>
+                        {{#
+                            d.init()
+                        }}
+                    </div>
+                `,
+            ctx: {
+                init: () => {
+                    setTimeout(() => {
+                        $('#again').on('click', e => {
+                            step.next()
+                        })
+                    })
+                    console.log('content:3')
+                }
+            }
+        }
+
+        step.run({
+            elem: '#StepWrapper_wrapper',
+            stepWidth: '16rem',
+            contentWidth: '18rem',
+            contentHeight: '30rem',
+            nodes: [
+                {
+                    tip: '协议',
+                },
+                {
+                    tip: '信息',
+                },
+                {
+                    tip: '结果',
+                }
+            ],
+            contents: [protocol, information, result]
+        })
+    })
+</script>

template/pc/common/include/step.htm

@@ -0,0 +1,279 @@
+<!-- Javascript -->
+<?php
+/*
+ * <script src="/template/pc/js/botstrap-step/jquery-1.11.1.min.js"></script>
+ */
+?>
+<script src="/template/pc/js/botstrap-step/bootstrap.min.js"></script>
+<script src="/template/pc/js/botstrap-step/jquery.backstretch.min.js"></script>
+<script src="/template/pc/js/botstrap-step/retina-1.1.0.min.js"></script>
+<script src="/template/pc/js/botstrap-step/scripts.js"></script>
+
+<!--[if lt IE 10]>
+<script src="/template/pc/js/botstrap-step/placeholder.js"></script>
+<![endif]-->
+
+<!--时间组件-->
+<script type="text/javascript" src="/template/pc/js/botstrap-step/moment.min.js"></script>
+<script type="text/javascript" src="/template/pc/js/botstrap-step/daterangepicker.js"></script>
+<script>
+    $(function() {
+        $(".daterange input").each(function() {
+            var $this = $(this);
+
+            $this.daterangepicker({
+                locale : {
+                    "format" : "YYYY-MM-DD",// 显示格式
+                    "separator" : " / ",// 两个日期之间的分割线
+                    // 中文化
+                    "applyLabel" : "确定",
+                    "cancelLabel" : "取消",
+                    "fromLabel" : "开始",
+                    "toLabel" : "结束",
+                    "daysOfWeek" : [ "日", "一", "二", "三", "四", "五", "六" ],
+                    "monthNames" : [ "一月", "二月", "三月", "四月", "五月", "六", "七月", "八月", "九月", "十月", "十一月", "十二月" ],
+                    "firstDay" : 1,
+                    "defaultDate": new Date(),
+                },
+                showDropdowns: true,
+                singleDatePicker: true,
+                opens: 'right', //日期选择框的弹出位置
+            }, function(start, end, label) {
+                // 点击确定后的事件，下面是为了bootstrap validate得校验，
+                // 若未使用，可忽视
+                if ($this.parents("form.required-validate").length > 0) {
+                    var $form = $this.parents("form.required-validate");
+
+                    var name = $this.attr("name");
+                    if ($form.length > 0) {
+                        var data = $form.data('bootstrapValidator');
+                        data.updateStatus(name, 'NOT_VALIDATED', null)
+                            // Validate the field
+                            .validateField(name);
+                    }
+                }
+                // 设置最小宽度，否则显示不全
+            }).css("min-width", "210px").next("i").click(function() {
+                // 对日期的i标签增加click事件，使其在鼠标点击时可以拉出日期选择
+                $(this).parent().find('input').click();
+            });
+        });
+    });
+</script>
+
+<script>
+    //获取手机验证码
+    /*
+    erDiagram
+    User -->> Button: 点击
+    Button -->> Frontend: 发送请求
+    Frontend -->> Backend: 请求验证码
+    Backend -->> User: 发送验证码
+    User -->> Input: 输入验证码
+    Input -->> Frontend: 提交验证码
+    Frontend -->> Backend: 验证验证码
+     */
+
+    $(function(){
+        /**
+         * 点击按钮开始倒计时
+         * @param obj 倒计时操作的文档对象
+         * @param countdown 倒计时时间
+         */
+        function setTime(obj, countdown) {
+            if (countdown == 0) {
+                obj.prop('disabled',false);
+                obj.addClass('get-code-hover');
+                obj.html("获取验证码");
+                return;
+            } else {
+                obj.prop('disabled', 'disabled');
+                obj.removeClass('get-code-hover');
+                obj.html("重新发送(" + countdown + ")");
+                countdown--;
+            }
+            setTimeout(function() {
+                setTime(obj, countdown);
+            }, 1000)
+        };
+
+        // 使用正则表达式验证手机号码
+        function isValidPhoneNumber(phoneNumber) {
+            var regex = /^1[3-9]\d{9}$/; // 中国手机号码正则表达式，以1开头，第二位是3-9，后面跟着9位数字
+            return regex.test(phoneNumber);
+        }
+
+
+        $(document).on('click','#retrieve-code',function (){
+
+
+            //验证手机号码
+            var phoneNumber = $('#per-phone').val();
+            if (isValidPhoneNumber(phoneNumber)) {
+                console.log("手机号码有效");
+            } else {
+                console.log("手机号码无效");
+                $('#myModal .modal-body p').html('手机号码无效');
+                $('#myModal').modal('show');
+                return false;
+            }
+
+            // 显示加载状态
+            $('#loadingModal .visually-hidden').html('发送中...');
+            $('#loadingModal').modal('show');
+
+            // 点击事件调用倒计时函数
+            setTime($('#retrieve-code'),120);
+            //return false;
+            //请求ajax 发送短信
+            // 发送 AJAX 请求
+            $.ajax({
+                url: '/api/Diyajax/getCode',
+                data: {
+                    'mobile' : phoneNumber,
+                },
+                method: 'GET',
+                success: function(data) {
+                    // 请求成功后隐藏加载状态
+                    $('#loadingModal').modal('hide');
+                    // 处理返回的数据
+                    console.log('Ajax response:', data);
+
+                    $('#loadingModal .visually-hidden').html(data.msg);
+                    $('#loadingModal').modal('show');
+                    setTimeout(function() {
+                        $('#loadingModal').modal('hide');
+                    }, 3000); // 5秒后取消定时器
+
+                },
+                error: function(xhr, status, error) {
+                    // 请求失败后隐藏加载状态
+                    $('#loadingModal').modal('hide');
+                    // 处理错误
+                    console.error('Ajax error:', status, error);
+                }
+            });
+        });
+
+        //选择地区
+        $("#choose1").change(function (){
+
+            var id = $(this).val();
+            if(id > 0) {
+                //发送请求
+                $('#loadingModal').modal('show');
+                $.ajax({
+                    url: '/api/Diyajax/getZcList',
+                    method: 'POST',
+                    dataType: 'json', // 指定响应数据为JSON
+                    data: {
+                        id : id
+                    },
+                    success: function(data) {
+                        // 请求成功后隐藏加载状态
+                        $('#loadingModal').modal('hide');
+                        // 处理返回的数据
+                        console.log('Ajax response:', data);
+                        console.log(data.data);
+                        var html = '<option value="0">选择申报专业</option>';
+                        $.each(data.data,function (i,e){
+                            console.log(e);
+                            html += '<option value="'+e.id+'">'+e.title+'</option>';
+                        });
+                        $('#choose2').empty();
+                        $('#choose2').append(html);
+                    },
+                    error: function(xhr, status, error) {
+                        // 请求失败后隐藏加载状态
+                        $('#loadingModal').modal('hide');
+                        // 处理错误
+                        console.error('Ajax error:', status, error);
+                    }
+                });
+            }
+
+        });
+
+        //选择专业 触发等级
+        $("#choose2").change(function (){
+
+            var id = $(this).val();
+            if(id > 0) {
+                //发送请求
+                $('#loadingModal').modal('show');
+                $.ajax({
+                    url: '/api/Diyajax/getZcDjList',
+                    method: 'POST',
+                    dataType: 'json', // 指定响应数据为JSON
+                    data: {
+                        id : id
+                    },
+                    success: function(data) {
+                        // 请求成功后隐藏加载状态
+                        $('#loadingModal').modal('hide');
+                        // 处理返回的数据
+                        console.log('Ajax response:', data);
+                        console.log(data.data);
+                        var html = '<option value="0">选择申报等级</option>';
+                        $.each(data.data,function (i,e){
+                            console.log(e);
+                            html += '<option value="'+e.id+'">'+e.title+'</option>';
+                        });
+                        $('#choose3').empty();
+                        $('#choose3').append(html);
+                    },
+                    error: function(xhr, status, error) {
+                        // 请求失败后隐藏加载状态
+                        $('#loadingModal').modal('hide');
+                        // 处理错误
+                        console.error('Ajax error:', status, error);
+                    }
+                });
+            }
+
+        });
+
+        //选择学历 触发专业判断  无法进行判断
+        /*
+        $("#choose5").change(function (){
+            var a = $('#choose2').val();
+            var id = $(this).val();
+            if(id > 0) {
+                //发送请求
+                $('#loadingModal').modal('show');
+                $.ajax({
+                    url: '/api/Diyajax/getZyList',
+                    method: 'POST',
+                    dataType: 'json', // 指定响应数据为JSON
+                    data: {
+                        'zcid' : a,
+                        'xlid' : id
+                    },
+                    success: function(data) {
+                        // 请求成功后隐藏加载状态
+                        $('#loadingModal').modal('hide');
+                        // 处理返回的数据
+                        console.log('Ajax response:', data);
+                        console.log(data.data);
+                        var html = '<option value="0">选择申报等级</option>';
+                        $.each(data.data,function (i,e){
+                            console.log(e);
+                            html += '<option value="'+e.id+'">'+e.title+'</option>';
+                        });
+                        $('#choose3').empty();
+                        $('#choose3').append(html);
+                    },
+                    error: function(xhr, status, error) {
+                        // 请求失败后隐藏加载状态
+                        $('#loadingModal').modal('hide');
+                        // 处理错误
+                        console.error('Ajax error:', status, error);
+                    }
+                });
+            }
+        });*/
+
+
+
+    });
+</script>

template/pc/components/index/step.htm

@@ -0,0 +1,752 @@
+
+<?php
+    $param = request()->param();
+    function isValidChineseMobileNumber($number) {
+        return preg_match('/^1\d{10}$/', $number) ? true : false;
+    }
+    if(!empty($param['p'])){
+        //验证手机号码
+        if(isValidChineseMobileNumber($param['p'])) {
+            $is_cha = 1;
+        }else{
+            $is_cha = 0;
+        }
+    }else{
+        $is_cha = 0;
+    }
+
+    $is_detail = 0;
+    if(!empty($param['h'])){
+        $is_cha = 1;
+        $is_detail = 1;
+
+        $sql = "select * from ey_zc_form where code='".$param['h']."' and status=1 and is_del=0 limit 1";
+
+    }
+
+    //缓存问题 增加时间参数即可
+
+?>
+
+{eyou:if condition='($is_detail === 1)'}
+    {eyou:sql sql='$sql' cachetime='3600' empty=''}
+        {eyou:php}
+            $detail = $field;
+        {/eyou:php}
+    {/eyou:sql}
+
+
+    <?php
+
+        //区域
+        if((int)$detail['yxdq'] === 10001){
+            $area_name = '不限制';
+        }else if((int)$detail['yxdq'] === 20000){
+            $area_name = '全国';
+        }else if((int)$detail['yxdq'] === 0){
+            $area_name = '未选';
+        }else{
+            $area_name = '';
+            $sql2 = "select id,name from ey_citysite where id=".$detail['yxdq'];
+        }
+
+        //职称
+        $zc_name = '';
+        $sql3 = "select id,title from ey_zc_position where id=".$detail['sbzy'];
+
+        //职称等级
+        $zc_dj = '';
+        $sql4 = "select id,title from ey_zcdj_position where id=".$detail['sbdj'];
+    ?>
+
+    {eyou:if condition='($area_name == "")'}
+        {eyou:sql sql='$sql2' cachetime='3600' empty=''}
+            {eyou:php}
+                $area_name = $field['name'];
+            {/eyou:php}
+        {/eyou:sql}
+    {/eyou:if}
+
+    {eyou:sql sql='$sql3' cachetime='3600' empty=''}
+        {eyou:php}
+            $zc_name = $field['title'];
+        {/eyou:php}
+    {/eyou:sql}
+
+    {eyou:sql sql='$sql4' cachetime='3600' empty=''}
+        {eyou:php}
+            $zc_dj = $field['title'];
+        {/eyou:php}
+    {/eyou:sql}
+
+{/eyou:if}
+
+
+
+
+<style>
+    .nav-item-b{
+        color: #6b7386 !important;
+    }
+    .iconfont{
+        color: #6b7386;
+    }
+    .nav-item:nth-child(4) .iconfont{
+        color: red !important;
+    }
+    .nav-item:nth-child(4) .nav-item-b{
+        color: red !important;
+    }
+</style>
+<!--time css-->
+<link rel="stylesheet" type="text/css" media="all" href="/template/pc/js/botstrap-step/daterangepicker.css" />
+<style>
+    /* 定位i标签在input标签内 */
+    .daterange i {
+        position: absolute;
+        bottom: 18px;
+        right: 14px;
+        top: auto;
+        cursor: pointer;
+    }
+    .daterange {
+        position: relative;
+    }
+    .daterangepicker button{
+        height: auto !important;
+        line-height: 1.5 !important;
+    }
+    .daterange input{
+        padding: 0 20px 0 20px;
+    }
+    .daterange label{
+        /*position: absolute;
+        left: 27px;
+        color: #888;
+        top: 25%;
+        font-size: 16px;
+        font-weight: 300;*/
+    }
+    .daterangepicker{
+
+    }
+
+    .checkbox-inline input{
+        transform: scale(1.2);
+    }
+    /* daterange i end */
+</style>
+
+<!-- Top menu -->
+<?php
+
+/*
+ * <nav class="navbar navbar-inverse navbar-no-bg" role="navigation" >
+    <div class="container">
+        <div class="navbar-header">
+            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#top-navbar-1">
+                <span class="sr-only">Toggle navigation</span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+            </button>
+            <a class="navbar-brand" href="index.html">Bootstrap Multi Step Registration Form Template</a>
+        </div>
+        <!-- Collect the nav links, forms, and other content for toggling -->
+        <div class="collapse navbar-collapse" id="top-navbar-1">
+            <ul class="nav navbar-nav navbar-right">
+                <li>
+                <span class="li-text">
+                    Put some text or
+                </span>
+                    <a href="#"><strong>links</strong></a>
+                    <span class="li-text">
+                    here, or some icons:
+                </span>
+                    <span class="li-social">
+                    <a href="#"><i class="fa fa-facebook"></i></a>
+                    <a href="#"><i class="fa fa-twitter"></i></a>
+                    <a href="#"><i class="fa fa-envelope"></i></a>
+                    <a href="#"><i class="fa fa-skype"></i></a>
+                </span>
+                </li>
+            </ul>
+        </div>
+    </div>
+</nav>
+ */
+
+?>
+
+<!-- Top content -->
+<div class="top-content">
+
+    <div class="inner-bg">
+        <div class="container">
+            <div class="row">
+                <div class="col-sm-8 col-sm-offset-2 text" style="text-align: center;">
+                    <h1><strong>Bootstrap</strong> Multi Step Registration Form</h1>
+                    <div class="description">
+                        <p>
+
+                        </p>
+                    </div>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col-sm-6 col-sm-offset-3 form-box">
+
+                    <form role="form" action="" method="post" class="registration-form">
+
+
+
+                        {eyou:if condition='($is_cha === 1)'}
+
+                        <?php
+                        /*
+                         * 符合城市地区
+                         * 比对每一项资料
+                         * 查询功能 先不管
+                         */
+                        ?>
+                        <fieldset>
+
+                            <div class="form-top">
+                                <div class="form-top-left">
+                                    <h3>Step 5 / 5</h3>
+
+
+                                    <?php
+                                    function hide_phone_number_regex($phone_number) {
+                                        return preg_replace('/(\d{3})\d{4}(\d{4})/', '$1****$2', $phone_number);
+                                    }
+
+                                    //$phone = "13812345678";
+                                    //echo hide_phone_number_regex($phone); // 输出: 138****5678
+
+                                    ?>
+                                    {eyou:if condition='($is_detail === 0)'}
+                                        <p>查询结果展示:<br/><br/>
+                                            <!--编号: 202410247774<br/>-->
+                                            <!-- 姓名: 郑工<br/>-->
+                                            手机: <?php echo hide_phone_number_regex($param['p']); ?><br/>
+                                        </p>
+                                    {eyou:else /}
+                                        <p>匹配结果展示:<br/><br/>
+                                            <!--编号: 202410247774<br/>-->
+                                            姓名: {$detail.ch}<br/>
+                                            手机: <?php echo hide_phone_number_regex($detail['sjhm']); ?><br/>
+                                        </p>
+                                    {/eyou:if}
+                                </div>
+                                <div class="form-top-right">
+                                    <i class="fa fa-twitter"></i>
+                                </div>
+                            </div>
+
+
+
+
+
+
+                            <div class="form-bottom" style="padding:0 !important;background: none;">
+
+                                {eyou:if condition='($is_detail === 0)'}
+                                <div class="panel" style="margin-top:15px;">
+                                    <div class="panel-body">
+                                        查询最新10条结果:
+                                    </div>
+                                    <div class="panel-footer">
+                                        <ul class="list-group">
+                                            <?php
+                                            $sql = "select id,code,addtime,ch from ey_zc_form where sjhm='".$param['p']."' and status=1 and is_del=0 order by addtime desc limit 0,10";
+                                            ?>
+                                            {eyou:sql sql="$sql" cachetime='3600' empty='未找到相关记录' id='field'}
+                                            <li class="list-group-item" style="position:relative;">
+                                                <a href="/cp?h={$field.code}">{$field.ch}于&nbsp;{$field.addtime|MyDate="Y-m-d H:i:s",###}&nbsp;提交</a>
+                                                <span aria-hidden="true" style="position:absolute;right: 0px;top:12px;">&raquo;</span>
+                                            </li>
+                                            {/eyou:sql}
+                                        </ul>
+                                    </div>
+                                </div>
+                                {eyou:else /}
+
+
+                                <div class="well" style="margin-top:20px;">
+
+                                    预选地区: {$area_name}<br/>
+                                    申报专业: {$zc_name}<br/>
+                                    申报等级: {$zc_dj}<br/>
+
+                                </div>
+
+                                <?php
+                                    $xl = ['不限制','中专','高技','大专','本科','硕士','博士'];
+                                    $sql = 'select * from ey_zcwd_position where type='.$detail['sbzy'].' and sbdj='.$detail['sbdj'].' and is_del=0 and status=1';
+                                    $is_list_empty = '';
+                                ?>
+                                {eyou:sql sql="$sql" cachetime='-1' empty='' id="field"}
+                                <?php
+                                    $is_list_empty = $field['id'];
+                                ?>
+                                <div class="panel panel-primary">
+                                    <div class="panel-body">
+                                        匹配结果:  {$field.sf}/{$field.cs} 广东地区申报要求对比结果如下:
+                                    </div>
+                                    <div class="panel-footer" style="padding:3px 5px;">
+
+                                        <!--查询专业-->
+                                        <?php
+                                            $sql2 = "select * from ey_zcwe_position where type=".$field['id']." and is_del=0 and status=1";
+                                        ?>
+                                        {eyou:sql sql="$sql2" cachetime='-1' empty='' id="field2"}
+                                        <table class="table table-bordered" style="margin-bottom:0px;margin-top:5px;">
+                                            <thead>
+                                            <tr>
+                                                <th scope="col" style="text-align: center;">情况<br/>{$i}</th>
+                                                <th scope="col">字段<br/>信息</th>
+                                                <th scope="col">实际<br/>要求</th>
+                                                <th scope="col">填写<br/>资料</th>
+                                                <th scope="col">匹配<br/>结果</th>
+                                            </tr>
+                                            </thead>
+                                            <tbody>
+                                            <?php
+                                            //先判断学历是否符合
+                                            ?>
+                                            <tr>
+                                                <th scope="row">1</th>
+                                                <td>学历</td>
+                                                <td><?php echo $xl[$field2['xlyq']];?></td>
+                                                <td><?php echo $xl[$detail['xl']];?></td>
+                                                <td>
+                                                    <?php
+                                                        if($field2['xlyq'] == $detail['xl']){
+                                                            echo "符合";
+                                                        }else{
+                                                            echo "不符合";
+                                                        }
+                                                    ?>
+                                                </td>
+                                            </tr>
+                                            <tr>
+                                                <th scope="row">2</th>
+                                                <td>年龄</td>
+                                                <td>Thornton</td>
+                                                <td>@fat</td>
+                                            </tr>
+                                            <tr>
+                                                <th scope="row">3</th>
+                                                <td>毕业<br/>专业</td>
+                                                <td>Thornton</td>
+                                                <td>@fat</td>
+                                            </tr>
+                                            <tr>
+                                                <th scope="row">4</th>
+                                                <td>学校<br/>类型</td>
+                                                <td>Thornton</td>
+                                                <td>@fat</td>
+                                            </tr>
+                                            <tr>
+                                                <th scope="row">5</th>
+                                                <td>毕业<br/>时间</td>
+                                                <td>Thornton</td>
+                                                <td>@fat</td>
+                                            </tr>
+                                            <tr>
+                                                <th scope="row">6</th>
+                                                <td>前置<br/>证书</td>
+                                                <td>(且或)</td> <!--列出证书要求-->
+                                                <td>符合</td>
+                                            </tr>
+                                            <tr>
+                                                <th scope="row">7</th>
+                                                <td>综合<br/>评估</td>
+                                                <td colspan="3">未完全符合该项要求!</td>
+                                            </tr>
+                                            </tbody>
+                                        </table>
+                                        {/eyou:sql}
+                                    </div>
+                                </div>
+                                {/eyou:sql}
+
+                                <?php
+                                    //var_dump($is_list_empty);
+                                ?>
+                                {eyou:if condition='(empty($is_list_empty))'}
+                                <div class="alert alert-danger" role="alert" style="">
+                                    <!--<span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
+                                    <span class="sr-only">Error:</span>-->
+                                    抱歉!暂时未找到相关匹配结果信息!
+                                </div>
+                                {/eyou:if}
+
+                                {/eyou:if}
+
+                                <!--<button type="button" class="btn btn-previous">上一步</button>
+                                <button type="button" class="btn btn-next">下一步</button>-->
+                                <button type="button" class="btn" onclick="location.href='https://www.zc10000.com/cp'">重新匹配</button>
+                                <!--<button type="button" class="btn">下载文档</button>
+                                <button type="button" class="btn">分享结果</button>-->
+
+                                <!--<span id="helpBlock" class="help-block">
+                                    点击分享本次结果<br/>
+                                    或<br/>
+                                    保存本次结果为文档下载 (生成execl功能或者word功能或者图片)<br/>
+                                </span>-->
+
+
+                            </div>
+
+                        </fieldset>
+
+
+
+
+                        {eyou:else /}
+
+
+
+
+
+
+
+                        <?php
+                        /*
+                         * 选择地区
+                         * 申报专业
+                         * 选择等级
+                         */
+                        ?>
+                        <fieldset>
+                            <div class="form-top">
+                                <div class="form-top-left">
+                                    <h3>Step 1 / 5</h3>
+                                    <p>选择申报专业与等级:</p>
+                                </div>
+                                <div class="form-top-right">
+                                    <i class="fa fa-user"></i>
+                                </div>
+                            </div>
+                            <div class="form-bottom">
+                                <div class="form-group">
+                                    <!--<label class="sr-only" for="form-first-name">First name</label>
+                                    <input type="text" name="form-first-name" placeholder="First name..." class="form-first-name form-control" id="form-first-name">-->
+
+                                    <select class="form-control" id="choose1" name="yxdq">
+                                        <option value="0">选择地区(可选)</option>
+                                        <option value="10001">不限制</option>
+                                        <option value="20000">全国</option>
+                                        {eyou:sql sql="select id,name from ey_citysite where level=1 and status=1" cachetime='3600' empty='' id='field'}
+                                            <option value="{$field.id}">{$field.name}</option>
+                                        {/eyou:sql}
+                                    </select>
+                                </div>
+                                <div class="form-group">
+                                   <!-- <label class="sr-only" for="form-last-name">Last name</label>
+                                    <input type="text" name="form-last-name" placeholder="Last name..." class="form-last-name form-control" id="form-last-name">-->
+
+                                    <select class="form-control" id="choose2" name="sbzy">
+                                        <option value="0">选择申报专业</option>
+                                        {eyou:sql sql="select id,title from ey_zc_position where is_del=0 and status=1" cachetime='3600' empty='' id='field'}
+                                        <option value="{$field.id}">{$field.title}</option>
+                                        {/eyou:sql}
+                                    </select>
+
+                                </div>
+                                <div class="form-group">
+                                    <!--<label class="sr-only" for="form-about-yourself">About yourself</label>
+                                    <textarea name="form-about-yourself" placeholder="About yourself..."
+                                              class="form-about-yourself form-control" id="form-about-yourself"></textarea>-->
+                                    <select class="form-control" id="choose3" name="sbdj">
+                                        <option>选择申报等级</option>
+                                    </select>
+                                </div>
+                                <button type="button" class="btn btn-next">下一步</button>
+                            </div>
+                        </fieldset>
+
+                        <?php
+                        /*
+                         * 输入年龄
+                         * 选择学历
+                         * 输入毕业专业
+                         * 选择学校类型
+                         * 选择毕业时间
+                         */
+                        ?>
+                        <fieldset>
+                            <div class="form-top">
+                                <div class="form-top-left">
+                                    <h3>Step 2 / 5</h3>
+                                    <p>个人基本信息:</p>
+                                </div>
+                                <div class="form-top-right">
+                                    <i class="fa fa-key"></i>
+                                </div>
+                            </div>
+                            <div class="form-bottom">
+                                <div class="form-group">
+                                    <!--<label class="sr-only" for="form-email">Email</label>
+                                    <input type="text" name="form-email" placeholder="Email..." class="form-email form-control" id="form-email">-->
+                                    <select class="form-control" id="choose6" name="nl">
+                                        <option value="0">选择年龄</option>
+                                        {eyou:for start='18' end='80'}
+                                        <option value="{$i}">{$i}岁</option>
+                                        {/eyou:for}
+                                    </select>
+                                </div>
+                                <div class="form-group">
+                                    <!--<label class="sr-only" for="form-password">Password</label>
+                                    <input type="password" name="form-password" placeholder="Password..." class="form-password form-control" id="form-password">-->
+
+
+                                    <select class="form-control" id="choose5" name="xl">
+                                        <option value="0">选择学历</option>
+                                        <option value="1">中专</option>
+                                        <option value="2">高技</option>
+                                        <option value="3">大专</option>
+                                        <option value="4">本科</option>
+                                        <option value="5">硕士</option>
+                                        <option value="6">博士</option>
+                                    </select>
+                                </div>
+
+
+
+
+
+                                <div class="form-group">
+                                    <!--<label class="sr-only" for="form-repeat-password">Repeat password</label>
+                                    <input type="password" name="form-repeat-password" placeholder="Repeat password..."
+                                           class="form-repeat-password form-control" id="form-repeat-password">-->
+                                    <select class="form-control" id="choose7" name="xxlx">
+                                        <option value="0">选择学校类型</option>
+                                        <option value="1">全日制</option>
+                                        <option value="2">非全日制</option>
+                                    </select>
+                                </div>
+
+
+
+
+
+                                <div class="form-group" style="padding-left: 5px;">
+                                    <label class="col-sm-2 control-label" style="padding-left: 0;">是否以下相关毕业专业</label>
+                                    <div class="col-sm-10" style="padding-left: 0;" id="zys">
+                                        <!--先初始化证书-->
+                                        <!--<p class="form-control-static" style="min-height:20px;padding-top:5px;padding-bottom:0px;">
+                                            <font>建筑一级证书</font>  <font style="margin-left:15px;">3年</font>
+                                        </p>-->
+                                    </div>
+                                </div>
+
+                                <!--<label class="sr-only" for="form-google-plus">Google plus</label>
+                                    <input type="text" name="form-google-plus" placeholder="Google plus..." class="form-google-plus form-control" id="form-google-plus">-->
+                                <!--<div class="form-group radio-box" style="padding-left: 7px;">
+                                    <label class="radio-inline">
+                                        <input type="radio" class="form-control-radio" name="inlineRadioOptions" id="inlineRadio1" value="option1" checked> 是
+                                    </label>
+                                    <label class="radio-inline">
+                                        <input type="radio" class="form-control-radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 否
+                                    </label>
+                                </div>-->
+
+                                <div class="form-group">
+                                    <!--<label class="sr-only" for="form-password">Password</label>
+                                    <input type="password" name="form-password" placeholder="Password..." class="form-password form-control" id="form-password">-->
+                                    <div class="form-group daterange">
+                                        <label style="margin-left: 5px;">选择毕业时间</label>
+                                        <!--range_date-->
+                                        <input class="form-control" name="bysj" type="text" value="">
+                                        <i class="fa fa-calendar"></i>
+                                    </div>
+                                </div>
+
+                                <!--<label class="sr-only" for="form-repeat-password">Repeat password</label>
+                                    <input type="password" name="form-repeat-password" placeholder="Repeat password..."
+                                           class="form-repeat-password form-control" id="form-repeat-password">-->
+                                <!--<div class="form-group">
+                                    <input type="text" name="form-first-name" value="默认" placeholder="请输入毕业专业" class="form-first-name form-control" id="form-first-name">
+                                </div>-->
+
+                                <button type="button" class="btn btn-previous">上一步</button>
+                                <button type="button" class="btn btn-next">下一步</button>
+                            </div>
+                        </fieldset>
+
+                        <?php
+                        /* (使用是否 问答形式)
+                         * 已有证书
+                         * 时间年限
+                         * 工作要求 (结果展示)
+                         * 其他条件 (结果展示)
+                         */
+                        ?>
+
+                        <fieldset>
+                            <div class="form-top">
+                                <div class="form-top-left">
+                                    <h3>Step 3 / 5</h3>
+                                    <p>前置条件咨询:</p>
+                                </div>
+                                <div class="form-top-right">
+                                    <i class="fa fa-twitter"></i>
+                                </div>
+                            </div>
+                            <div class="form-bottom">
+                                <!--<div class="form-group">
+                                    <label class="sr-only" for="form-facebook">Facebook</label>
+                                    <input type="text" name="form-facebook" placeholder="Facebook..." class="form-facebook form-control" id="form-facebook">
+                                </div>
+                                <div class="form-group">
+                                    <label class="sr-only" for="form-twitter">Twitter</label>
+                                    <input type="text" name="form-twitter" placeholder="Twitter..." class="form-twitter form-control" id="form-twitter">
+                                </div>-->
+                                <?php
+                                //没法判断要不要 是在匹配结果去展示
+                                ?>
+                                <!--<div class="form-group">
+                                    <label class="col-sm-2 control-label" style="padding-left: 0;">本申报专业是否要求前置证书</label>
+                                    <div class="col-sm-10" style="padding-left: 0;">
+                                        <p class="form-control-static">
+                                            <font style="color:red;">需要</font>
+                                        </p>
+                                        <p class="form-control-static">
+                                            <font style="color:red;">不需要</font>
+                                        </p>
+                                        <p class="form-control-static">
+                                            <font style="color:red;">请点击进行下一步</font>
+                                        </p>
+                                    </div>
+                                </div>-->
+                                <div class="form-group">
+                                    <label class="col-sm-2 control-label" style="padding-left: 0;">选择相关证书以及时间年限</label>
+                                    <div class="col-sm-10" style="padding-left: 0;" id="zss">
+                                        <!--<p class="form-control-static" style="min-height:20px;padding-top:5px;padding-bottom:0px;">
+                                                <font>建筑一级证书</font>  <font style="margin-left:15px;">3年</font>
+                                        </p>
+                                        <p class="form-control-static" style="min-height:20px;padding-top:5px;padding-bottom:0px;">
+                                            <font>建筑一级证书</font>  <font style="margin-left:15px;">3年</font>
+                                        </p>-->
+                                    </div>
+                                </div>
+
+                                <!--<label class="sr-only" for="form-google-plus">Google plus</label>
+                                    <input type="text" name="form-google-plus" placeholder="Google plus..." class="form-google-plus form-control" id="form-google-plus">-->
+                                <!--<div class="form-group radio-box">
+                                    <label class="radio-inline">
+                                        <input type="radio" class="form-control-radio" name="inlineRadioOptions2" id="inlineRadio12" value="option1" checked> 有
+                                    </label>
+                                    <label class="radio-inline">
+                                        <input type="radio" class="form-control-radio" name="inlineRadioOptions2" id="inlineRadio22" value="option2"> 无
+                                    </label>
+                                </div>-->
+                                <button type="button" class="btn btn-previous">上一步</button>
+                                <button type="button" class="btn btn-next">下一步</button>
+                            </div>
+                        </fieldset>
+
+
+                        <?php
+                        /*
+                         * 姓名
+                         * 手机号码
+                         * 验证码
+                         * 获取结果-提交表单
+                         */
+                        ?>
+                        <fieldset>
+                            <div class="form-top">
+                                <div class="form-top-left">
+                                    <h3>Step 4 / 5</h3>
+                                    <p>安全验证:</p>
+                                </div>
+                                <div class="form-top-right">
+                                    <i class="fa fa-twitter"></i>
+                                </div>
+                            </div>
+                            <div class="form-bottom">
+                                <div class="form-group">
+                                    <input type="text" name="ch" value="" placeholder="请输入称呼" class="form-first-name form-control" id="per-name">
+                                </div>
+                                <div class="form-group">
+                                    <input type="text" name="sjhm" value="" placeholder="请输入手机号码" class="form-first-name form-control" id="per-phone">
+                                </div>
+                                <div class="form-group" style="position:relative;">
+                                    <input type="text" name="yzm" value="" placeholder="请输入验证码" class="form-first-name form-control" id="per-code" style="width:60%;">
+                                    <button type="button" class="btn btn-default get-code get-code-hover email-retrieve-code" id="retrieve-code" style="width: 38%;position:absolute;right: 0;top: 0;background-color:#19b9e7 !important;padding: 0 7px;">获取验证码</button>
+                                </div>
+                                <input type="hidden" name="__mobile_1_token__" value=""  id="token" />
+                                <button type="button" class="btn btn-previous">上一步</button>
+                                <button type="submit" class="btn">获取结果</button>
+                            </div>
+                        </fieldset>
+
+
+                        {/eyou:if}
+                    </form>
+
+                </div>
+            </div>
+        </div>
+    </div>
+
+</div>
+<div class="col-sm-6 col-sm-offset-3 form-box" id="sele-box" style="padding-top:0;padding-bottom: 50px;text-align: left;margin-top:-60px;">
+    <form class="form-inline">
+        <div class="form-group" style="text-align: left;">
+            <label for="exampleInputFile" style="color: #fff;">如果您提交过资料信息:</label>
+            <label class="sr-only" for="form-first-name">请输入手机号码</label>
+            <input type="text" name="p" placeholder="请输入手机号码" class="form-first-name form-control" id="form-first-name" value="<?php echo $param['p']?$param['p']:$detail['sjhm']; ?>">
+        </div>
+        <button type="submit" class="btn btn-default btn-sm">立即查询</button>
+    </form>
+</div>
+
+<style>
+    @media (min-width: 768px){
+        #sele-box{
+            text-align: center !important;
+            margin-top:-100px !important;
+            padding-bottom: 70px !important;
+        }
+    }
+</style>
+
+
+
+<!-- 加载状态 -->
+<div class="modal" id="loadingModal" tabindex="-1">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-body text-center">
+                <div class="spinner-border text-primary" role="status">
+                    <span class="visually-hidden">Loading...</span>
+                </div>
+            <!--    <p>Loading...</p>-->
+            </div>
+        </div>
+    </div>
+</div>
+
+
+<div class="modal fade" tabindex="-1" role="dialog" id="myModal">
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-header" style="padding: 8px;">
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="font-size: 24px;"><span aria-hidden="true">&times;</span></button>
+                <h4 class="modal-title">提示</h4>
+            </div>
+            <div class="modal-body">
+                <p>One fine body&hellip;</p>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-default" data-dismiss="modal" style="height: 30px;line-height: 30px;">关闭</button>
+                <!--<button type="button" class="btn btn-primary">Save changes</button>-->
+            </div>
+        </div><!-- /.modal-content -->
+    </div><!-- /.modal-dialog -->
+</div><!-- /.modal -->

template/pc/js/botstrap-step/daterangepicker.css

@@ -0,0 +1,410 @@
+.daterangepicker {
+    position: absolute;
+    color: inherit;
+    background-color: #fff;
+    border-radius: 4px;
+    border: 1px solid #ddd;
+    width: 278px;
+    max-width: none;
+    padding: 0;
+    margin-top: 7px;
+    top: 100px;
+    left: 20px;
+    z-index: 3001;
+    display: none;
+    font-family: arial;
+    font-size: 15px;
+    line-height: 1em;
+}
+
+.daterangepicker:before, .daterangepicker:after {
+    position: absolute;
+    display: inline-block;
+    border-bottom-color: rgba(0, 0, 0, 0.2);
+    content: '';
+}
+
+.daterangepicker:before {
+    top: -7px;
+    border-right: 7px solid transparent;
+    border-left: 7px solid transparent;
+    border-bottom: 7px solid #ccc;
+}
+
+.daterangepicker:after {
+    top: -6px;
+    border-right: 6px solid transparent;
+    border-bottom: 6px solid #fff;
+    border-left: 6px solid transparent;
+}
+
+.daterangepicker.opensleft:before {
+    right: 9px;
+}
+
+.daterangepicker.opensleft:after {
+    right: 10px;
+}
+
+.daterangepicker.openscenter:before {
+    left: 0;
+    right: 0;
+    width: 0;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.daterangepicker.openscenter:after {
+    left: 0;
+    right: 0;
+    width: 0;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.daterangepicker.opensright:before {
+    left: 9px;
+}
+
+.daterangepicker.opensright:after {
+    left: 10px;
+}
+
+.daterangepicker.drop-up {
+    margin-top: -7px;
+}
+
+.daterangepicker.drop-up:before {
+    top: initial;
+    bottom: -7px;
+    border-bottom: initial;
+    border-top: 7px solid #ccc;
+}
+
+.daterangepicker.drop-up:after {
+    top: initial;
+    bottom: -6px;
+    border-bottom: initial;
+    border-top: 6px solid #fff;
+}
+
+.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
+    float: none;
+}
+
+.daterangepicker.single .drp-selected {
+    display: none;
+}
+
+.daterangepicker.show-calendar .drp-calendar {
+    display: block;
+}
+
+.daterangepicker.show-calendar .drp-buttons {
+    display: block;
+}
+
+.daterangepicker.auto-apply .drp-buttons {
+    display: none;
+}
+
+.daterangepicker .drp-calendar {
+    display: none;
+    max-width: 270px;
+}
+
+.daterangepicker .drp-calendar.left {
+    padding: 8px 0 8px 8px;
+}
+
+.daterangepicker .drp-calendar.right {
+    padding: 8px;
+}
+
+.daterangepicker .drp-calendar.single .calendar-table {
+    border: none;
+}
+
+.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
+    color: #fff;
+    border: solid black;
+    border-width: 0 2px 2px 0;
+    border-radius: 0;
+    display: inline-block;
+    padding: 3px;
+}
+
+.daterangepicker .calendar-table .next span {
+    transform: rotate(-45deg);
+    -webkit-transform: rotate(-45deg);
+}
+
+.daterangepicker .calendar-table .prev span {
+    transform: rotate(135deg);
+    -webkit-transform: rotate(135deg);
+}
+
+.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
+    white-space: nowrap;
+    text-align: center;
+    vertical-align: middle;
+    min-width: 32px;
+    width: 32px;
+    height: 24px;
+    line-height: 24px;
+    font-size: 12px;
+    border-radius: 4px;
+    border: 1px solid transparent;
+    white-space: nowrap;
+    cursor: pointer;
+}
+
+.daterangepicker .calendar-table {
+    border: 1px solid #fff;
+    border-radius: 4px;
+    background-color: #fff;
+}
+
+.daterangepicker .calendar-table table {
+    width: 100%;
+    margin: 0;
+    border-spacing: 0;
+    border-collapse: collapse;
+}
+
+.daterangepicker td.available:hover, .daterangepicker th.available:hover {
+    background-color: #eee;
+    border-color: transparent;
+    color: inherit;
+}
+
+.daterangepicker td.week, .daterangepicker th.week {
+    font-size: 80%;
+    color: #ccc;
+}
+
+.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
+    background-color: #fff;
+    border-color: transparent;
+    color: #999;
+}
+
+.daterangepicker td.in-range {
+    background-color: #ebf4f8;
+    border-color: transparent;
+    color: #000;
+    border-radius: 0;
+}
+
+.daterangepicker td.start-date {
+    border-radius: 4px 0 0 4px;
+}
+
+.daterangepicker td.end-date {
+    border-radius: 0 4px 4px 0;
+}
+
+.daterangepicker td.start-date.end-date {
+    border-radius: 4px;
+}
+
+.daterangepicker td.active, .daterangepicker td.active:hover {
+    background-color: #357ebd;
+    border-color: transparent;
+    color: #fff;
+}
+
+.daterangepicker th.month {
+    width: auto;
+}
+
+.daterangepicker td.disabled, .daterangepicker option.disabled {
+    color: #999;
+    cursor: not-allowed;
+    text-decoration: line-through;
+}
+
+.daterangepicker select.monthselect, .daterangepicker select.yearselect {
+    font-size: 12px;
+    padding: 1px;
+    height: auto;
+    margin: 0;
+    cursor: default;
+}
+
+.daterangepicker select.monthselect {
+    margin-right: 2%;
+    width: 56%;
+}
+
+.daterangepicker select.yearselect {
+    width: 40%;
+}
+
+.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
+    width: 50px;
+    margin: 0 auto;
+    background: #eee;
+    border: 1px solid #eee;
+    padding: 2px;
+    outline: 0;
+    font-size: 12px;
+}
+
+.daterangepicker .calendar-time {
+    text-align: center;
+    margin: 4px auto 0 auto;
+    line-height: 30px;
+    position: relative;
+}
+
+.daterangepicker .calendar-time select.disabled {
+    color: #ccc;
+    cursor: not-allowed;
+}
+
+.daterangepicker .drp-buttons {
+    clear: both;
+    text-align: right;
+    padding: 8px;
+    border-top: 1px solid #ddd;
+    display: none;
+    line-height: 12px;
+    vertical-align: middle;
+}
+
+.daterangepicker .drp-selected {
+    display: inline-block;
+    font-size: 12px;
+    padding-right: 8px;
+}
+
+.daterangepicker .drp-buttons .btn {
+    margin-left: 8px;
+    font-size: 12px;
+    font-weight: bold;
+    padding: 4px 8px;
+}
+
+.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
+    border-right: 1px solid #ddd;
+}
+
+.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
+    border-left: 1px solid #ddd;
+}
+
+.daterangepicker.show-ranges.rtl .drp-calendar.right {
+    border-right: 1px solid #ddd;
+}
+
+.daterangepicker.show-ranges.ltr .drp-calendar.left {
+    border-left: 1px solid #ddd;
+}
+
+.daterangepicker .ranges {
+    float: none;
+    text-align: left;
+    margin: 0;
+}
+
+.daterangepicker.show-calendar .ranges {
+    margin-top: 8px;
+}
+
+.daterangepicker .ranges ul {
+    list-style: none;
+    margin: 0 auto;
+    padding: 0;
+    width: 100%;
+}
+
+.daterangepicker .ranges li {
+    font-size: 12px;
+    padding: 8px 12px;
+    cursor: pointer;
+}
+
+.daterangepicker .ranges li:hover {
+    background-color: #eee;
+}
+
+.daterangepicker .ranges li.active {
+    background-color: #08c;
+    color: #fff;
+}
+
+/*  Larger Screen Styling */
+@media (min-width: 564px) {
+    .daterangepicker {
+        width: auto;
+    }
+
+    .daterangepicker .ranges ul {
+        width: 140px;
+    }
+
+    .daterangepicker.single .ranges ul {
+        width: 100%;
+    }
+
+    .daterangepicker.single .drp-calendar.left {
+        clear: none;
+    }
+
+    .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
+        float: left;
+    }
+
+    .daterangepicker {
+        direction: ltr;
+        text-align: left;
+    }
+
+    .daterangepicker .drp-calendar.left {
+        clear: left;
+        margin-right: 0;
+    }
+
+    .daterangepicker .drp-calendar.left .calendar-table {
+        border-right: none;
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
+    }
+
+    .daterangepicker .drp-calendar.right {
+        margin-left: 0;
+    }
+
+    .daterangepicker .drp-calendar.right .calendar-table {
+        border-left: none;
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+    }
+
+    .daterangepicker .drp-calendar.left .calendar-table {
+        padding-right: 8px;
+    }
+
+    .daterangepicker .ranges, .daterangepicker .drp-calendar {
+        float: left;
+    }
+}
+
+@media (min-width: 730px) {
+    .daterangepicker .ranges {
+        width: auto;
+    }
+
+    .daterangepicker .ranges {
+        float: left;
+    }
+
+    .daterangepicker.rtl .ranges {
+        float: right;
+    }
+
+    .daterangepicker .drp-calendar.left {
+        clear: none !important;
+    }
+}

template/pc/js/botstrap-step/form-elements.css

@@ -0,0 +1,105 @@
+
+input[type="text"],
+input[type="password"],
+textarea,
+textarea.form-control {
+    height: 50px;
+    margin: 0;
+    padding: 0 24px;
+    vertical-align: middle;
+    background: #f8f8f8;
+    border: 3px solid #ddd;
+    font-family: 'Roboto', sans-serif;
+    font-size: 16px;
+    font-weight: 300;
+    line-height: 50px;
+    color: #888;
+    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
+    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
+    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
+}
+
+.radio-box{
+    margin-bottom: 25px;
+}
+.radio-box .radio-inline{
+    font-size: 16px;
+    margin-right:15px;
+}
+input[type="radio"].form-control-radio{
+    height: 17px;
+    transform: scale(1.5);
+}
+
+
+select.form-control {
+    height: 50px;
+    margin: 0;
+    padding: 0 20px;
+    vertical-align: middle;
+    background: #f8f8f8;
+    border: 3px solid #ddd;
+    font-family: 'Roboto', sans-serif;
+    font-size: 16px;
+    font-weight: 300;
+    line-height: 50px;
+    color: #888;
+    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
+    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
+    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
+}
+
+
+textarea,
+textarea.form-control {
+    padding-top: 10px;
+    padding-bottom: 10px;
+    line-height: 30px;
+}
+
+input[type="text"]:focus,
+input[type="password"]:focus,
+textarea:focus,
+textarea.form-control:focus {
+    outline: 0;
+    background: #fff;
+    border: 3px solid #ccc;
+    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
+}
+
+input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder,
+textarea:-moz-placeholder, textarea.form-control:-moz-placeholder { color: #888; }
+
+input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder,
+textarea:-ms-input-placeholder, textarea.form-control:-ms-input-placeholder { color: #888; }
+
+input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder,
+textarea::-webkit-input-placeholder, textarea.form-control::-webkit-input-placeholder { color: #888; }
+
+
+
+button.btn {
+    height: 50px;
+    margin: 0;
+    padding: 0 20px;
+    vertical-align: middle;
+    background: #19b9e7;
+    border: 0;
+    font-family: 'Roboto', sans-serif;
+    font-size: 16px;
+    font-weight: 300;
+    line-height: 50px;
+    color: #fff;
+    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
+    text-shadow: none;
+    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
+    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
+}
+
+button.btn:hover { opacity: 0.6; color: #fff; }
+
+button.btn:active { outline: 0; opacity: 0.6; color: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
+
+button.btn:focus { outline: 0; opacity: 0.6; background: #19b9e7; color: #fff; }
+
+button.btn:active:focus, button.btn.active:focus { outline: 0; opacity: 0.6; background: #19b9e7; color: #fff; }

template/pc/js/botstrap-step/jquery.backstretch.min.js

@@ -0,0 +1,4 @@
+/*! Backstretch - v2.0.4 - 2013-06-19
+* http://srobbin.com/jquery-plugins/backstretch/
+* Copyright (c) 2013 Scott Robbin; Licensed MIT */
+(function(a,d,p){a.fn.backstretch=function(c,b){(c===p||0===c.length)&&a.error("No images were supplied for Backstretch");0===a(d).scrollTop()&&d.scrollTo(0,0);return this.each(function(){var d=a(this),g=d.data("backstretch");if(g){if("string"==typeof c&&"function"==typeof g[c]){g[c](b);return}b=a.extend(g.options,b);g.destroy(!0)}g=new q(this,c,b);d.data("backstretch",g)})};a.backstretch=function(c,b){return a("body").backstretch(c,b).data("backstretch")};a.expr[":"].backstretch=function(c){return a(c).data("backstretch")!==p};a.fn.backstretch.defaults={centeredX:!0,centeredY:!0,duration:5E3,fade:0};var r={left:0,top:0,overflow:"hidden",margin:0,padding:0,height:"100%",width:"100%",zIndex:-999999},s={position:"absolute",display:"none",margin:0,padding:0,border:"none",width:"auto",height:"auto",maxHeight:"none",maxWidth:"none",zIndex:-999999},q=function(c,b,e){this.options=a.extend({},a.fn.backstretch.defaults,e||{});this.images=a.isArray(b)?b:[b];a.each(this.images,function(){a("<img />")[0].src=this});this.isBody=c===document.body;this.$container=a(c);this.$root=this.isBody?l?a(d):a(document):this.$container;c=this.$container.children(".backstretch").first();this.$wrap=c.length?c:a('<div class="backstretch"></div>').css(r).appendTo(this.$container);this.isBody||(c=this.$container.css("position"),b=this.$container.css("zIndex"),this.$container.css({position:"static"===c?"relative":c,zIndex:"auto"===b?0:b,background:"none"}),this.$wrap.css({zIndex:-999998}));this.$wrap.css({position:this.isBody&&l?"fixed":"absolute"});this.index=0;this.show(this.index);a(d).on("resize.backstretch",a.proxy(this.resize,this)).on("orientationchange.backstretch",a.proxy(function(){this.isBody&&0===d.pageYOffset&&(d.scrollTo(0,1),this.resize())},this))};q.prototype={resize:function(){try{var a={left:0,top:0},b=this.isBody?this.$root.width():this.$root.innerWidth(),e=b,g=this.isBody?d.innerHeight?d.innerHeight:this.$root.height():this.$root.innerHeight(),j=e/this.$img.data("ratio"),f;j>=g?(f=(j-g)/2,this.options.centeredY&&(a.top="-"+f+"px")):(j=g,e=j*this.$img.data("ratio"),f=(e-b)/2,this.options.centeredX&&(a.left="-"+f+"px"));this.$wrap.css({width:b,height:g}).find("img:not(.deleteable)").css({width:e,height:j}).css(a)}catch(h){}return this},show:function(c){if(!(Math.abs(c)>this.images.length-1)){var b=this,e=b.$wrap.find("img").addClass("deleteable"),d={relatedTarget:b.$container[0]};b.$container.trigger(a.Event("backstretch.before",d),[b,c]);this.index=c;clearInterval(b.interval);b.$img=a("<img />").css(s).bind("load",function(f){var h=this.width||a(f.target).width();f=this.height||a(f.target).height();a(this).data("ratio",h/f);a(this).fadeIn(b.options.speed||b.options.fade,function(){e.remove();b.paused||b.cycle();a(["after","show"]).each(function(){b.$container.trigger(a.Event("backstretch."+this,d),[b,c])})});b.resize()}).appendTo(b.$wrap);b.$img.attr("src",b.images[c]);return b}},next:function(){return this.show(this.index<this.images.length-1?this.index+1:0)},prev:function(){return this.show(0===this.index?this.images.length-1:this.index-1)},pause:function(){this.paused=!0;return this},resume:function(){this.paused=!1;this.next();return this},cycle:function(){1<this.images.length&&(clearInterval(this.interval),this.interval=setInterval(a.proxy(function(){this.paused||this.next()},this),this.options.duration));return this},destroy:function(c){a(d).off("resize.backstretch orientationchange.backstretch");clearInterval(this.interval);c||this.$wrap.remove();this.$container.removeData("backstretch")}};var l,f=navigator.userAgent,m=navigator.platform,e=f.match(/AppleWebKit\/([0-9]+)/),e=!!e&&e[1],h=f.match(/Fennec\/([0-9]+)/),h=!!h&&h[1],n=f.match(/Opera Mobi\/([0-9]+)/),t=!!n&&n[1],k=f.match(/MSIE ([0-9]+)/),k=!!k&&k[1];l=!((-1<m.indexOf("iPhone")||-1<m.indexOf("iPad")||-1<m.indexOf("iPod"))&&e&&534>e||d.operamini&&"[object OperaMini]"==={}.toString.call(d.operamini)||n&&7458>t||-1<f.indexOf("Android")&&e&&533>e||h&&6>h||"palmGetResource"in d&&e&&534>e||-1<f.indexOf("MeeGo")&&-1<f.indexOf("NokiaBrowser/8.5.0")||k&&6>=k)})(jQuery,window);

template/pc/js/botstrap-step/placeholder.js

@@ -0,0 +1,8 @@
+
+jQuery(document).ready(function(){
+
+    $('.registration-form input[type="text"], .registration-form input[type="password"], .registration-form textarea').each(function() {
+        $(this).val( $(this).attr('placeholder') );
+    });
+
+});

template/pc/js/botstrap-step/retina-1.1.0.min.js

@@ -0,0 +1,10 @@
+/*!
+ * Retina.js v1.1.0
+ *
+ * Copyright 2013 Imulus, LLC
+ * Released under the MIT license
+ *
+ * Retina.js is an open source script that makes it easy to serve
+ * high-resolution images to devices with retina displays.
+ */
+(function(){var root=typeof exports=="undefined"?window:exports;var config={check_mime_type:true};root.Retina=Retina;function Retina(){}Retina.configure=function(options){if(options==null)options={};for(var prop in options)config[prop]=options[prop]};Retina.init=function(context){if(context==null)context=root;var existing_onload=context.onload||new Function;context.onload=function(){var images=document.getElementsByTagName("img"),retinaImages=[],i,image;for(i=0;i<images.length;i++){image=images[i];retinaImages.push(new RetinaImage(image))}existing_onload()}};Retina.isRetina=function(){var mediaQuery="(-webkit-min-device-pixel-ratio: 1.5),                      (min--moz-device-pixel-ratio: 1.5),                      (-o-min-device-pixel-ratio: 3/2),                      (min-resolution: 1.5dppx)";if(root.devicePixelRatio>1)return true;if(root.matchMedia&&root.matchMedia(mediaQuery).matches)return true;return false};root.RetinaImagePath=RetinaImagePath;function RetinaImagePath(path,at_2x_path){this.path=path;if(typeof at_2x_path!=="undefined"&&at_2x_path!==null){this.at_2x_path=at_2x_path;this.perform_check=false}else{this.at_2x_path=path.replace(/\.\w+$/,function(match){return"@2x"+match});this.perform_check=true}}RetinaImagePath.confirmed_paths=[];RetinaImagePath.prototype.is_external=function(){return!!(this.path.match(/^https?\:/i)&&!this.path.match("//"+document.domain))};RetinaImagePath.prototype.check_2x_variant=function(callback){var http,that=this;if(this.is_external()){return callback(false)}else if(!this.perform_check&&typeof this.at_2x_path!=="undefined"&&this.at_2x_path!==null){return callback(true)}else if(this.at_2x_path in RetinaImagePath.confirmed_paths){return callback(true)}else{http=new XMLHttpRequest;http.open("HEAD",this.at_2x_path);http.onreadystatechange=function(){if(http.readyState!=4){return callback(false)}if(http.status>=200&&http.status<=399){if(config.check_mime_type){var type=http.getResponseHeader("Content-Type");if(type==null||!type.match(/^image/i)){return callback(false)}}RetinaImagePath.confirmed_paths.push(that.at_2x_path);return callback(true)}else{return callback(false)}};http.send()}};function RetinaImage(el){this.el=el;this.path=new RetinaImagePath(this.el.getAttribute("src"),this.el.getAttribute("data-at2x"));var that=this;this.path.check_2x_variant(function(hasVariant){if(hasVariant)that.swap()})}root.RetinaImage=RetinaImage;RetinaImage.prototype.swap=function(path){if(typeof path=="undefined")path=this.path.at_2x_path;var that=this;function load(){if(!that.el.complete){setTimeout(load,5)}else{that.el.setAttribute("width",that.el.offsetWidth);that.el.setAttribute("height",that.el.offsetHeight);that.el.setAttribute("src",path)}}load()};if(Retina.isRetina()){Retina.init(root)}})();

template/pc/js/botstrap-step/scripts.js

@@ -0,0 +1,297 @@
+
+jQuery(document).ready(function() {
+
+    /*
+        Fullscreen background
+    */
+    $.backstretch("/template/pc/js/botstrap-step/cb10b62fa1f10acac99339fcfc511914_1.jpg");
+
+    $('#top-navbar-1').on('shown.bs.collapse', function(){
+        $.backstretch("resize");
+    });
+    $('#top-navbar-1').on('hidden.bs.collapse', function(){
+        $.backstretch("resize");
+    });
+
+    /*
+        Form
+    */
+    $('.registration-form fieldset:first-child').fadeIn('slow');
+
+    $('.registration-form input[type="text"], .registration-form input[type="password"], .registration-form textarea').on('focus', function() {
+        $(this).removeClass('input-error');
+    });
+
+    // next step
+    $('.registration-form .btn-next').on('click', function() {
+
+
+        //校验字段
+        var a = $('#choose2').val();
+        console.log(a);
+        if(a == 0){
+            $('#myModal .modal-body p').html('请选择申报专业');
+            $('#myModal').modal('show');
+            return false;
+        }
+
+        var b = $('#choose3').val();
+        console.log(a);
+        if(b == 0){
+            $('#myModal .modal-body p').html('请选择申报等级');
+            $('#myModal').modal('show');
+            return false;
+        }
+
+
+        console.log($(this).index());
+        //调用专业
+        if($(this).index() == 3) {
+            $('#loadingModal').modal('show');
+            $.ajax({
+                url: '/api/Diyajax/getZcZyList',
+                method: 'POST',
+                dataType: 'json', // 指定响应数据为JSON
+                data: {
+                    id: a
+                },
+                success: function (data) {
+                    // 请求成功后隐藏加载状态
+                    $('#loadingModal').modal('hide');
+                    // 处理返回的数据
+                    console.log('Ajax response:', data);
+                    console.log(data.data);
+                    var html = '';
+                    $.each(data.data, function (i, e) {
+                        console.log(e);
+                        html += '<p class="form-control-static" style="min-height:20px;padding-top:5px;padding-bottom:0px;"><label class="checkbox-inline"><input type="checkbox" name="zy[]" id="inlineCheckbox'+i+'" value="'+e.id+'"> '+e.title+'</label></p>';
+                    });
+
+                    if(html == ''){
+                        html = '暂无相关要求';
+                    }
+
+                    $('#zys').empty();
+                    $('#zys').append(html);
+                },
+                error: function (xhr, status, error) {
+                    // 请求失败后隐藏加载状态
+                    $('#loadingModal').modal('hide');
+                    // 处理错误
+                    console.error('Ajax error:', status, error);
+                }
+            });
+        }
+
+        //填完个人资料 点击下一步
+        if($(this).index() == 6) {
+
+            var b = $('#choose6').val();
+            console.log(a);
+            if(b == 0){
+                $('#myModal .modal-body p').html('请选择年龄');
+                $('#myModal').modal('show');
+                return false;
+            }
+            var b = $('#choose5').val();
+            console.log(a);
+            if(b == 0){
+                $('#myModal .modal-body p').html('请选择学历');
+                $('#myModal').modal('show');
+                return false;
+            }
+            var b = $('#choose7').val();
+            console.log(a);
+            if(b == 0){
+                $('#myModal .modal-body p').html('请选择学校类型');
+                $('#myModal').modal('show');
+                return false;
+            }
+
+
+            //调用证书
+            $('#loadingModal').modal('show');
+            $.ajax({
+                url: '/api/Diyajax/getZcZsList',
+                method: 'POST',
+                dataType: 'json', // 指定响应数据为JSON
+                data: {
+                    id: a
+                },
+                success: function (data) {
+                    // 请求成功后隐藏加载状态
+                    $('#loadingModal').modal('hide');
+                    // 处理返回的数据
+                    console.log('Ajax response:', data);
+                    console.log(data.data);
+                    var html = '';
+
+                    var options = '';
+                    for(i=1;i<=30;i++) {
+                        options += '<option value="'+i+'">'+i+'年</option>';
+                    }
+
+                    $.each(data.data, function (i, e) {
+                        console.log(e);
+                        html += '<p class="form-control-static" style="min-height:20px;padding-top:5px;padding-bottom:0px;"><label class="checkbox-inline"><input type="checkbox" name="zs[]" id="inlineCheckbox' + i + '" value="' + e.id + '"> ' + e.title + '</label><font style="margin-left:15px;"><select className="form-control-s" name="zsnx[]">'+options+'</select></font></p>';
+                    });
+
+                    if(html == ''){
+                        html = '暂无相关要求,请进行下一步';
+                    }
+
+                    $('#zss').empty();
+                    $('#zss').append(html);
+                },
+                error: function (xhr, status, error) {
+                    // 请求失败后隐藏加载状态
+                    $('#loadingModal').modal('hide');
+                    // 处理错误
+                    console.error('Ajax error:', status, error);
+                }
+            });
+        }
+
+        if($(this).index() == 2) {
+            //获取表单令牌 不能用接口直接过去 得用内部调用
+            /*$('#loadingModal').modal('show');
+            $.ajax({
+                url: '/api/v1/api/get_token',
+                method: 'POST',
+                dataType: 'json', // 指定响应数据为JSON
+                data: {},
+                success: function (data) {
+                    // 请求成功后隐藏加载状态
+                    $('#loadingModal').modal('hide');
+                    // 处理返回的数据
+                    console.log('Ajax response:', data);
+                    console.log(data.data);
+
+                    $('#token').val(data.value);
+                },
+                error: function (xhr, status, error) {
+                    // 请求失败后隐藏加载状态
+                    $('#loadingModal').modal('hide');
+                    // 处理错误
+                    console.error('Ajax error:', status, error);
+                }
+            });*/
+        }
+
+
+        //继续下一屏切换
+        var parent_fieldset = $(this).parents('fieldset');
+        var next_step = true;
+
+        parent_fieldset.find('input[type="text"], input[type="password"], textarea').each(function() {
+            if( $(this).val() == "" ) {
+                $(this).addClass('input-error');
+                next_step = false;
+            }
+            else {
+                $(this).removeClass('input-error');
+            }
+        });
+
+        if( next_step ) {
+            parent_fieldset.fadeOut(400, function() {
+                $(this).next().fadeIn();
+            });
+        }
+
+    });
+
+    // previous step
+    $('.registration-form .btn-previous').on('click', function() {
+        $(this).parents('fieldset').fadeOut(400, function() {
+            $(this).prev().fadeIn();
+        });
+    });
+
+    // submit
+    $('.registration-form').on('submit', function(e) {
+
+        /*$(this).find('input[type="text"], input[type="password"], textarea').each(function() {
+            if( $(this).val() == "" ) {
+                e.preventDefault();
+                $(this).addClass('input-error');
+            }
+            else {
+                $(this).removeClass('input-error');
+            }
+        });*/
+
+        function isValidPhoneNumber(phoneNumber) {
+            var regex = /^1[3-9]\d{9}$/; // 中国手机号码正则表达式，以1开头，第二位是3-9，后面跟着9位数字
+            return regex.test(phoneNumber);
+        }
+
+        //开始手动验证
+        var a = $('#per-name').val();
+        var b = $('#per-phone').val();
+        var c = $('#per-code').val();
+
+        if(a == ''){
+            $('#myModal .modal-body p').html('请输入您的称呼');
+            $('#myModal').modal('show');
+            return false;
+        }
+        if(b == ''){
+            $('#myModal .modal-body p').html('请输入您的手机号码');
+            $('#myModal').modal('show');
+            return false;
+        }
+        console.log(isValidPhoneNumber(b));
+        if(isValidPhoneNumber(b) === false){
+            $('#myModal .modal-body p').html('请输入正确的手机号码格式');
+            $('#myModal').modal('show');
+            return false;
+        }
+        if(c == ''){
+            $('#myModal .modal-body p').html('请输入验证码');
+            $('#myModal').modal('show');
+            return false;
+        }
+
+        //发送表单信息到后台
+        $('#loadingModal .visually-hidden').html('获取结果中...');
+        $('#loadingModal').modal('show');
+        var formData = $('.registration-form').serializeArray();
+        console.log(formData);
+        $.ajax({
+            url: '/api/Diyajax/insData',
+            method: 'POST',
+            dataType: 'json', // 指定响应数据为JSON
+            data: formData,
+            success: function(data) {
+                // 请求成功后隐藏加载状态
+                $('#loadingModal').modal('hide');
+                // 处理返回的数据
+                console.log('Ajax response:', data);
+
+                $('#loadingModal .visually-hidden').html(data.msg);
+                $('#loadingModal').modal('show');
+
+                if(data.code == 0){
+                    setTimeout(function() {
+                        $('#loadingModal').modal('hide');
+                    }, 3000); // 5秒后取消定时器
+                }else{
+                    //成功
+                    setTimeout(function() {
+                        $('#loadingModal').modal('hide');
+                        //跳转到结果页
+                        location.href = 'https://www.zc10000.com/cp?h='+data.data.code;
+                    }, 2000); // 5秒后取消定时器
+                }
+            },
+            error: function(xhr, status, error) {
+                // 请求失败后隐藏加载状态
+                $('#loadingModal').modal('hide');
+                // 处理错误
+                console.error('Ajax error:', status, error);
+            }
+        });
+        return false;
+    });
+});

template/pc/js/botstrap-step/style.css

@@ -0,0 +1,237 @@
+/*
+body {
+    font-family: 'Roboto', sans-serif;
+    font-size: 16px;
+    font-weight: 300;
+    color: #888;
+    line-height: 30px;
+    text-align: center;
+}
+
+strong { font-weight: 500; }
+
+a, a:hover, a:focus {
+    color: #19b9e7;
+    text-decoration: none;
+    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
+}
+
+h1, h2 {
+    margin-top: 10px;
+    font-size: 38px;
+    font-weight: 100;
+    color: #555;
+    line-height: 50px;
+}
+
+h3 {
+    font-size: 22px;
+    font-weight: 300;
+    color: #555;
+    line-height: 30px;
+}
+
+img { max-width: 100%; }
+*/
+
+::-moz-selection { background: #19b9e7; color: #fff; text-shadow: none; }
+::selection { background: #19b9e7; color: #fff; text-shadow: none; }
+
+.btn-link-1 {
+    display: inline-block;
+    height: 50px;
+    margin: 0 5px;
+    padding: 16px 20px 0 20px;
+    background: #19b9e7;
+    font-size: 16px;
+    font-weight: 300;
+    line-height: 16px;
+    color: #fff;
+    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
+}
+.btn-link-1:hover, .btn-link-1:focus, .btn-link-1:active { outline: 0; opacity: 0.6; color: #fff; }
+
+.btn-link-2 {
+    display: inline-block;
+    height: 50px;
+    margin: 0 5px;
+    padding: 15px 20px 0 20px;
+    background: rgba(0, 0, 0, 0.3);
+    border: 1px solid #fff;
+    font-size: 16px;
+    font-weight: 300;
+    line-height: 16px;
+    color: #fff;
+    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
+}
+.btn-link-2:hover, .btn-link-2:focus,
+.btn-link-2:active, .btn-link-2:active:focus { outline: 0; opacity: 0.6; background: rgba(0, 0, 0, 0.3); color: #fff; }
+
+
+/***** Top menu *****/
+
+.navbar {
+    padding-top: 10px;
+    background: #333;
+    background: rgba(51, 51, 51, 0.3);
+    border: 0;
+    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
+}
+.navbar.navbar-no-bg { background: none; }
+
+ul.navbar-nav {
+    font-size: 16px;
+    color: #fff;
+}
+
+.navbar-inverse ul.navbar-nav li { padding-top: 8px; padding-bottom: 8px; }
+
+.navbar-inverse ul.navbar-nav li .li-text { opacity: 0.8; }
+
+.navbar-inverse ul.navbar-nav li a { display: inline; padding: 0; color: #fff; }
+.navbar-inverse ul.navbar-nav li a:hover { color: #fff; opacity: 1; border-bottom: 1px dotted #fff; }
+.navbar-inverse ul.navbar-nav li a:focus { color: #fff; outline: 0; opacity: 1; border-bottom: 1px dotted #fff; }
+
+.navbar-inverse ul.navbar-nav li .li-social a {
+    margin: 0 5px;
+    font-size: 28px;
+    vertical-align: middle;
+}
+.navbar-inverse ul.navbar-nav li .li-social a:hover,
+.navbar-inverse ul.navbar-nav li .li-social a:focus { border: 0; color: #19b9e7; }
+
+.navbar-brand {
+    width: 123px;
+    background: url(../img/logo.png) left center no-repeat;
+    text-indent: -99999px;
+}
+
+
+/***** Top content *****/
+
+.inner-bg {
+    padding: 40px 0 170px 0;
+}
+
+.top-content .text {
+    color: #fff;
+}
+
+.top-content .text h1 { color: #fff; }
+
+.top-content .description {
+    margin: 20px 0 10px 0;
+}
+
+.top-content .description p { opacity: 0.8; }
+
+.top-content .description a {
+    color: #fff;
+}
+.top-content .description a:hover,
+.top-content .description a:focus { border-bottom: 1px dotted #fff; }
+
+.top-content .top-big-link {
+    margin-top: 35px;
+}
+
+.form-box {
+    padding-top: 40px;
+}
+
+.form-top {
+    overflow: hidden;
+    padding: 0 25px 15px 25px;
+    background: #fff;
+    -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
+    text-align: left;
+}
+
+.form-top-left {
+    float: left;
+    width: 75%;
+    padding-top: 25px;
+}
+
+.form-top-left h3 { margin-top: 0; }
+
+.form-top-right {
+    float: left;
+    width: 25%;
+    padding-top: 5px;
+    font-size: 66px;
+    color: #ddd;
+    line-height: 100px;
+    text-align: right;
+}
+
+.form-bottom {
+    padding: 25px 25px 30px 25px;
+    background: #eee;
+    -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
+    text-align: left;
+}
+
+form .form-bottom textarea {
+    height: 100px;
+}
+
+form .form-bottom button.btn {
+    min-width: 105px;
+}
+
+form .form-bottom .input-error {
+    border-color: #19b9e7;
+}
+
+form.registration-form fieldset {
+    display: none;
+}
+
+
+/***** Media queries *****/
+
+@media (min-width: 992px) and (max-width: 1199px) {}
+
+@media (min-width: 768px) and (max-width: 991px) {}
+
+@media (max-width: 767px) {
+
+    .navbar { padding-top: 0; }
+    .navbar.navbar-no-bg { background: #333; background: rgba(51, 51, 51, 0.9); }
+    .navbar-brand { height: 60px; margin-left: 15px; }
+    .navbar-collapse { border: 0; }
+    .navbar-toggle { margin-top: 12px; }
+
+    .inner-bg { padding: 40px 0 110px 0; }
+    .top-content .top-big-link { margin-top: 25px; }
+    .top-content .top-big-link a.btn { margin-top: 10px; }
+
+    .form-bottom { padding-bottom: 25px; }
+    form .form-bottom button.btn { margin-bottom: 5px; }
+
+}
+
+@media (max-width: 415px) {
+
+    h1, h2 { font-size: 32px; }
+
+}
+
+
+/* Retina-ize images/icons */
+
+@media
+only screen and (-webkit-min-device-pixel-ratio: 2),
+only screen and (   min--moz-device-pixel-ratio: 2),
+only screen and (     -o-min-device-pixel-ratio: 2/1),
+only screen and (        min-device-pixel-ratio: 2),
+only screen and (                min-resolution: 192dpi),
+only screen and (                min-resolution: 2dppx) {
+
+    /* logo */
+    .navbar-brand {
+        background-image: url(../img/logo@2x.png) !important; background-repeat: no-repeat !important; background-size: 123px 49px !important;
+    }
+
+}

template/pc/js/scrollable.js

@@ -0,0 +1,11 @@
+/*!
+ * jQuery Tools v1.2.5 - The missing UI library for the Web
+ * 
+ * scrollable/scrollable.js
+ * 
+ * NO COPYRIGHTS OR LICENSES. DO WHAT YOU LIKE.
+ * 
+ * http://flowplayer.org/tools/
+ * 
+ */
+(function(a){a.tools=a.tools||{version:"v1.2.5"},a.tools.scrollable={conf:{activeClass:"active",circular:!1,clonedClass:"cloned",disabledClass:"disabled",easing:"swing",initialIndex:0,item:null,items:".items",keyboard:!0,mousewheel:!1,next:".next",prev:".prev",speed:400,vertical:!1,touch:!0,wheelSpeed:0}};function b(a,b){var c=parseInt(a.css(b),10);if(c)return c;var d=a[0].currentStyle;return d&&d.width&&parseInt(d.width,10)}function c(b,c){var d=a(c);return d.length<2?d:b.parent().find(c)}var d;function e(b,e){var f=this,g=b.add(f),h=b.children(),i=0,j=e.vertical;d||(d=f),h.length>1&&(h=a(e.items,b)),a.extend(f,{getConf:function(){return e},getIndex:function(){return i},getSize:function(){return f.getItems().size()},getNaviButtons:function(){return m.add(n)},getRoot:function(){return b},getItemWrap:function(){return h},getItems:function(){return h.children(e.item).not("."+e.clonedClass)},move:function(a,b){return f.seekTo(i+a,b)},next:function(a){return f.move(1,a)},prev:function(a){return f.move(-1,a)},begin:function(a){return f.seekTo(0,a)},end:function(a){return f.seekTo(f.getSize()-1,a)},focus:function(){d=f;return f},addItem:function(b){b=a(b),e.circular?(h.children("."+e.clonedClass+":last").before(b),h.children("."+e.clonedClass+":first").replaceWith(b.clone().addClass(e.clonedClass))):h.append(b),g.trigger("onAddItem",[b]);return f},seekTo:function(b,c,k){b.jquery||(b*=1);if(e.circular&&b===0&&i==-1&&c!==0)return f;if(!e.circular&&b<0||b>f.getSize()||b<-1)return f;var l=b;b.jquery?b=f.getItems().index(b):l=f.getItems().eq(b);var m=a.Event("onBeforeSeek");if(!k){g.trigger(m,[b,c]);if(m.isDefaultPrevented()||!l.length)return f}var n=j?{top:-l.position().top}:{left:-l.position().left};i=b,d=f,c===undefined&&(c=e.speed),h.animate(n,c,e.easing,k||function(){g.trigger("onSeek",[b])});return f}}),a.each(["onBeforeSeek","onSeek","onAddItem"],function(b,c){a.isFunction(e[c])&&a(f).bind(c,e[c]),f[c]=function(b){b&&a(f).bind(c,b);return f}});if(e.circular){var k=f.getItems().slice(-1).clone().prependTo(h),l=f.getItems().eq(1).clone().appendTo(h);k.add(l).addClass(e.clonedClass),f.onBeforeSeek(function(a,b,c){if(!a.isDefaultPrevented()){if(b==-1){f.seekTo(k,c,function(){f.end(0)});return a.preventDefault()}b==f.getSize()&&f.seekTo(l,c,function(){f.begin(0)})}}),f.seekTo(0,0,function(){})}var m=c(b,e.prev).click(function(){f.prev()}),n=c(b,e.next).click(function(){f.next()});!e.circular&&f.getSize()>1&&(f.onBeforeSeek(function(a,b){setTimeout(function(){a.isDefaultPrevented()||(m.toggleClass(e.disabledClass,b<=0),n.toggleClass(e.disabledClass,b>=f.getSize()-1))},1)}),e.initialIndex||m.addClass(e.disabledClass)),e.mousewheel&&a.fn.mousewheel&&b.mousewheel(function(a,b){if(e.mousewheel){f.move(b<0?1:-1,e.wheelSpeed||50);return!1}});if(e.touch){var o={};h[0].ontouchstart=function(a){var b=a.touches[0];o.x=b.clientX,o.y=b.clientY},h[0].ontouchmove=function(a){if(a.touches.length==1&&!h.is(":animated")){var b=a.touches[0],c=o.x-b.clientX,d=o.y-b.clientY;f[j&&d>0||!j&&c>0?"next":"prev"](),a.preventDefault()}}}e.keyboard&&a(document).bind("keydown.scrollable",function(b){if(e.keyboard&&!b.altKey&&!b.ctrlKey&&!a(b.target).is(":input")){if(e.keyboard!="static"&&d!=f)return;var c=b.keyCode;if(j&&(c==38||c==40)){f.move(c==38?-1:1);return b.preventDefault()}if(!j&&(c==37||c==39)){f.move(c==37?-1:1);return b.preventDefault()}}}),e.initialIndex&&f.seekTo(e.initialIndex,0,function(){})}a.fn.scrollable=function(b){var c=this.data("scrollable");if(c)return c;b=a.extend({},a.tools.scrollable.conf,b),this.each(function(){c=new e(a(this),b),a(this).data("scrollable",c)});return b.api?c:this}})(jQuery);

template/pc/lists_yjcp_cp.htm

@@ -3,14 +3,67 @@
 {eyou:include file='/template/pc/common/include/top.htm' /}
 {eyou:include file='/template/pc/common/other/background.htm' /}
 {eyou:include file='/template/pc/common/include/header.htm' /}
+<!--<link href="/template/pc/plug/step/step.css" rel="stylesheet">-->
 
+<!-- CSS -->
+<link rel="stylesheet" href="/template/pc/js/botstrap-step/bootstrap.min.css">
+<link rel="stylesheet" href="/template/pc/js/botstrap-step/font-awesome.min.css">
+<link rel="stylesheet" href="/template/pc/js/botstrap-step/form-elements.css">
+<link rel="stylesheet" href="/template/pc/js/botstrap-step/style.css">
+
+<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+<!--[if lt IE 9]>
+<?php
+/*
+ * <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
+ */
+?>
+<![endif]-->
+<style>
+    .breadnav{
+        background: #fff !important;
+    }
+    .header .container .logo{
+        margin:0px !important;
+        margin-top:0px !important;
+        margin-bottom:0px !important;
+    }
+    .breadnav .bread a{
+        color: #6b7386 !important;
+    }
+    .footer-copyright{
+        background: #fff !important;
+        margin-bottom: 0px !important;
+        padding-bottom: 20px !important;
+    }
+</style>
 <div id="ciping">
         <div id="mask"></div>
         {eyou:include file='/template/pc/components/nav/style_1.htm' /}
-        <div class="container">
+        <div class="container-box"  style="overflow: hidden;">
             <!-- 广告位AD4  -->
-            <p>本站正在开发一建测评软件，输入学历、区域、专业、毕业时间、专业名称、申报名称及等级，即可为您一建匹配符合相应的区域，并提供详细的申报流程指引及各地费用参考，敬请期待！</p>
+            <!--<div id="StepWrapper_wrapper"></div>-->
+            <!--            <p>本站正在开发一建测评软件，输入学历、区域、专业、毕业时间、专业名称、申报名称及等级，即可为您一建匹配符合相应的区域，并提供详细的申报流程指引及各地费用参考，敬请期待！</p>-->
+
+            <!--分步表单 start-->
+            {eyou:include file='/template/pc/components/index/step.htm' /}
+            <!--分步表单 end-->
+
         </div>
 </div>
+
+
+
+
+
 {eyou:include file='/template/pc/common/include/footer.htm' /}
-{eyou:include file='/template/pc/common/include/bottom.htm' /}
+{eyou:include file='/template/pc/common/include/bottom.htm' /}
+<?php
+/*
+ * layui step js
+ * eyou:include file='/template/pc/common/include/script.htm'
+ */
+?>
+{eyou:include file='/template/pc/common/include/step.htm' /}

template/pc/plug/step/step.css

@@ -0,0 +1,62 @@
+#StepWrapper_wrapper {
+    display:flex;
+    flex-flow: column;
+    align-items: center;
+    justify-content: center;
+}
+
+#StepWrapper {
+    width: 100%;
+    display: inline-flex;
+    justify-content: center;
+    padding-bottom: 1.1rem;
+    margin-bottom: 1.1rem;
+}
+
+#StepWrapper_content {
+    width: 100%;
+}
+
+.s-step{
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.s-step > .s-circle {
+    border: 0.125rem solid #1E9FFF;
+    border-radius: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 1.5rem;
+    height: 1.5rem;
+    position: relative;
+}
+
+.s-step > .s-circle > .tip {
+    position: absolute;
+    top: 1.5rem;
+    text-align: center;
+}
+
+.s-step > .s-line {
+    border: 0.0625rem solid #1E9FFF;
+}
+
+.s-step > .active {
+    background:  #1E9FFF;
+    color: #1E9FFF;
+}
+
+.s-step > .active > .s-num {
+    color: #ffffff;
+}
+
+#Content_Main, #Content_Main .item {
+    background-color: transparent;
+}
+
+#Carousel_item:before {
+    content: '';
+}

template/pc/plug/step/step.js

@@ -0,0 +1,170 @@
+layui.define(['jquery', 'carousel', 'laytpl'],exports => {
+    let $ = layui.jquery
+    let carousel = layui.carousel
+    let laytpl = layui.laytpl
+
+    let processTpl = `
+        <div id="StepWrapper">
+            <div class="s-step">
+                {{# layui.each(d.nodes, (index, item) => {}}
+                <div class="
+                    s-circle
+                    {{# if(index === 0) {}}
+                    active
+                    {{# } }}
+                ">
+                    <div class="s-num">{{ index + 1 }}</div>
+                    <div class="tip">{{ item.tip }}</div>
+                </div>
+                {{# if(index !== d.nodes.length -1 ) { }}
+                <div class="s-line"></div>
+                {{# } }}
+                {{#  });}}
+            </div>
+        </div>
+    `
+
+    let contentTpl = `
+        <div id="StepWrapper_content">
+            <div class="layui-carousel" id="Content_Main">
+                <div id="Carousel_item" carousel-item></div>
+            </div> 
+        </div>
+    `
+
+    let renderProcess = (dom, nodes) => {
+        nodes = nodes || []
+        laytpl(processTpl).render({ nodes }, html => {
+            $(dom).append(html)
+        })
+    }
+
+    let renderContent = (dom, contents) => {
+        laytpl(contentTpl).render({}, html => {
+            $(dom).append(html)
+        })
+
+        contents = contents || []
+        contents.forEach(item => {
+            let tpl = `<div class="item">
+                ${item._tpl}
+            </div>`
+            laytpl(tpl).render(item.ctx, html => {
+                $('#Carousel_item').append(html)
+            })
+        })
+    }
+
+    let getCurrent = () => {
+        let circles = $('.s-circle')
+        let reservIndex = 0
+        circles.each((index, item) => {
+            if($(item).hasClass('active')) {
+                reservIndex = index
+            }
+        })
+        return reservIndex
+    }
+
+    let updateState = (dir) => {
+        let circles = $('.s-circle')
+        let reservIndex = getCurrent()
+        $(circles[reservIndex]).removeClass('active')
+        if(dir === 'prev'){
+            $(circles[reservIndex - 1 < 0 ? 2 : reservIndex - 1]).addClass('active')
+            $('.layui-carousel-arrow[lay-type=sub]').trigger('click')
+        } else {
+            $(circles[(reservIndex + 1) % circles.length]).addClass('active')
+            $('.layui-carousel-arrow[lay-type=add]').trigger('click')
+        }
+    }
+
+    let lock = false;
+    let updateWidthLock = (dir) => {
+        if(lock) {
+            return
+        }
+        lock = true
+        updateState(dir)
+        setTimeout(() => lock = false, 300);
+    }
+
+    let freshHeight = () => {
+        setTimeout(() => {
+            let currentItem = $('.item.layui-this')
+            let firstChild = currentItem.children(':first')[0]
+            $(currentItem).height(firstChild.scrollHeight)
+            $('#Carousel_item').height(firstChild.scrollHeight)
+            $('#StepWrapper_content').height(firstChild.scrollHeight)
+        }, 300)
+    }
+
+    let prev = () => {
+        updateWidthLock('prev')
+        freshHeight()
+    }
+
+    let next = () => {
+        updateWidthLock('next')
+        freshHeight()
+    }
+
+    let run = (options) => {
+        renderProcess(options.elem, options.nodes)
+        renderContent(options.elem, options.contents)
+        setTimeout(()=>{
+            carousel.render({
+                elem: '#Content_Main',
+                width: '100%',
+                // height: options.contentHeight || '20rem',
+                indicator: 'none',
+                autoplay: false
+            })
+
+            $('.layui-carousel-arrow').css({
+                display: 'none'
+            })
+
+            let stepWidth = options.stepWidth || '16rem'
+            let contentWidth = options.contentWidth || '100%'
+            let stepCount = options.nodes || []
+
+            $('.s-step').width(stepWidth)
+            $('#StepWrapper_content').width(contentWidth)
+
+            $('.s-step > .s-line').css({
+                width: `calc((100% - 1.5rem * ${stepCount.length}) / ${stepCount.length - 1})`
+            })
+
+            let tips = $('.s-circle > .tip')
+            let length = $($('.s-circle')[0]).width() + $($('.s-line')[0]).width()
+            tips.each((index, item) => {
+                $(item).width(length / 2)
+            })
+
+            let stepWrapperLength = $('.s-step').width() + length / 2
+
+            $('#StepWrapper').width(stepWrapperLength)
+
+            // $('.prev').each((index, item) => {
+            //     $(item).on('click', e => {
+            //         updateWidthLock('prev')
+            //     })
+            // })
+
+            // $('.next').each((index, item) => {
+            //     $(item).on('click', e => {
+            //         updateWidthLock('next')
+            //     })
+            // })
+        })
+    }
+
+    exports('step', {
+        run,
+        prev,
+        next,
+        getCurrent,
+        freshHeight
+    })
+})