ship-expert/app/admin/view/recruitment/form.html

{extend name="../../admin/view/main"}

{block name='content'}
<form action="" class="layui-card layui-form" data-auto="true" method="post">
    <div class="layui-card-body">

        <input class="layui-input" type="hidden" name="type"  required value='2'>
        <label class="layui-form-item relative block">
            <span class="help-label"><b>岗位名称</b></span>
            <input class="layui-input" name="title" placeholder="请输入岗位名称" required value='{$vo.title|default=""}'>
        </label>

        <label class="layui-form-item relative block">
            <span class="help-label"><b>需要人数</b></span>
            <input class="layui-input" name="number_person" placeholder="请输入人数" required value='{$vo.number_person|default=""}'>
        </label>

        <label class="layui-form-item relative block">
            <span class="help-label"><b>年龄</b></span>
            <input class="layui-input" name="age" placeholder="请输入年龄" required value='{$vo.age|default=""}'>
        </label>


        <label class="layui-form-item relative block">
            <span class="help-label"><b>性别</b></span>
            <select name="sex">
                <option value="男" {:isset($vo['sex']) && $vo['sex']=='男'?'selected':''}>男</option>
                <option value="女" {:isset($vo['sex']) && $vo['sex']=='女'?'selected':''}>女</option>
                <option value="不限" {:isset($vo['sex']) && $vo['sex']=='不限'?'selected':''}>不限</option>
            </select>
        </label>

        <label class="layui-form-item relative block">
            <span class="help-label"><b>学历</b></span>
            <select name="schooling">
                <option value="不限" {:isset($vo['schooling']) && $vo['schooling']=='不限'?'selected':''}>不限</option>
                <option value="初中及以下" {:isset($vo['schooling']) && $vo['schooling']=='初中及以下'?'selected':''}>初中及以下</option>
                <option value="中专/中技" {:isset($vo['schooling']) && $vo['schooling']=='中专/中技'?'selected':''}>中专/中技</option>
                <option value="高中" {:isset($vo['schooling']) && $vo['schooling']=='高中'?'selected':''}>高中</option>
                <option value="大专" {:isset($vo['schooling']) && $vo['schooling']=='大专'?'selected':''}>大专</option>
                <option value="本科" {:isset($vo['schooling']) && $vo['schooling']=='本科'?'selected':''}>本科</option>
                <option value="硕士" {:isset($vo['schooling']) && $vo['schooling']=='硕士'?'selected':''}>硕士</option>
                <option value="博士" {:isset($vo['schooling']) && $vo['schooling']=='博士'?'selected':''}>博士</option>
            </select>
<!--            <input class="layui-input" name="schooling" placeholder="请输入学历" required value='{$vo.schooling|default=""}'>-->
        </label>



        <div class="layui-col-xs12 relative block">
            <span class="color-green font-w7 label-required-prev">地址</span>
            <span class="color-desc margin-left-5">（原区域：{$vo.province|default='--'} - {$vo.city|default=''} - {$vo.area|default=''} ）</span>
            <div class="layui-row layui-col-space10">
                <label class="layui-col-xs4"><select class="layui-select" lay-filter="province" name="province"></select></label>
                <label class="layui-col-xs4"><select class="layui-select" lay-filter="city" name="city"></select></label>
                <label class="layui-col-xs4"><select class="layui-select" lay-filter="area" name="area"></select></label>
            </div>
        </div>
        <label class="layui-form-item relative block">
            <span class="help-label"><b>详细地址</b></span>
            <input class="layui-input" name="address" placeholder="请输入详细地址" required value='{$vo.address|default=""}'>
        </label>

        <label class="layui-form-item relative block">
            <span class="help-label"><b>经验</b></span>
            <input class="layui-input" name="experience" placeholder="请输入经验" value='{$vo.experience|default=""}'>
        </label>

        <label class="layui-form-item relative block">
            <span class="help-label"><b>用工时长</b></span>
            <input class="layui-input" name="working_time" placeholder="请输入用工时长" required value='{$vo.working_time|default=""}'>
        </label>

        <label class="layui-form-item relative block">
            <span class="help-label"><b>工作性质</b></span>
            <select name="work_nature">
                <option value="全职" {:isset($vo['work_nature']) && $vo['work_nature']=='全职'?'selected':''}>全职</option>
                <option value="兼职" {:isset($vo['work_nature']) && $vo['work_nature']=='兼职'?'selected':''}>兼职</option>
            </select>
        </label>

        <label class="layui-form-item relative block">
            <span class="help-label"><b>必备技能</b></span>
            <input class="layui-input" name="necessary_skills" placeholder="请输入必备技能" value='{$vo.necessary_skills|default=""}'>
        </label>

        <label class="layui-form-item relative block">
            <span class="help-label"><b>证书</b></span>
            <input class="layui-input" name="certificate" placeholder="请输入" value='{$vo.certificate|default=""}'>
        </label>


        <label class="layui-form-item relative block">
            <span class="help-label"><b>备注</b></span>
            <input class="layui-input" name="remark" placeholder="请输入备注" value='{$vo.remark|default=""}'>
        </label>

        <label class="layui-form-item relative block">
            <span class="help-label"><b>联系人姓名</b></span>
            <input class="layui-input" name="contact_person" placeholder="请输入联系人姓名" required value='{$vo.contact_person|default=""}'>
        </label>

        <div class="layui-form-item">
            <span class="help-label"><b>联系人头像</b></span>
            <table class="layui-table">
                <thead>
                <tr>
                </tr>
                <tr>
                    <td class="text-left padding-0">
                        <div class="help-images">
                            <input name="contact_headimg" data-max-width="2048" data-max-height="1024" type="hidden" value="{$vo.contact_headimg|default=''}">
                            <script>$('[name="contact_headimg"]').uploadOneImage();</script>
                        </div>
                    </td>
                </tr>
                </thead>
            </table>
        </div>

        <label class="layui-form-item relative block">
            <span class="help-label"><b>联系人职位</b></span>
            <input class="layui-input" name="contact_position" placeholder="请输入联系人职位" value='{$vo.contact_position|default=""}'>
        </label>
        <label class="layui-form-item relative block">
            <span class="help-label"><b>联系人手机号</b></span>
            <input class="layui-input" name="contact_phone" placeholder="请输入联系人手机号" required value='{$vo.contact_phone|default=""}'>
        </label>
        <label class="layui-form-item relative block">
            <span class="help-label"><b>联系人邮箱</b></span>
            <input class="layui-input" name="contact_email" placeholder="请输入联系人邮箱" required value='{$vo.contact_email|default=""}'>
        </label>

         <label class="layui-form-item relative block">
             <span class="help-label"><b>薪资</b></span>
             <div class="layui-row layui-col-space10">
                 <label class="layui-col-xs4"> <input type="number" class="layui-input" name="salary_start" placeholder="" required value='{$vo.salary_start|default=""}'></label>
                 <label class="layui-col-xs4"><input type="number" class="layui-input" name="salary_end" placeholder="" required value='{$vo.salary_end|default=""}'></label>
             </div>
        </label>
        <label class="layui-form-item relative block">
            <span class="help-label"><b>福利待遇</b></span>
            <input class="layui-input" name="welfare_benefits" placeholder="请输入福利待遇" required value='{$vo.welfare_benefits|default=""}'>
        </label>



        <div class="hr-line-dashed"></div>
        {notempty name='vo.id'}<input name='id' type='hidden' value='{$vo.id}'>{/notempty}

        <div class="layui-form-item text-center">
            <button class="layui-btn" type="submit">保存数据</button>
            <button class="layui-btn layui-btn-danger" data-history-back data-confirm="确定要取消编辑吗？" type='button'>取消编辑</button>
        </div>
    </div>

</form>
<script>
    require(['pcasunzips'], function () {
        (function (prov, city, area, refresh) {
            new PCAS("province", "city", "area", prov, city, area);
            refresh(), form.on('select(province)', refresh), form.on('select(city)', refresh), form.on('select(area)', refresh);
        })('{$vo.province|default=""}', '{$vo.city|default=""}', '{$vo.area|default=""}', function (data) {
            $('select:not([lay-ignore])').nextAll('div.layui-form-select').remove();
            data && data.elem && $(data.elem).trigger('change'), layui.form.render('select');
        });
    });

    $('[data-express-query]').on('click', function () {
        (function (code, number) {
            $.form.modal('{:url("shop.send/query")}', {code: code, number: number}, '快递追踪查询')
        })($('[data-truck-code]').val(), $('[data-truck-number]').val());
    });
</script>
<script>
    $('input[name="images"]').uploadMultipleImage();
    require(['ckeditor'], function () {
        window.createEditor('[name=content]', {height: 350})
    });
    layui.use(['upload', 'element', 'layer'], function() {
        var $ = layui.jquery
            , upload = layui.upload
            , element = layui.element
            , layer = layui.layer;

        upload.render({
            elem: '#test5'
            ,url: '' //此处配置你自己的上传接口即可
            ,accept: 'video' //视频
            ,done: function(res){
                layer.msg('上传成功');
                console.log(res)
            }
        });

        //演示多文件列表
        var uploadListIns = upload.render({
            elem: '#testList'
            ,elemList: $('#demoList') //列表元素对象
            ,url: 'https://httpbin.org/post' //此处用的是第三方的 http 请求演示，实际使用时改成您自己的上传接口即可。
            ,accept: 'file'
            ,multiple: true
            ,number: 3
            ,auto: false
            ,bindAction: '#testListAction'
            ,choose: function(obj){
                var that = this;
                var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
                //读取本地文件
                obj.preview(function(index, file, result){
                    var tr = $(['<tr id="upload-'+ index +'">'
                        ,'<td>'+ file.name +'</td>'
                        ,'<td>'+ (file.size/1014).toFixed(1) +'kb</td>'
                        ,'<td><div class="layui-progress" lay-filter="progress-demo-'+ index +'"><div class="layui-progress-bar" lay-percent=""></div></div></td>'
                        ,'<td>'
                        ,'<button class="layui-btn layui-btn-xs demo-reload layui-hide">重传</button>'
                        ,'<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete">删除</button>'
                        ,'</td>'
                        ,'</tr>'].join(''));

                    //单个重传
                    tr.find('.demo-reload').on('click', function(){
                        obj.upload(index, file);
                    });

                    //删除
                    tr.find('.demo-delete').on('click', function(){
                        delete files[index]; //删除对应的文件
                        tr.remove();
                        uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值，以免删除后出现同名文件不可选
                    });

                    that.elemList.append(tr);
                    element.render('progress'); //渲染新加的进度条组件
                });
            }
            ,done: function(res, index, upload){ //成功的回调
                var that = this;
                //if(res.code == 0){ //上传成功
                var tr = that.elemList.find('tr#upload-'+ index)
                    ,tds = tr.children();
                tds.eq(3).html(''); //清空操作
                delete this.files[index]; //删除文件队列已经上传成功的文件
                return;
                //}
                this.error(index, upload);
            }
            ,allDone: function(obj){ //多文件上传完毕后的状态回调
                console.log(obj)
            }
            ,error: function(index, upload){ //错误回调
                var that = this;
                var tr = that.elemList.find('tr#upload-'+ index)
                    ,tds = tr.children();
                tds.eq(3).find('.demo-reload').removeClass('layui-hide'); //显示重传
            }
            ,progress: function(n, elem, e, index){ //注意：index 参数为 layui 2.6.6 新增
                element.progress('progress-demo-'+ index, n + '%'); //执行进度条。n 即为返回的进度百分比
            }
        });

    });

</script>
{/block}