bab-icon/resources/views/admins/members/create_edit.blade.php

<div style="margin-top: 10px;" id="members-app">
    <div style="text-align: center;margin-top: 5px;margin-bottom: 10px;font-size: 20px;">
        余额增减
    </div>

    <el-form action="{{ route('admin.member.create.edit.update', ['id' => $model->id]) }}" method="post" id="form-create">
        <ui-input-text label="手机账号：" disabled="disabled" value="{{ $model->mobile }}" maxlength="255" tips=""></ui-input-text>
        <ui-input-text label="会员姓名：" disabled="disabled" value="{{ $model->nickname }}" maxlength="255" tips=""></ui-input-text>
        <ui-input-text label="当前余额：" disabled="disabled" value="{{ sprintf("%.2f", $model->money) }}" maxlength="255" tips=""></ui-input-text>
        <ui-input-number label="增减数量：" value="0" name="money" min="-9999999999" max="9999999999" tips="请仔细确认，此处操作将增减会员余额"></ui-input-number>
        <ui-input-text label="操作说明：" name="admin_mark" value="" placeholder="管理员扣除"  maxlength="255" tips=""></ui-input-text>

        {{ csrf_field() }}
        <ui-submit></ui-submit>
    </el-form>
</div>

<script type="application/javascript">
    $(function () {
        // 注意：Vue组件一定放在jQuery.validator前面验证
        new Vue({
            el: '#members-app',
            data :function () {
                return {

                };
            }
        });
        jQuery.validator.setDefaults({
            debug: false,         // 调试模式true不会提交,false允许提交
            success: "success",   // 匹配成功的class样式名称
            errorElement: 'div'   // 兼容el标签时使用(兼容el Vue组件label.error标签问题)
        });
        // 前台数据验证 验证需要设置window.form全局变量
        window.form = $('#form-create').validate({
            rules: {

            }
        });
    });
</script>
@include('layouts.admin.form_script')