gaoyixia/application/operate/view/recruit/form.html

{extend name='admin@main'}

{block name="content"}

{include file='mall@store_goods/form_style'}
<header>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
    <link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css"/>
    <style>
        .layui-form-radio{
            margin: 0 !important;
            padding-right:0 !important;
        }
        .layui-form-select{
            margin-right: 10px !important;
        }
        .layui-col-xs9{
            width: 90%;
        }

        .amap-icon img,
        .amap-marker-content img{
            width: 25px;
            height: 34px;
        }

        .marker {
            position: absolute;
            top: -20px;
            right: -118px;
            color: #fff;
            padding: 4px 10px;
            box-shadow: 1px 1px 1px rgba(10, 10, 10, .2);
            white-space: nowrap;
            font-size: 12px;
            font-family: "";
            background-color: #25A5F7;
            border-radius: 3px;
        }

        .input-card{
            width: 18rem;
            z-index: 170;
        }

        .input-card .btn{
            margin-right: .8rem;
        }

        .input-card .btn:last-child{
            margin-right: 0;
        }
    </style>
</header>

<form onsubmit="return false;" id="GoodsForm" data-auto="true" method="post" class='layui-form layui-card' autocomplete="off">

    <div class="layui-card-body think-box-shadow padding-left-40">
        <div class="layui-tab">
            <ul class="layui-tab-title">
                <li class="layui-this">招聘设置</li>
            </ul>
            <div class="layui-tab-content">
                <!--基础设置-->
                <div class="layui-tab-item layui-show">


                    <div class="layui-form-item layui-row layui-col-space15">
                        <label class="layui-col-xs9 relative">
                            <span class="color-green">地图</span>
                            <div>
                                <div id="container" style="width:800px; height: 500px;"></div>
                            </div>
                            <div class="layui-input-inline">
                            <input type="hidden" id="longitude" name="longitude"  value="{$vo.longitude|default=''}">
                            <input type="hidden" id="latitude" name="latitude"  value="{$vo.latitude|default=''}">
                            <input id='lnglat' type="text" value="{$vo.longitude|default=''},{$vo.latitude|default=''}">
                            </div>
                        </label>
                    </div>




                    <!--基础设置start-->
                    <div class="layui-form-item layui-row layui-col-space15">

                        <label class="layui-col-xs9 relative">
                            <span class="color-green">标题</span>
                            <input name="title" required class="layui-input" placeholder="请输入招聘标题" value="{$vo.title|default=''}">
                        </label>
                    </div>

                    <div class="layui-form-item layui-row layui-col-space15">
                        <label class="layui-col-xs9 relative">
                            <span class="color-green">会员ID</span>
                            <input name="user_id" required class="layui-input" placeholder="请输入发布会员id" value="{$vo.user_id|default=''}">
                        </label>
                    </div>

                    <div class="layui-form-item layui-row layui-col-space15">
                        <label class="layui-col-xs9 relative">
                            <span class="color-green">标签</span><span class="margin-left-10 color-gray">多个半角逗号(,)隔开</span>
                            <textarea placeholder="请输入招聘标签" class="layui-textarea" name="label">{$vo.label|default=''}</textarea>
                        </label>
                    </div>

                    <div class="layui-form-item layui-row layui-col-space15">
                        <label class="layui-col-xs9 relative">
                            <span class="color-green">排序</span>
                            <input name="sort" required class="layui-input" placeholder="请输入排序号" value="{$vo.sort|default=''}">
                        </label>
                    </div>


                    <div class="layui-form-item layui-row layui-col-space15">
                        <label class="layui-col-xs3 relative">
                            <span class="color-green">学历</span>
                            <select class="layui-select" required name="education" id="education"  lay-filter="education" lay-search>
                                {foreach $education as $e}
                                    <option value="{$e}"  {if isset($vo.education) && $vo.education  eq $e}selected{/if}>{$e}</option>
                                {/foreach}
                            </select>
                        </label>

                        <label class="layui-col-xs3 relative">
                            <span class="color-green">招聘人数</span>
                            <input name="num" required class="layui-input" placeholder="请输入招聘人数" value="{$vo.num|default=''}">
                        </label>

                    </div>

                    <div class="layui-form-item layui-row layui-col-space15">
                        <label class="layui-col-xs9 relative">
                            <span class="color-green">分类</span>
                        </label>
                        <div class="layui-inline" style="top: -15px;margin-bottom: -25px">
                        <div class="layui-input-inline">
                            <select name="first_classify" lay-filter ="first_classify">
                                <option value="0">请选择</option>
                                {if !empty($cate_tree)}
                                {foreach $cate_tree as $ck=>$cv}
                                {if  isset($vo.first_classify) && $vo.first_classify == $cv['id'] }
                                <option selected data-cl_key="{$ck}" value="{$cv['id']}">{$cv['title']}</option>
                                {else}
                                <option data-cl_key="{$ck}" value="{$cv['id']}">{$cv['title']}</option>
                                {/if}
                                {/foreach}
                                {/if}
                            </select>
                        </div>
                        <div class="layui-input-inline">
                            <select name="second_classify" lay-filter ="second_classify">
                                <option value="0">请选择</option>
                                {if !empty($cate_tree)}
                                {foreach $cate_tree as $ck=>$cv}
                                {if isset($vo.first_classify) && $vo.first_classify == $cv['id'] }
                                {if isset($cv['children'])}
                                {foreach $cv['children'] as $cln}
                                {if isset($vo.second_classify) && $vo.second_classify == $cln['id'] }
                                <option selected  value="{$cln['id']}">{$cln['title']}</option>
                                {else}
                                <option  value="{$cln['id']}">{$cln['title']}</option>
                                {/if}
                                {/foreach}
                                {/if}
                                {/if}
                                {/foreach}
                                {/if}
                            </select>
                        </div>
                        </div>
                    </div>

                    <div class="layui-form-item layui-row layui-col-space15">
                        <label class="layui-col-xs9 relative">
                            <span class="color-green">地址</span>
                        </label>
                        <div class="layui-inline" style="top: -15px;margin-bottom: -25px">
                            <div class="layui-input-inline">
                                <select name="province" lay-filter ="province">
                                    <option value="0">请选择</option>
                                    {foreach $all_area as $ak=>$cv}
                                    {if  isset($vo.province) && $vo.province == $cv['name'] }
                                    <option selected data-al_key="{$ak}" value="{$cv['name']}">{$cv['name']}</option>
                                    {else}
                                    <option data-al_key="{$ak}" value="{$cv['name']}">{$cv['name']}</option>
                                    {/if}
                                    {/foreach}
                                </select>
                            </div>
                            <div class="layui-input-inline">
                                <select name="city" lay-filter ="city">
                                    <option value="0">请选择</option>
                                    {foreach $all_area as $ck=>$cv}
                                    {if isset($vo.province) && $vo.province == $cv['name'] }
                                        {foreach $cv['children'] as $cln}
                                             {if isset($vo.city) && $vo.city == $cln['name'] }
                                            <option selected  value="{$cln['name']}">{$cln['name']}</option>
                                            {else}
                                                <option  value="{$cln['name']}">{$cln['name']}</option>
                                            {/if}
                                        {/foreach}
                                    {/if}
                                    {/foreach}
                                </select>
                            </div>
                            <div class="layui-input-inline">
                                <input name="address" style="width: 400px" required class="layui-input" placeholder="请输入公司地址" value="{$vo.address|default=''}">
                            </div>
                        </div>
                    </div>


                    <div class="layui-form-item layui-row layui-col-space15">
                        <label class="layui-col-xs9 relative">
                            <span class="color-green">工作年限</span>
                        </label>
                        <div class="layui-inline" style="top: -15px;margin-bottom: -25px">
                            <div class="layui-input-inline">
                                <input type="number" name="experience_min" value="{$vo.experience_min|default=''}" placeholder="" autocomplete="off" class="layui-input">
                            </div>
                            <div class="layui-form-mid">-</div>
                            <div class="layui-input-inline">
                                <input type="number" name="experience_max" value="{$vo.experience_max|default=''}" placeholder="" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                    </div>

                    <div class="layui-form-item layui-row layui-col-space15">
                        <label class="layui-col-xs9 relative">
                                <span class="color-green">薪资</span>
                        </label>
                        <div class="layui-inline" style="top: -15px;margin-bottom: -25px">
                            <div class="layui-input-inline">
                                <input type="number" name="price_min" value="{$vo.price_min|default=''}" placeholder="￥" autocomplete="off" class="layui-input">
                            </div>
                            <div class="layui-form-mid">-</div>
                            <div class="layui-input-inline" >
                                <input type="number" name="price_max"  value="{$vo.price_max|default=''}"placeholder="￥" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                    </div>

                    <div class="layui-form-item layui-row layui-col-space15">
                        <label class="layui-col-xs9 relative">
                            <span class="color-green">福利待遇</span><span class="margin-left-10 color-gray">多个半角逗号(,)隔开</span>
                            <textarea placeholder="请输入内容" class="layui-textarea" name="welfare">{$vo.welfare|default=''}</textarea>
                        </label>
                    </div>


                    <div class="layui-form-item layui-row layui-col-space15">
                        <label class="layui-col-xs3 relative">
                            <span class="color-green">招聘公司</span>
                            <input name="company" required class="layui-input" placeholder="请输入招聘公司名称" value="{$vo.company|default=''}">
                        </label>
                        <label class="layui-col-xs2 relative">
                            <span class="color-green">联系人</span>
                            <input name="principal"  required class="layui-input" placeholder="请输入联系人" value="{$vo.principal|default=''}">
                        </label>
                        <label class="layui-col-xs2 relative">
                            <span class="color-green">邮箱</span>
                            <input name="email"  required class="layui-input" placeholder="请输入邮箱" value="{$vo.email|default=''}">
                        </label>
                        <label class="layui-col-xs2 relative">
                            <span class="color-green">电话</span>
                            <input name="phone"  required class="layui-input" placeholder="请输入电话" value="{$vo.phone|default=''}">
                        </label>
                    </div>

                    <div class="layui-form-item layui-row layui-col-space15">
                        <label class="layui-col-xs9 relative">
                            <span class="color-green">公司标签</span><span class="margin-left-10 color-gray">多个半角逗号(,)隔开</span>
                            <textarea placeholder="请输入公司标签" class="layui-textarea" name="company_label">{$vo.company_label|default=''}</textarea>
                        </label>
                    </div>


                    <div class="layui-form-item layui-row layui-col-space15">
                        <label class="layui-col-xs9 relative">
                            <span class="color-green label-required-prev">公司LOGO</span>
                            <table class="layui-table">
                                <thead>
                                <tr>
                                    <th class="text-left">LOGO</th>
                                </tr>
                                <tr>
                                    <td width="auto" class="text-left"><input name="cover" type="hidden" value="{$vo.cover|default=''}"></td>
                                </tr>
                                </thead>
                            </table>
                        </label>
                        <script>$('[name="cover"]').uploadOneImage();</script>
                    </div>


                    <div class="layui-form-item layui-row layui-col-space15">
                        <label class="layui-col-xs9 relative">
                            <span class="color-green">招聘详情</span>
                            <textarea name="content">{$vo.content|default=""}</textarea>
                        </label>
                    </div>

                    <div class="layui-form-item text-center">
                        {notempty name='vo.id'}<input type="hidden" name="id" value="{$vo.id}">{/notempty}
                        <button class="layui-btn layui-btn-danger" ng-click="hsitoryBack()" type="button">取消</button>
                        <button class="layui-btn" type="submit">保存</button>
                    </div>

                </div>
            </div>
        </div>
    </div>
</form>
{/block}

{block name='script'}
<textarea class="layui-hide" id="goods-specs">{$vo.specs|raw|default=''}</textarea>
<textarea class="layui-hide" id="goods-value">{$defaultValues|raw|default=''}</textarea>
<script type="text/javascript" src="https://webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=5295cbb966c063bde1ed33c1de7ed6bd"></script>
<script>
    layui.config({}).extend({}).use(['index', 'form'], function(){ var $ = layui.$,form = layui.form;})
    var  longitude = "{$vo.longitude|default=''}";
    var  latitude = "{$vo.latitude|default=''}";
    window.init = function(){
        var marker, map = new AMap.Map('container', {
            center:['118.356655','35.102929'],
            resizeEnable: true,
            zoom:13
        });
        map.on( 'click',  function (e) {
            lnglatInput.value = e.lnglat.toString();
            var inputVal = lnglatInput.value.split(',');
            clearMarker();
            addMark(inputVal[0], inputVal[1])
            $("longitude").value =inputVal[0] ;
            $("latitude").value = inputVal[1];
        });
        var $ = function(elementId){
            return document.getElementById(elementId);
        };
        var lnglatInput = $('lnglat');
        var pixelInput = $('pixel');
        lnglat2container();
        // 经纬度坐标转成容器像素坐标
        function lnglat2container() {
            if(!lnglatInput.value) return
            var inputVal = lnglatInput.value.split(',');
            var lnglat = new AMap.LngLat(inputVal[0], inputVal[1]);
            var pixel = map.lngLatToContainer(lnglat);
            pixelInput.value = pixel.round();
        }
        // 添加mark
        function addMark(lng,pix) {
            console.log(lng,pix)
            if(!lng || !pix) return ;
            marker = new AMap.Marker({
                icon: "https://a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png",
                position: [lng, pix],
                offset: new AMap.Pixel(-13, -30)
            });
            marker.setMap(map);
        }
        // 清除 marker
        function clearMarker() {
            if (marker) {
                marker.setMap(null);
                marker = null;
            }
        }
        addMark(longitude,latitude);
    }



</script>
<script src="https://webapi.amap.com/maps?v=1.4.15&key=5295cbb966c063bde1ed33c1de7ed6bd&callback=init"></script>
<script src="https://webapi.amap.com/js/require.js" data-main="./require-init"></script>
<script src="https://webapi.amap.com/loader.js"></script>







<script>
    window.form.render();
    layui.use('form', function () {
        var form = layui.form;
        //日期时间范围
        laydate.render({
            elem: '#start_time'
            ,type: 'datetime'
        });
        laydate.render({
            elem: '#end_time'
            ,type: 'datetime'
        });
    })

    layui.use('element', function(){
        var $ = layui.jquery
            ,element = layui.element;
        var active = {
            tabAdd: function(){
                element.tabAdd('demo', {
                    title: '新选项'+ (Math.random()*1000|0)
                    ,content: '内容'+ (Math.random()*1000|0)
                    ,id: new Date().getTime()
                })
            }
            ,tabDelete: function(othis){
                element.tabDelete('demo', '44');
                othis.addClass('layui-btn-disabled');
            }
            ,tabChange: function(){
                element.tabChange('demo', '22');
            }
        };

        $('.site-demo-active').on('click', function(){
            var othis = $(this), type = othis.data('type');
            active[type] ? active[type].call(this, othis) : '';
        });

        //Hash地址的定位
        var layid = location.hash.replace(/^#test=/, '');
        element.tabChange('test', layid);

        element.on('tab(test)', function(elem){
            location.hash = 'test='+ $(this).attr('lay-id');
        });

    });
    require(['ckeditor', 'angular'], function () {
        window.createEditor('[name="content"]', {
            height: 500,

        });
    })


    // 添加设置
    $(document).on('click',".add_goods_no",function () {
        var knum = $('.no_html tr').length;
        var no_html = get_ht(knum);
        $(".no_html").append(no_html);
        form.render();
        console.log(a);// 别删这个！！！
    })
    // 删除设置
    $(document).on('click',".del_no",function (){
        var knum = $('.no_html tr').length;
        if(knum == 1) {
            layer.msg('不能全部删除！')
            form.render();
            console.log(a);// 别删这个！！！
        }
        var index= $(".del_no").index(this);
        $(".no_detail").eq(index).remove();
        form.render();
        console.log(a);// 别删这个！！！
    })
    var is_add = parseInt('{$isAddMode|default=0}');
    if(is_add){
        $(".no_html").html(get_ht(0));
    }else{
        var ladder = {:json_encode($ladder)};
        if(ladder && ladder.length > 0) {
            var no_html = '';
            $.each(ladder,function (lk,lv) {
                no_html  += ' <tr  class="no_detail change_del" data-dh ="'+lk+'">';
                no_html  +=     "<td class='text-left nowrap'>" +
                    "<input type='text'  class='layui-input' name='ladder_title[]' value='"+lv.ladder_title+"'/>" +
                    "</td>";
                no_html  +=     "<td class='text-left nowrap'>" +
                    "<input type=''  class='layui-input' name='ladder_num[]' value='"+lv.ladder_num+"'/>" +
                    "</td>";
                no_html  +=     "<td class='text-left nowrap'>" +
                    "<input type=''  class='layui-input' name='ladder_price[]' value='"+lv.ladder_price+"'/>" +
                    "</td>";
                no_html  +=     "<td class='text-left nowrap'>" +
                    "<a class=\"layui-btn layui-btn-sm layui-btn-danger del_no\">删 除</a>" +
                    "<a class=\"layui-btn layui-btn-sm layui-btn-sm add_goods_no\">添 加</a>" +
                    "</td>"
                no_html  += "</tr>";
            })
            $(".no_html").html(no_html);
        }else{
            $(".no_html").html(get_ht(0));
        }
        window.form.render();
    }
    function  get_ht(k) {
        var award_length = $(".no_detail").length;
        var no_html = '';
        no_html  += ' <tr  class="no_detail change_del" data-dh ="'+k+'">';
        no_html  +=     "<td class='text-left nowrap'>" +
            "<input type='text'  class='layui-input' name='ladder_title[]' value=''/>" +
            "</td>";
        no_html  +=     "<td class='text-left nowrap'>" +
            "<input type=''  class='layui-input' name='ladder_num[]' value=''/>" +
            "</td>";
        no_html  +=     "<td class='text-left nowrap'>" +
            "<input type=''  class='layui-input' name='ladder_price[]' value=''/>" +
            "</td>";
        no_html  +=     "<td class='text-left nowrap'>" +
            "<a class=\"layui-btn layui-btn-sm layui-btn-danger del_no\">删 除</a>" +
            "<a class=\"layui-btn layui-btn-sm layui-btn-sm add_goods_no\">添 加</a>" +
            "</td>"
        no_html  += "</tr>";
        return   no_html;
    }
    // 分类选择监听
    form.on('select(first_classify)', function(data){
        var cl_html = '<option value="0">请选择</option>';
        if(data.value == 0) {
            $("select[name='second_classify']").html(cl_html);
        }else{
            var cl_key =  data.elem[data.elem.selectedIndex].dataset.cl_key;
            var goods_spec = {:json_encode($cate_tree)};
            $.each(goods_spec[cl_key]['children'],function (ck,cv) {
                cl_html +='<option value="'+cv.id+'">'+cv.title+'</option>';
            })
            $("select[name='second_classify']").html(cl_html);
        }
        window.form.render();
    });
    //地址监听

    form.on('select(province)', function(data){
        var cl_html = '<option value="0">请选择</option>';
        if(data.value == 0) {
            $("select[name='city']").html(cl_html);
        }else{
            var cl_key =  data.elem[data.elem.selectedIndex].dataset.al_key;
            var goods_spec = {:json_encode($all_area)};
            $.each(goods_spec[cl_key]['children'],function (ck,cv) {
                cl_html +='<option value="'+cv.name+'">'+cv.name+'</option>';
            })
            $("select[name='city']").html(cl_html);
        }
        window.form.render();
    });
</script>
{/block}