在laravel-admin的表单中使用ajax加载数据

一 、模拟一个场景，根据发货单来进行开票，在开票时需要根据开票数量，来计算开票总额，还需要获取未开票数量和未开票总额

二、 在admin目录下添加相关路由
``` php
    // 根据发货单开发票
	//根据发货单创建开票记录的表单
    $router->get('delivery/{id}/invoice_create','DeliveryController@invoiceCreate')->name('delivery.invoice.create');
	//表单的发送位置
    $router->post('delivery_invoice', 'DeliveryController@invoiceStore')->name('delivery.invoice.store');
	//表单ajax请求地址
 $router->get('invoice_sync_data', 'DeliveryController@invoiceSyncData');
```

三、app/Admin下的bootstrap.php文件中加载js文件
``` php
Admin::js('/js/custom.js');
```

四、在/public/js文件夹中创建custom.js文件并写入需要调用的方法
``` js
function invoice_bind() {
    $("#num").on('change', function () {
        var num = $("input[name='num']").val();
        var deliveryId = $("input[name='delivery_id']").val();
        var max_num = $("input[name='delivery_num']").val();

if (num < 0) {
            alert("开票数量不能为负数");
            num = 0;
        } else if (num > max_num) {
            alert("开票数量过大");
            num = max_num;
        }

$.get('/admin/invoice_sync_data', {
            'num': num,
            'deliveryId': deliveryId
        }, function (data) {
            console.log(data);
            $("input[name='num']").val(num);
            $('#invoice_price').val(data.invoice_price);
            $('#invoice_amount_price').val(data.invoice_amount_price);
            $('#invoice_no_num').val(data.invoice_no_num);
            $('#invoice_no_amount_price').val(data.invoice_no_amount_price);
        });
    });
}

```

五、 定义表单控制器
``` php
    public function invoiceCreateForm($id)
    {
		//调用js方法
        Admin::script('invoice_bind();');
        return Admin::form(Delivery::class, function (Form $form) use ($id) {

$form->setAction(route('delivery.invoice.store'));

$form->row(function ($row)  use ($id)  {
                $delivery=Delivery::find($id);
                $row->hidden('_token', '_token')->default(csrf_token());
                $row->hidden('delivery_id')->default($id)->attribute(['id'=>'delivery_id']);
                $row->width(4)->divide();
                $row->width(4)->text('delivery_num', '发货数量')->attribute('disabled')->default($delivery->num);

$row->width(12)->divide();
                $row->width(4)->text('invoice_price', '发票价格')->attribute('disabled')->default($delivery->invoice_price);
                $row->width(4)->text('num', '开票数量')->rules('required');
                $row->width(4)->text('invoice_amount_price', '发票总额')->attribute('disabled')->placeholder(' ');;
                $row->width(4)->divide();

$row->width(4)->text('invoice_no_num', '未开票数量')->attribute('disabled')->placeholder(' ');;

$row->width(4)->text('invoice_no_amount_price', '未开票总额')->attribute('disabled')->placeholder(' ');;
                $row->width(12)->divide();
                $row->width(4)->divide();
                $row->width(4)->date('date', '开票日期')->rules('required');
                $row->width(4)->text('no', '发票单号')->rules('required');
            });
            $form->ignore(['invoice_price','invoice_amount_price','invoice_no_amount_price','invoice_no_num']);
        });
    }
```

六、定义视图记载表单
``` php
public function invoiceCreate($id){
        return Admin::content(function (Content $content) use ($id) {

$content->header('开票');

$content->body($this->invoiceCreateForm($id));
        });

}

```

七、在控制器中写入ajax请求数据的方法
``` php
    public function invoiceSyncData()
    {

$num = request()->num;
        $deliveryId=request()->deliveryId;
        $delivery = Delivery::find($deliveryId);
//        dd($delivery->invoice_price);
        $invoice_price=$delivery->invoice_price;//发票价格
        $invoice_amount_price=$invoice_price*$num;
        $invoice_no_num=$delivery->num-$num;
        $invoice_no_amount_price=$invoice_no_num*$invoice_price;
        return response()->json([
            'invoice_price' => $invoice_price,
            'invoice_amount_price' => $invoice_amount_price,
            'invoice_no_num' => $invoice_no_num,
            'invoice_no_amount_price' => $invoice_no_amount_price,
        ]);
    }
```

八、控制器写入表单存储方法
``` php
    public function invoiceStore(Request $request)
    {
        $invoice=new Invoice;
        $invoice->delivery_id=$request->delivery_id;
        $invoice->date=$request->date;
        $invoice->no=$request->no;
        $invoice->num=$request->num;
        $invoice->save();
        return redirect('/admin/invoice');
    }
```

在laravel-admin的表单中使用ajax加载数据

添加新评论

最新文章

最新回复

标签

归档

友情链接