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">
                </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) {
                    $.ajax({
                        url: '/app/admin/location/insert',
                        data: JSON.stringify(data.field),
                        dataType: 'json',
                        contentType: 'application/json',
                        type: 'post',
                        success: function(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;
                });
            })
        </script>
    </body>
</html>