<script>
    new Vue({
        el: '#OrderPayItems',
        data() {
            return {
                order_id:  "<?php echo $order_id;?>",
                item: [],
                arrVehiclError: [],
                VehicleImgLog: [],
                ncd: [],
                payment: [],
                quotationstype: [],
                substitute: [],
                summary: [],
            }
        },
        created() {
            this.init()
        },
        methods: {
            init() {
                $.ajax({
                    url: "/xxx/xxx/xxx",
                    type: 'post',
                    data: {order_id: this.order_id},
                    success: (res) => {
                        this.item = res.data.item;
                        this.arrVehiclError = res.data.arrVehiclError;
                        this.VehicleImgLog = res.data.VehicleImgLog;
                        this.ncd = res.data.ncd;
                        this.payment = res.data.payment;
                        this.quotationstype = res.data.quotationstype;
                        this.substitute = res.data.substitute;
                        this.summary = res.data.summary;
                    }
                });
            }
        }
    });
</script>