zc100/template/pc/components/index/step.htm

<?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;
    }
    .table-bordered tr th{
        text-align: center;
    }
    .table-bordered tr td{
        text-align: center;
    }
</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>

                                {eyou:if condition='($detail.yxdq > 0 && $detail.yxdq < 10001)'}

                                    <?php
                                        $yxdi_id = $detail['yxdq'];
                                        $sql_end = ' and sf='.$yxdi_id;
                                        $scen = '抱歉!暂时未找到<预选地区>相关匹配结果信息!';
                                        $t = "预选地区";
                                    ?>
                                    {eyou:include file='/template/pc/components/index/kop.htm' /}
                                    <?php
                                        $yxdi_id = $detail['yxdq'];
                                        $sql_end = ' and sf!='.$yxdi_id;
                                        $scen = '抱歉!暂时未找到<其他区域>相关匹配结果信息!';
                                        $t = "其他推荐地区";
                                    ?>
                                    {eyou:include file='/template/pc/components/index/kop.htm' /}

                                {eyou:else /}
                                    <?php
                                        $sql_end = '';
                                        $t = '';
                                        $scen = '抱歉!暂时未找到相关匹配结果信息!';
                                    ?>
                                    {eyou:include file='/template/pc/components/index/kop.htm' /}
                                {/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;position: relative;">
                                    <label class="col-sm-12 control-label" style="padding-left: 0;">是否以下相关毕业专业</label>
                                    <div class="col-sm-12" style="padding-left: 0;margin-bottom: 15px;" 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>-->
                                <div class="form-group daterange">
                                    <label style="margin-left: 5px;">选择毕业时间</label>
                                    <!--range_date-->
                                    <div class="">
                                        <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-12 control-label" style="padding-left: 0;">选择相关证书以及时间年限</label>
                                    <div class="col-sm-12" style="padding-left: 0;margin-bottom: 15px;" 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>
                                    <input type="hidden" id="zhengshu_val" name="zhengshu_val" value="" />
                                </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']; ?>">
            <input type="hidden" name="t" value="" id="times"/>
        </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 -->