YDM
/
caiping


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>逸管FEP</title>
    <link rel="stylesheet" href="{__MOBILE__}/css/base.css">
    <link rel="stylesheet" href="{__MOBILE__}/css/record_edit.css">
    <link rel="stylesheet" href="{__MOBILE__}/layui-v2.8.18-rc.1/layui-v2.8.18-rc.1/layui/css/layui.css">
    <script src="{__MOBILE__}/tinymce_5.10.0_dev/tinymce/js/tinymce/tinymce.min.js"></script>
    <script src="{__MOBILE__}/tinymce_5.10.0_dev/tinymce/js/tinymce/langs/zh_CN.js"></script>

    <script>
        tinymce.init({
            selector: '#basic-conf',
            width: '94vw',
            height: '50vh',
            language: 'zh_CN',

            mobile: {
                toolbar_drawer: 'sliding',
                plugins: [
                    'advlist', 'autolink', 'link', 'image', 'lists', 'charmap', 'preview', 'anchor', 'pagebreak',
                    'searchreplace', 'wordcount', 'visualblocks', 'code', 'fullscreen', 'insertdatetime', 'media',
                    'table', 'emoticons', 'template',
                ],
                toolbar: 'undo redo | styles | bold italic | alignleft aligncenter alignright alignjustify | ' +
                    'bullist numlist outdent indent | link image | print preview media fullscreen | ' +
                    'forecolor backcolor emoticons',
                menu: {

                },
                menubar: 'file edit view insert format tools table',
                content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:16px }',

            },
            branding: false,
        });
    </script>
    <style>
        .layui-laydate-content{
            display: flex;
            flex-wrap: nowrap;
            flex-direction: column;
        }

        .layui-laydate .layui-laydate-list{
            position: relative;
        }

        .laydate-theme-fullpanel .layui-laydate-main{
            width: 300px;
        }

        .laydate-theme-fullpanel .layui-laydate-list{
            width: 280px;
            left: 0;
        }
    </style>
</head>

<body>
<div class="top-return">
    <a href="{:url('mobile/index/detail?id=655')}"><span><img src="{__MOBILE__}/img/left.png" alt=""
                style="width: 5vw;"></span></a><span style="font-size: 4.7vw;">新增预约</span>
</div>
<form class="layui-form layui-form-pane" action="" style="padding: 4vw 3vw 0 3vw;margin-top: 14vw;">
    <div class="layui-form-item" style="display: flex;align-items: flex-end;">
        <div class="edit-title" style="width: 21%;">预约时间<font style="color:red;"> *</font></div>
        <input style="width: 80%;" type="text" class="layui-input" lay-verify="required" readonly name="appointment_time" id="ID-laydate-type-datetime-1" placeholder="请选择预约时间">
    </div>
    <div class="layui-form-item" style="display: flex;align-items: flex-end;">
        <div class="edit-title" style="width: 21%;">派遣人数<font style="color:red;"> *</font></div>
        <input style="width: 80%;" type="text" name="dispatch_num" lay-verify="required" class="layui-input" placeholder="请添加派遣人数">
    </div>

    <div class="layui-form-item">
        <div class="edit-title">地址/备注<font style="color:red;"> *</font></div>
        <textarea placeholder="" name="address_or_remark" lay-verify="required" class="layui-textarea"></textarea>
    </div>

    <div class="layui-form-item">
        <input type="hidden" name="project_id" lay-verify="required" lay-reqText="" placeholder="" class="layui-input" value="{$project_id}" readonly>
        <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="webform">立即提交</button>
        <button type="reset" class="layui-btn layui-btn-primary">重置</button>
    </div>
</form>

<script src="{__MOBILE__}/layui-v2.8.18-rc.1/layui-v2.8.18-rc.1/layui/layui.js"></script>
<script src="{__MOBILE__}/js/jquery-3.4.1.min.js"></script>
<script>
    var user_type = '{$user_type}';
    let form = layui.form;
    let tool = {
        ajax: function (options, callback) {
            var format = 'json';
            if (options.hasOwnProperty('data')) {
                format = options.data.hasOwnProperty('format') ? options.data.format : 'json';
            }
            callback = callback || options.success;
            callback && delete options.success;
            var optsetting = { timeout: 10000 };
            if (format == 'jsonp') {
                optsetting = { timeout: 10000, dataType: 'jsonp', jsonp: 'callback' }
            }
            var opts = $.extend({}, optsetting, {
                success: function (res) {
                    if (callback && typeof callback === 'function') {
                        callback(res);
                    }
                }
            }, options);
            $.ajax(opts);
        },

        post: function (url, data, callback) {
            this.ajax({
                url: url,
                type: "POST",
                data: data
            }, callback);
        },
    }
    layui.use(['form'], function(){
        var layer = layui.layer;
        // 提交事件
        var form = layui.form;
        layui.laydate.render({
            elem: '#ID-laydate-type-datetime-1',
            type: 'datetime',
            fullPanel: true // 2.8+
        });
        let a = 1;
        //监听提交
        form.on('submit(webform)', function (data) {
            if (!isIntegerString(data.field.dispatch_num)){
                layer.msg('派遣人数请输入整数');
                return false;
            }
            console.log(Number.isInteger(data.field.dispatch_num),data.field.dispatch_num)
            if(a){
                layer.confirm('确定要申请吗?', {
                    icon: 3,
                    title: '提示'
                }, function (index) {
                    let callback = function (e) {
                        layer.msg(e.msg);
                        if (e.code == 0) {

                            window.location.href = "/mobile/index/detail?id=" + "{$project_id}"
                        }
                    }
                    tool.post("/admin/project.appointment/add_company", data.field, callback)
                    a = 0
                });
            }
            return false;
        });
    });
    function isIntegerString(str) {
        var pattern = /^-?\d+$/; // 匹配整数，包括负整数
        return pattern.test(str);
    }


</script>
</body>

</html>