AMES_EE/AMESCoreStudio.Web/Views/WHS/WHS027C.cshtml

@model AMESCoreStudio.WebApi.Models.AMES.WorkingFlowStations

@{
    ViewData["Title"] = "WHS027C";
    Layout = "~/Views/Shared/_FormLayout.cshtml";
}


<style>
    .control-label {
        justify-content: flex-end !important;
    }
</style>

<div class="row">
    <div class="col-sm-12">
        <form enctype="multipart/form-data" method="post" asp-action="WHS027CSave">
            <div asp-validation-summary="ModelOnly" class="text-danger"></div>
            <input type="hidden" asp-for="WorkingFlowStationsID" value="0" />
            <input type="hidden" asp-for="CreateUserID" value="@ViewBag.UserID" />
            <input type="hidden" asp-for="UpdateUserID" value="@ViewBag.UserID" />
            <input type="hidden" asp-for="CreateDate" value="@System.DateTime.Now" />
            <input type="hidden" asp-for="UpdateDate" value="@System.DateTime.Now" />


            <div class="form-group form-inline my-sm-1">
                <label class="control-label col-sm-3">報工生產單位</label>
                <select id="WorkingUnitID" asp-for="WorkingUnitID" asp-items="@ViewBag.WorkingUnitNo" class="custom-select col-sm-7">
                    <option value="">請選擇</option>
                </select>
                <span asp-validation-for="UnitNo" class="text-danger offset-sm-3 my-sm-1"></span>
            </div>

            <div class="form-group form-inline my-sm-1">
                <label class="control-label col-sm-3">報工生產站別</label>
                <select id="WorkingStationID" asp-for="WorkingStationID" class="custom-select col-sm-7">
                    <option value="">請選擇</option>
                    <option value="-1">N/A</option>
                </select>
                <span asp-validation-for="StationID" class="text-danger offset-sm-3 my-sm-1"></span>
            </div>

            <div class="form-group form-inline my-sm-1">
                <label class="control-label col-sm-3">途程生產單位</label>
                <select id="UnitNo" asp-for="UnitNo" asp-items="@ViewBag.FactoryUnit" class="custom-select col-sm-7">
                    <option value="">請選擇</option>
                </select>
                <span asp-validation-for="UnitNo" class="text-danger offset-sm-3 my-sm-1"></span>
            </div>

            <div class="form-group form-inline my-sm-1">
                <label class="control-label col-sm-3">途程生產站別</label>
                <select id="StationID" asp-for="StationID" class="custom-select col-sm-7">
                    <option value="">請選擇</option>
                    <option value="-1">N/A</option>
                </select>
                <span asp-validation-for="StationID" class="text-danger offset-sm-3 my-sm-1"></span>
            </div>

            <span style="color: firebrick;word-break: break-all;" class="text-danger offset-sm-3">@Html.ValidationMessage("error")</span>
            <div class="form-group">
                <input type="submit" value="儲存" class="btn btn-primary offset-sm-3" />
            </div>

        </form>
    </div>
</div>

@section Scripts {
    @{
        await Html.RenderPartialAsync("_ValidationScriptsPartial");
        await Html.RenderPartialAsync("_FileinputScriptsPartial");
    }

    <script type="text/javascript">
         $(document).ready(function () {

            $("#UnitNo").on("change", function () {
                var unitNo = $(this).val();

                // 若沒選擇，清空 Station
                if (!unitNo) {
                    $("#StationID").empty()
                                   .append(new Option("請選擇", ""));
                    return;
                }

                getStations(unitNo);
            });


             $("#WorkingUnitID").on("change", function () {
                var workingUnitID = $(this).val();

                // 若沒選擇，清空 Station
                if (!workingUnitID) {
                    $("#WorkingStationID").empty()
                                   .append(new Option("請選擇", ""));
                    return;
                }

                getWorkingStations(workingUnitID);
            });
        });


         function getStations(unitNo) {
            $.ajax({
                url: "/WHS/GetStationListByUnit",
                type: "GET",
                data: { id: unitNo },
                success: function (result) {

                    $("#StationID").empty();
                    $("#StationID").append(new Option("請選擇", ""));

                    if (result && result.data && result.data.length > 0) {

                        let hasData = false;

                        $.each(result.data, function (index, item) {
                            if (item.statusNo === "A") { // 只顯示啟用
                                $("#StationID").append(
                                    new Option(item.stationName, item.stationID)
                                );
                                hasData = true;
                            }
                        });

                        if (!hasData) {
                            $("#StationID").empty()
                                           .append(new Option("無選項", ""));
                        }

                    } else {
                        $("#StationID").append(new Option("無選項", ""));
                    }
                },
                error: function () {
                    hg.msg("取得站別資料失敗");
                }
            });
        }

         function getWorkingStations(workingunitID) {
            $.ajax({
                url: "/WHS/GetWorkingStationListByUnit",
                type: "GET",
                data: { id: workingunitID },
                success: function (result) {

                    $("#WorkingStationID").empty();
                    $("#WorkingStationID").append(new Option("請選擇", ""));

                    if (result && result.data && result.data.length > 0) {

                        let hasData = false;

                        $.each(result.data, function (index, item) {
                            if (item.statusNo === "A") { // 只顯示啟用
                                $("#WorkingStationID").append(
                                    new Option(item.stationName, item.stationID)
                                );
                                hasData = true;
                            }
                        });

                        if (!hasData) {
                            $("#WorkingStationID").empty()
                                           .append(new Option("無選項", ""));
                        }

                    } else {
                        $("#WorkingStationID").append(new Option("無選項", ""));
                    }
                },
                error: function () {
                    hg.msg("取得站別資料失敗");
                }
            });
        }


    </script>


}