gary_wms/wms/maintainance_contract_payment_status2.php

<?php
include "header.php";
include "css/view/wipwhole-index.php";
?>
<style>
    table {
        table-layout: fixed;
        width: 100%;
    }

    td {
        word-wrap: break-word;
    }

    img {
        width: 125px;
    }

    .width_style_1 {
        width: 125px;
    }

    table {
        width: 100%;
    }

    #table_index_filter {
        float: right;
    }

    #table_index_paginate {
        float: right;
    }

    label {
        display: inline-flex;
        margin-bottom: .5rem;
        margin-top: .5rem;

    }
</style>

<div style="overflow-x:auto;">
    <form id='myForm' method='post' action='maintainance_contract_payment_status.php?<?= $token_link ?>'>
        <table class='table query-table table-striped table-bordered display compact' style='width:98%;text-align:center;margin:0 auto'>
            <thead>
                <tr>
                    <td colspan="5">
                        <h3 style='text-align:center'>保養合約-應收款項明細</h3>
                    </td>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <th style='text-align:center;vertical-align: middle;'>合約號</th>
                    <td style='text-align:center;vertical-align: middle;'>
                        <input type="text" class='form-control' id='contractno' name='contractno' value="">
                    </td>
                    <td style='text-align:left;vertical-align: middle;'>
                        <button type="button" id='serch_btn' onclick='drawDatatable()' style='text-align:center; margin:0 auto' class="btn  btn-primary btn-sm">查詢</button>
                    </td>
                </tr>
            </tbody>
        </table>
    </form>
</div>

<div style="overflow-x:auto;">
    <table id="table_index2" class="table table-striped table-bordered" style="width:100%">
        <thead>
            <tr>
                <th style='text-align:center;vertical-align: middle;'>營業人員/契約人員</th>
                <th style='text-align:center;vertical-align: middle;'>部門</th>
                <th style='text-align:center;vertical-align: middle;'>合約號</th>
                <th style='text-align:center;vertical-align: middle;width:50px;'>標示號</th>
                <th style='text-align:center;vertical-align: middle;'>電梯編號</th>
                <th style='text-align:center;vertical-align: middle;'>客戶名稱</th>
                <th style='text-align:center;vertical-align: middle;'>預計請款日</th>
                <th style='text-align:center;vertical-align: middle;width:50px;'>催收次數</th>
                <th style='text-align:center;vertical-align: middle;'>應收申請單狀態</th>
                <th style='text-align:center;vertical-align: middle;'>請款金額(未轉應收)</th>
                <th style='text-align:center;vertical-align: middle;'>請款金額(已轉應收)</th>
                <th style='text-align:center;vertical-align: middle;'>應收申請單號</th>
                <th style='text-align:center;vertical-align: middle;'>發票狀態</th>
                <th style='text-align:center;vertical-align: middle;width:50px;'>發票單標示號</th>
                <th style='text-align:center;vertical-align: middle;'>發票單號</th>
                <th style='text-align:center;vertical-align: middle;'>發票明細</th>
                <th style='text-align:center;vertical-align: middle;width:80px;'>發票金額</th>
                <th style='text-align:center;vertical-align: middle;width:120px;'>發票號碼</th>
                <th style='text-align:center;vertical-align: middle;'>核銷</th>
            </tr>
        </thead>
        <tbody>

        </tbody>
    </table>
</div>

<?php
include "footer.php";
?>

<script>
    function drawDatatable() {
        $('#table_index2').DataTable().destroy();
        $('#table_index2').DataTable({
            "serverSide": true,
            "ajax": {
                "url": "maintainance_contract_payment_status_modal.php",
                "type": "POST",
                "dataType": "json",
                "data": {
                    "user_id": "<?php echo $user_id; ?>",
                    "contractno": $("#contractno").val(),
                },
            },
            "columns": [{
                    "data": "PersonId"
                },
                {
                    "data": "DeptName"
                },
                {
                    "data": "BillNo"
                },
                {
                    "data": "RowNo"
                },
                {
                    "data": "CU_MaterialId"
                },
                {
                    "data": "BizPartnerName"
                },
                {
                    "data": "CU_EstPayDate"
                },
                {
                    "data": "checkCollectMonth"
                },
                {
                    "data": "checkArCheckBillStatus"
                },
                {
                    "data": "UnTransCheckBLAmtWTax"
                },
                {
                    "data": "HadTransCheckBLAmtWTax"
                },
                {
                    "data": "BillNo2"
                },
                {
                    "data": "arSellInvoiceMaterial"
                },
                {
                    "data": "RowCode2"
                },
                {
                    "data": "BillNo3"
                },
                {
                    "data": "InvoiceName"
                },
                {
                    "data": "OAmountWithTax"
                },
                {
                    "data": "InvoiceNo"
                },
                {
                    "data": "checkArWriteOffBill"
                }
            ]
        });
    }

    $(document).ready(function() {
        drawDatatable();
    });
</script>