gary_wms/wms/bonus/bonus_detail.php

<?php
include('../header.php');
require_once('../contract-repair/conn.php');

$sql = "SELECT * FROM bonus WHERE id = :id";
$stmt = $conn->prepare($sql);
$stmt->bindParam(':id', $_GET['id']);
$stmt->execute();
$result = $stmt->fetch(PDO::FETCH_ASSOC);
// echo '<pre>';
// print_r($result);
// echo '</pre>';
?>

<link rel="stylesheet" href="../contract-repair/styles/style.css">
<link rel="stylesheet" href="../contract-repair/semantic/dist/semantic.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<script src="../contract-repair/js/alpine.js"></script>
<script defer src="../contract-repair/js/alpinejs/cdn.min.js"></script>
<script src="../contract-repair/js/axios/axios.min.js"></script>
<script src="../contract-repair/js/jquery/jquery-3.1.1.min.js"></script>
<script src="../contract-repair/semantic/dist/semantic.min.js"></script>

<div class="bonuns_index" x-data="bonunsIndexTest">
    <div class="form" method="post" id="form" enctype="multipart/form-data">
        <input type="hidden" name="form_name" value="main_form">
        <div>
            <table class="table table-bordered query-table table-striped table-bordered display compact" style="width:99%;margin-left:.5%">
                <thead>
                    <tr>
                        <td colspan="8">
                            <h3 style='text-align:center'>獎金計算</h3>
                        </td>
                    </tr>
                </thead>
                <!-- <template x-if="step==1">
                    <tbody style="font-weight: bolder;margin: botton 20px;">
                        <tr>
                            <td style="vertical-align: middle;">合約號</td>
                            <td colspan="5">
                                <input class="form-control" @keyup="nextStepKeyupFn($event)" type="text" name="contract_no" x-model="data.contract_no">
                            </td>
                            <td colspan="2" style="vertical-align:middle"></td>
                        </tr>
                    </tbody>
                </template> -->

                <template x-if="step==1">
                    <tbody style="font-weight: bolder;margin-bottom:20px">
                        <tr>
                            <td colspan="7" style="vertical-align:middle;border-right:0px">
                                <h4>獎金確認項</h4>
                            </td>
                            <td class="text-right" style="border: left 0px;">
                                <button type="button" id="btn_back" class="btn btn-default" onclick="window.history.back();">返回</button>
                                <button type="button" id="btn_close" class="btn btn-default" onclick="window.close()">關閉</button>
                            </td>
                        </tr>
                        <tr>
                            <td style="vertical-align:middle">合約號</td>
                            <td>
                                <input type="text" x-model="data.contract_no" disabled="disabled">
                            </td>
                            <td style="vertical-align:middle">合約類別</td>
                            <td>
                                <select id="contract_type" x-model="data.contract_type" disabled="disabled">
                                    <option value="">--請選擇--</option>
                                    <option value="1">新梯</option>
                                    <option value="2">汰改</option>
                                    <option value="3">保養</option>
                                </select>
                                <p class="alerttext" x-show="data.contract_type==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p>
                            </td>
                            <td style="vertical-align:middle">作番號</td>
                            <td>
                                <input type="text" x-model="data.facility_no" disabled="disabled">
                            </td>

                            <td style="vertical-align:middle">獎金適用版本</td>
                            <td>
                                <input type="text" x-model="data.bonus_verson" disabled="disabled">
                            </td>
                        </tr>
                        <tr>
                            <td style="vertical-align:middle">發放人員</td>
                            <td>
                                <input type="text" x-model="data.receiver" disabled="disabled">
                            </td>
                            <td style="vertical-align: middle">發放日期</td>
                            <td>
                                <input class="form-control disabled_select" type="date" name="start_date" x-model="data.payDaydue" disabled>
                                <p class="alerttext" x-show="data.payDaydue==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p>
                            </td>
                            <td style="vertical-align: middle">應發日期</td>
                            <td>
                                <input class="form-control disabled_select" type="date" name="start_date" x-model="data.payDay">
                                <p class="alerttext" x-show="data.payDay==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p>
                            </td>
                            <td style="vertical-align:middle">發放金額</td>
                            <td>
                                <input type="text" x-model="data.maintain_price_total" disabled="disabled">
                            </td>
                        </tr>
                        <tr>
                            <td style="vertical-align:middle">地區經理經理員</td>
                            <td>
                                <input type="text" x-model="data.manager">
                            </td>
                            <td style="vertical-align:middle">專任契約經理員</td>
                            <td>
                                <input type="text" x-model="data.contract_manger">
                            </td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                    </tbody>
                </template>
                <!-- 獎金計算頁面 -->
                <!-- <template x-if="step == 3">
                    <template x-for="(bonusArr,index) in data.bonusArr" :key="">
                        <tbody style="font-weight: bolder;margin-bottom:20px" x-show="step==3">
                            <tr>
                                <td style="vertical-align:middle">獎金類型</td>
                                <td>
                                    <input type="text" x-model="data.bonusArr[index].bonus_type">
                                </td>
                                <td style="vertical-align:middle">發放人員</td>
                                <td>
                                    <input type="text" x-model="data.bonusArr[index].bonus_receiver">
                                </td>
                                <td style="vertical-align:middle;">發放金額</td>
                                <td>
                                    <input type="text" x-model="data.bonusArr[index].bonus_amount">
                                </td>
                                <td style="vertical-align:middle">預計發放時間</td>
                                <td>
                                    <input type="text" x-model="data.bonusArr[index].pay_day_due">
                                </td>
                            </tr>
                            <tr>
                                <td style="vertical-align:middle">發放規定</td>
                                <td colspan="5">
                                    <input type="text" x-model="data.bonusArr[index].bonus_regulation">
                                </td>
                            </tr>
                            <tr>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                        </tbody>
                    </template>
                </template> -->
            </table>

            <button x-show="step==1" @click="save()" :disabled="isLoading" type="button" class="btn btn-primary btn-lg pull-right savebtn">
                <template x-if="!isLoading">
                    <span>確認</span>
                </template>
                <template x-if="isLoading">
                    <div class="loader"></div>
                </template>
            </button>
            <!-- <button x-show="step<=2" @click="nextStepFn()" type="button" class="btn btn-primary btn-lg pull-right savebtn" :disabled="isLoading">
                <template x-if="!isLoading">
                    <span>下一步</span>
                </template>
                <template x-if="isLoading">
                    <div class="loader"></div>
                </template>
            </button>
            <button x-show="step>1" @click="preStepFn()" :disabled="isLoading" type="button" class="btn btn-primary btn-lg pull-right savebtn">
                <template x-if="!isLoading">
                    <span>上一步</span>
                </template>
                <template x-if="isLoading">
                    <div class="loader"></div>
                </template>
            </button> -->
        </div>
    </div>
</div>

<script>
    const user_id = '<?= $user_id ?>';
    const id = '<?= $_GET['id'] ?>';
    const contract_no = '<?= $result['contract_no'] ?>';
    const facility_no = '<?= $result['facility_no'] ?>';
    const bonus_verson = '<?= $result['bonus_verson'] ?>';
    const receiver = '<?= $result['receiver'] ?>';
    const payDaydue = '<?= $result['pay_day_due'] ?>';
    const maintain_price_total = '<?= $result['amount'] ?>';
    const contract_type = '<?= $result['contract_type'] ?>';
    // const bonus_verson = '<?= $result['bonus_verson'] ?>';
</script>