car_info/plugin/admin/app/view/location/insert.html

<!DOCTYPE html>
<html lang="<?= $lang ?>">
    <head>
        <meta charset="utf-8">
        <title><?= $translations['add'] ?? '新增' ?></title>
        <link rel="stylesheet" href="/app/admin/component/pear/css/pear.css" />
        <link rel="stylesheet" href="/app/admin/admin/css/reset.css" />
    </head>
    <body class="pear-container">
        <form class="layui-form" action="javascript:void(0);">
            <div class="layui-form-item">
                <label class="layui-form-label"><?= $translations['name'] ?? '名称' ?></label>
                <div class="layui-input-block">
                    <input type="text" name="name" lay-verify="required" placeholder="<?= $translations['name_placeholder'] ?? '请输入名称' ?>" autocomplete="off" class="layui-input">
                </div>
            </div>
            
            <div class="layui-form-item">
                <label class="layui-form-label"><?= $translations['name_en'] ?? '英文名称' ?></label>
                <div class="layui-input-block">
                    <input type="text" name="name_en" placeholder="<?= $translations['name_en_placeholder'] ?? '请输入英文名称' ?>" autocomplete="off" class="layui-input">
                </div>
            </div>
            
            <div class="layui-form-item">
                <label class="layui-form-label"><?= $translations['address'] ?? '地址' ?></label>
                <div class="layui-input-block">
                    <input type="text" name="address" lay-verify="required" placeholder="<?= $translations['address_placeholder'] ?? '请输入地址' ?>" autocomplete="off" class="layui-input">
                </div>
            </div>
            
            <div class="layui-form-item">
                <label class="layui-form-label"><?= $translations['area'] ?? '地区' ?></label>
                <div class="layui-input-block">
                    <input type="text" name="area" lay-verify="required" placeholder="<?= $translations['area_placeholder'] ?? '请输入地区' ?>" autocomplete="off" class="layui-input">
                </div>
            </div>
            
            <div class="layui-form-item">
                <label class="layui-form-label"><?= $translations['type'] ?? '类型' ?></label>
                <div class="layui-input-block">
                    <input type="checkbox" name="type" value="port" title="<?= $translations['type_port'] ?? '港口' ?>" lay-skin="primary">
                    <input type="checkbox" name="type" value="warehouse" title="<?= $translations['type_warehouse'] ?? '仓库' ?>" lay-skin="primary">
                    <input type="checkbox" name="type" value="production" title="<?= $translations['production'] ?? '生产城市' ?>" lay-skin="primary">
                </div>
            </div>
<!--            <div class="layui-form-item">-->
<!--                <label class="layui-form-label"><?= $translations['lng'] ?? '经度' ?></label>-->
<!--                <div class="layui-input-block">-->
<!--                    <input type="text" name="lng" placeholder="<?= $translations['lng_placeholder'] ?? '请输入经度' ?>" autocomplete="off" class="layui-input">-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="layui-form-item">-->
<!--                <label class="layui-form-label"><?= $translations['lat'] ?? '维度' ?></label>-->
<!--                <div class="layui-input-block">-->
<!--                    <input type="text" name="lat" placeholder="<?= $translations['lat_placeholder'] ?? '请输入维度' ?>" autocomplete="off" class="layui-input">-->
<!--                </div>-->
<!--            </div>-->

            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="pear-btn pear-btn-primary pear-btn-sm" lay-submit lay-filter="save">
                        <i class="layui-icon layui-icon-ok"></i>
                        <?= $translations['submit'] ?? '提交' ?>
                    </button>
                    <button type="reset" class="pear-btn pear-btn-sm">
                        <i class="layui-icon layui-icon-refresh"></i>
                        <?= $translations['reset'] ?? '重置' ?>
                    </button>
                </div>
            </div>
        </form>

        <script src="/app/admin/component/layui/layui.js"></script>
        <script src="/app/admin/component/pear/pear.js"></script>
        <script>
            layui.use(['form', 'jquery', 'popup'], function() {
                let form = layui.form;
                let $ = layui.jquery;
                let popup = layui.popup;

                // form.on('submit(save)', function(data) {
                //     console.log('submit');
                //     $.ajax({
                //         url: '/app/admin/location/insert',
                //         data: JSON.stringify(data.field),
                //         dataType: 'json',
                //         contentType: 'application/json',
                //         type: 'post',
                //         success: function(result) {
                //             console.log('操作成功',result);
                //             if (result.code) {
                //                 popup.failure(result.msg);
                //             } else {
                //                 popup.success("<?= $translations['operation_success'] ?? '操作成功' ?>", function() {
                //                     parent.layer.close(parent.layer.getFrameIndex(window.name));
                //                 });
                //             }
                //         }
                //     })
                //     return false;
                // });
                layui.form.on("submit(save)", function (data) {
                    layui.$.ajax({
                        url: '/app/admin/location/insert',
                        type: "POST",
                        dateType: "json",
                        data: data.field,
                        success: function (res) {
                            if (res.code) {
                                return layui.popup.failure(res.msg);
                            }
                            return layui.popup.success("操作成功", function () {
                                parent.refreshTable();
                                parent.layer.close(parent.layer.getFrameIndex(window.name));
                            });
                        }
                    });
                    return false;
                });
            })
        </script>
    </body>
</html>