From a3f8be283e4a07a5a04312c61ca01876548e2a92 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A8=81=E5=8B=9D=20=E5=BC=B5?= <leo890808678@gmail.com>
Date: Thu, 2 May 2024 15:11:17 +0800
Subject: [PATCH] =?UTF-8?q?=E7=AE=A1=E7=90=86=E8=80=85=E6=A8=A1=E5=BC=8F?=
 =?UTF-8?q?=20=E4=B8=8B=E6=94=BE=201.=20=E7=B8=BD=E8=BB=8A=E8=BC=9B?=
 =?UTF-8?q?=E5=89=A9=E9=A4=98=E8=BB=8A=E8=BC=9B=202.=E9=80=B2=E5=85=A5?=
 =?UTF-8?q?=E8=BB=8A=E8=BC=9B=E5=8D=80=E5=9F=9F=E9=81=B8=E6=93=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Engineering/Engineering_Index.cshtml      |  20 +-
 .../Views/Manager/Manager_Index.cshtml        | 184 +++++++++++++++++-
 .../Views/Manager/Yuntech_in_car.cshtml       |  80 +++++++-
 3 files changed, 268 insertions(+), 16 deletions(-)

diff --git a/Parking_spaces/Views/Engineering/Engineering_Index.cshtml b/Parking_spaces/Views/Engineering/Engineering_Index.cshtml
index 786f488..9f027f3 100644
--- a/Parking_spaces/Views/Engineering/Engineering_Index.cshtml
+++ b/Parking_spaces/Views/Engineering/Engineering_Index.cshtml
@@ -643,6 +643,7 @@
         });
     }
 </script>
+
 <!--放置總車位資料-->
 <script>
     function set_yuntech_parking_data(Model) {
@@ -1125,6 +1126,18 @@
 
 
 
+<!--Get_data-->
+<script>
+    function get_data() {
+        get_violation_data_1()
+        get_algorithm_data()
+        get_LED_data()
+        get_RTSP_data()
+        get_in_yuntech_data_1()
+        get_yuntech_parking_data()
+    }
+</script>
+
 <!--檢查token-->
 <script>
     var token
@@ -1181,12 +1194,7 @@
                 position = model.lastname
                 //console.log(position)
                 if (position == "engineer") {
-                    get_violation_data_1()
-                    get_algorithm_data()
-                    get_LED_data()
-                    get_RTSP_data()
-                    get_in_yuntech_data_1()
-                    get_yuntech_parking_data()
+                    get_data()
                 }
                 else {
                     window.location.href = '/';
diff --git a/Parking_spaces/Views/Manager/Manager_Index.cshtml b/Parking_spaces/Views/Manager/Manager_Index.cshtml
index b14e735..7491633 100644
--- a/Parking_spaces/Views/Manager/Manager_Index.cshtml
+++ b/Parking_spaces/Views/Manager/Manager_Index.cshtml
@@ -10,7 +10,7 @@
 
 <div class="row">
     <!--每日違規數量-->
-    <div class="col-xl-6 col-lg-6">
+    <div class="col-xl-8 col-lg-8">
         <div class="card shadow mb-8">
             <div class="card-header py-3">
                 <h6 class="m-0 font-weight-bold text-primary">
@@ -25,9 +25,42 @@
             </div>
         </div>
     </div>
+    <!--字幕機狀態-->
+    <div class="col-xl-4 col-lg-4">
+        <div class="card shadow mb-4">
+            <!-- Card Header - Dropdown -->
+            <div class="card-header py-3">
+                <h6 class="m-0 font-weight-bold text-primary">
+                    各停車場車位數量<button class="btn btn-info btn-circle btn-sm" style="float:right; background-image: url('/image/icon/F5.png'); background-size: cover;" onclick="get_LED_data()"></button>
+                </h6>
+            </div>
+            <!-- Card Body -->
+            <div>
+                <table class="table">
+                    <thead>
+                        <tr>
+                            <th>
+                                停車場位置
+                            </th>
 
+                            <th>
+                                剩餘車位
+                            </th>
+                        </tr>
+                    </thead>
+
+                    <tbody id="LED_table">
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+</div>
+<br />
+
+<div class="row">
     <!--每日車流量-->
-    <div class="col-xl-6 col-lg-6">
+    <div class="col-xl-8 col-lg-8">
         <div class="card shadow mb-8">
             <div class="card-header py-3">
                 <h6 class="m-0 font-weight-bold text-primary">
@@ -41,6 +74,35 @@
             </div>
         </div>
     </div>
+    <!--校園總車位數量-->
+    <div class="col-xl-4 col-lg-4">
+        <div class="card shadow mb-4">
+            <!-- Card Header - Dropdown -->
+            <div class="card-header py-3">
+                <h6 class="m-0 font-weight-bold text-primary">
+                    校園總車位數量<button class="btn btn-info btn-circle btn-sm" style="float:right; background-image: url('/image/icon/F5.png'); background-size: cover;" onclick="get_yuntech_parking_data()"></button>
+                </h6>
+            </div>
+            <!-- Card Body -->
+            <div>
+                <table class="table">
+                    <thead>
+                        <tr>
+                            <th>
+                                總車位
+                            </th>
+                            <th>
+                                剩餘車位
+                            </th>
+                        </tr>
+                    </thead>
+
+                    <tbody id="parking_all_table">
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
 </div>
 <br />
 
@@ -189,6 +251,8 @@
         console.log("GET")
         get_violation_data_1()
         get_in_yuntech_data_1()
+        get_yuntech_parking_data()
+        get_LED_data()
 
     }
 </script>
@@ -287,6 +351,122 @@
     }
 </script>
 
+<!--獲取字幕機資料-->
+<script>
+    function get_LED_data() {
+        $.ajax({
+            type: "GET",
+            url: "http://140.125.20.183:7700/api/Parking_spaces_lcd_instand",
+            data: {},
+            headers: {
+                'Authorization': token
+            },
+            contentType: "application/json",
+            success: function (Model) {
+                //console.log(Model)
+                set_LED_data(Model)
+            }
+        });
+    }
+</script>
+
+<!--放置字幕機資料-->
+<script>
+    function set_LED_data(Model) {
+        table = "<tr>";
+        //console.log(Model.length)
+        if (Model.length > 0) {
+            for (var i = 0; i < Model.length; i++) {
+                if (Model[i].parking_spaces_name != null) {
+                    table += "<td>" + Model[i].parking_spaces_name + "</td>"
+                    table += "<td>" + Model[i].parking_space_amount + "</td>"
+
+
+
+                }
+                table += "</tr>"
+                table += "<tr>"
+            }
+        }
+        document.getElementById("LED_table").innerHTML = table
+    }
+</script>
+
+
+<!--獲取總車位資料-->
+<script>
+    function get_yuntech_parking_data() {
+        $.ajax({
+            type: "GET",
+            url: "http://140.125.20.183:7700/api/Yuntech_parking",
+            data: {},
+            headers: {
+                'Authorization': token
+            },
+            contentType: "application/json",
+            success: function (Model) {
+                set_yuntech_parking_data(Model)
+            }
+        });
+    }
+</script>
+
+<!--放置總車位資料-->
+<script>
+    function set_yuntech_parking_data(Model) {
+        table = "<tr>";
+        if (Model.length > 0) {
+            for (var i = 0; i < Model.length; i++) {
+                if (Model[i].all_num != null) {
+                    table += "<td>" + Model[i].all_num + "</td>"
+
+                    table += "<td>" + '<input type="text" id = "parking_space_amount_id" value =' + Model[i].now_num + ' />' + "</td > "
+                    table += "<td>" + '<button class="btn btn-outline-warning " onclick="Update_now_num(' + "'" + Model[i].all_num + "'" + ')">更新並上傳</button>'
+                }
+                table += "</tr>"
+                table += "<tr>"
+            }
+        }
+        document.getElementById("parking_all_table").innerHTML = table
+    }
+</script>
+
+<!--更新剩餘車位資料-->
+<script>
+    function Update_now_num(all_num) {
+        $.ajax({
+            type: "GET",
+            url: "http://140.125.20.183:7700/api/Yuntech_parking/" + all_num,
+            data: {},
+            headers: {
+                'Authorization': token
+            },
+            contentType: "application/json",
+            success: function (Model) {
+                console.log(Model)
+                Update_detail_1(Model)
+            }
+        });
+    }
+    function Update_detail_1(Model) {
+        var parking_spaces_now_num = document.getElementById("parking_space_amount_id").value
+        Model.now_num = parking_spaces_now_num
+        var stringify_obj = JSON.stringify(Model);
+
+        $.ajax({
+            type: "PUT",
+            url: "http://140.125.20.183:7700/api/Yuntech_parking/" + Model.all_num,
+            data: stringify_obj,
+            headers: {
+                'Authorization': token
+            },
+            contentType: "application/json",
+            success: function (Model) {
+                console.log(Model)
+            }
+        });
+    }
+</script>
 
 
 <!--檢查token-->
diff --git a/Parking_spaces/Views/Manager/Yuntech_in_car.cshtml b/Parking_spaces/Views/Manager/Yuntech_in_car.cshtml
index d45efcf..da60017 100644
--- a/Parking_spaces/Views/Manager/Yuntech_in_car.cshtml
+++ b/Parking_spaces/Views/Manager/Yuntech_in_car.cshtml
@@ -14,6 +14,8 @@
 
     <button style="height:30px;float:right " class="btn btn-outline-secondary" onclick="serch_click()">搜尋</button>
     <input type="text" style="float:right" placeholder="請輸入車牌 ex:ABC4321" id="serch_text_id" />
+    <br />
+    <select style="width:10%" id="location_select_id" onchange="location_select()"></select>
     <table class="table">
         <thead>
             <tr>
@@ -131,6 +133,30 @@
             }
         });
         */
+        var select = document.getElementById("location_select_id")
+        $.ajax({
+            type: "GET",
+            url: "http://140.125.20.183:7700/api/Yuntech_in_car_table/location_name",
+            data: {},
+            headers: {
+                'Authorization': token
+            },
+            contentType: "application/json",
+            headers: {
+                'Authorization': token
+            },
+            success: function (Model) {
+                console.log(Model)
+                // 清除现有的选项
+                select.innerHTML = "";
+                // 添加新的选项
+                Model.forEach(function (item) {
+                    var option = document.createElement('option');
+                    option.text = item.location_name;
+                    select.add(option);
+                });
+            }
+        });
     }
 
 
@@ -297,14 +323,26 @@
             },
             success: function (Model) {
                 console.log(Model)
-                table = "<tr>";
-                table += "<td>" + Model.location + "</td>"
-                table += "<td>" + '<input type="text" id = "license_plate_number_text_id" value="' + Model.license_plate_number + '"/>' + "</td>"
-                //table += "<td>" + "</td>"
-                //table += "<td>" + "</td>"
-                table += "<td>" + "<img src=" + Model.car_img + ' style="width:80%"' + ">" + "</td>"
-                table += "<td id = 'create_data_time_id' >" + Model.in_time + "</td>"
-                document.getElementById("detail_car_data").innerHTML = table
+                if (Model.out_time == null) {
+                    table = "<tr>";
+                    table += "<td>" + Model.location + "</td>"
+                    table += "<td>" + '<input type="text" id = "license_plate_number_text_id" value="' + Model.license_plate_number + '"/>' + "</td>"
+                    //table += "<td>" + "</td>"
+                    //table += "<td>" + "</td>"
+                    table += "<td>" + "<img src=" + Model.car_img + ' style="width:80%"' + ">" + "</td>"
+                    table += "<td id = 'create_data_time_id' >" + Model.in_time + "</td>"
+                    document.getElementById("detail_car_data").innerHTML = table
+                }
+                else {
+                    table = "<tr>";
+                    table += "<td>" + Model.location + "</td>"
+                    table += "<td>" + '<input type="text" id = "license_plate_number_text_id" value="' + Model.license_plate_number + '"/>' + "</td>"
+                    //table += "<td>" + "</td>"
+                    //table += "<td>" + "</td>"
+                    table += "<td>" + "<img src=" + Model.car_img + ' style="width:40%"' + ">" + "  <img src=" + Model.out_car_img + ' style="width:40%"' + ">" + "</td>"
+                    table += "<td id = 'create_data_time_id' >" + "進入時間:" + Model.in_time + "<br/>" + "<br/>" + "出去時間: " + Model.out_time + "</td>"
+                    document.getElementById("detail_car_data").innerHTML = table
+                }
             }
         });
         detail_car_data_view.showModal();
@@ -364,6 +402,32 @@
     }
 </script>
 
+<!--透過進入位置搜尋-->
+<script>
+    function location_select() {
+        var select_location = document.getElementById("location_select_id").value
+        console.log(select_location)
+        $.ajax({
+            type: "GET",
+            url: "http://140.125.20.183:7700/api/Yuntech_in_car_table/location-" + select_location,
+            data: {},
+            headers: {
+                'Authorization': token
+            },
+            contentType: "application/json",
+            headers: {
+                'Authorization': token
+            },
+            success: function (Model) {
+                //console.log(Model)
+                All_Model = Model
+                set_data(Model)
+            }
+        });
+    }
+</script>
+
+
 <!--檢查token-->
 <script>
     var token