From a7aedcd924750410ab7db05126ded92bd115b54e 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: Mon, 25 Mar 2024 10:02:44 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=8B=E8=BC=89=E9=81=95=E8=A6=8F=E8=B3=87?=
 =?UTF-8?q?=E6=96=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Engineering/Engineering_Violation.cshtml  |  48 ++++++++-
 .../Single_violation_detail.cshtml            |  95 ++++++++++++++++++
 Parking_spaces/wwwroot/image/icon/724933.png  | Bin 0 -> 4935 bytes
 3 files changed, 140 insertions(+), 3 deletions(-)
 create mode 100644 Parking_spaces/wwwroot/image/icon/724933.png

diff --git a/Parking_spaces/Views/Engineering/Engineering_Violation.cshtml b/Parking_spaces/Views/Engineering/Engineering_Violation.cshtml
index c48506d..f3f1eb8 100644
--- a/Parking_spaces/Views/Engineering/Engineering_Violation.cshtml
+++ b/Parking_spaces/Views/Engineering/Engineering_Violation.cshtml
@@ -9,6 +9,8 @@
 <h1 >校園總違規區域</h1>
 
 
+
+
 <div class="size2">
     <button class="btn btn-primary" onclick="add_violation_view.showModal();map_show_1()" id="add_violation_id">新增違規區域</button>
     <!--<button class="btn btn-primary" onclick="add_park_space_view.showModal();map_show()" id="add_park_space_id">新增停車區</button>
@@ -21,9 +23,11 @@
                 <th>
                     總違規區域
                 </th>
-              
                 <th>
-
+                    <button class="btn btn-outline-info" onclick="export_excel()" style="position: relative;">
+                        <img class="img-profile rounded-circle" style="width:20%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);" src="~/image/icon/724933.png">
+                        <span style="visibility: hidden;">下載</span>
+                    </button>
                 </th>
             </tr>
         </thead>
@@ -362,7 +366,45 @@
 
 </script>
 
-
+<!--輸出EXCEL-->
+<script>
+    function export_excel() {
+        // 發送HTTP GET請求到Web API動作方法
+        fetch('http://140.125.20.183:7700/api/Violation_car_table/export-all_excel',{
+            method: 'GET',
+            headers: {
+                'Authorization': token
+            }
+        })
+            .then(response => {
+                // 確認響應的狀態碼是否為200（成功）
+                if (!response.ok) {
+                    throw new Error('Network response was not ok');
+                }
+                // 將響應的數據轉換為Blob對象
+                return response.blob();
+            })
+            .then(blob => {
+                // 創建URL對象
+                const url = window.URL.createObjectURL(blob);
+                // 創建當前時間
+                const currentTime = new Date().toISOString().replace(/[-:]/g, "").replace(/\.\d{3}/g, "");
+                // 構建檔案名稱
+                const filename = `所有違規車輛-${currentTime}.xlsx`;
+                // 創建<a>元素
+                const a = document.createElement('a');
+                a.href = url;
+                a.download = filename; // 下載時的文件名稱
+                // 模擬單擊<a>元素
+                a.click();
+                // 釋放URL對象
+                window.URL.revokeObjectURL(url);
+            })
+            .catch(error => {
+                console.error('There was a problem with your fetch operation:', error);
+            });
+    }
+</script>
 
 
 
diff --git a/Parking_spaces/Views/Engineering/Single_violation_detail.cshtml b/Parking_spaces/Views/Engineering/Single_violation_detail.cshtml
index ae30e33..39c2537 100644
--- a/Parking_spaces/Views/Engineering/Single_violation_detail.cshtml
+++ b/Parking_spaces/Views/Engineering/Single_violation_detail.cshtml
@@ -12,7 +12,16 @@
     起始時間 : <input type="date" id="start_date_id">
     結束時間 : <input type="date" id="end_date_id">
     <button style="height:30px; " class="btn btn-outline-secondary" onclick="serch_date_click()">搜尋</button>
+    <button class="btn btn-outline-info" onclick="date_export_excel()" style="position: relative;height:30px">
+        <img class="img-profile rounded-circle" style="height:30px;width=10%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);" src="~/image/icon/724933.png">
+        <span style="visibility: hidden;">下載</span>
+    </button>
 
+
+    <button class="btn btn-outline-info" onclick="plate_export_excel()" style="position: relative;height:30px;float:right">
+        <img class="img-profile rounded-circle" style="height:30px;width=10%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);" src="~/image/icon/724933.png">
+        <span style="visibility: hidden;">下載</span>
+    </button>
     <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" />
     <table class="table">
@@ -304,6 +313,92 @@
     }
 </script>
 
+<!--透過日期下載EXCEL-->
+<script>
+    function date_export_excel(){
+        var name = document.getElementById("parking_spaces_name_id").value
+        var start_date = document.getElementById("start_date_id").value
+        var end_date = document.getElementById("end_date_id").value
+        // 發送HTTP GET請求到Web API動作方法
+        fetch('http://140.125.20.183:7700/api/Violation_car_table/export-excel_location_name_1_-' + name + "-start_time-" + start_date + "-end_time-" + end_date, {
+            method: 'GET',
+            headers: {
+                'Authorization': token
+            }
+        })
+            .then(response => {
+                // 確認響應的狀態碼是否為200（成功）
+                if (!response.ok) {
+                    throw new Error('Network response was not ok');
+                }
+                // 將響應的數據轉換為Blob對象
+                return response.blob();
+            })
+            .then(blob => {
+                // 創建URL對象
+                const url = window.URL.createObjectURL(blob);
+                // 創建當前時間
+                const currentTime = new Date().toISOString().replace(/[-:]/g, "").replace(/\.\d{3}/g, "");
+                // 構建檔案名稱
+                const filename = `所有違規車輛-${currentTime}.xlsx`;
+                // 創建<a>元素
+                const a = document.createElement('a');
+                a.href = url;
+                a.download = filename; // 下載時的文件名稱
+                // 模擬單擊<a>元素
+                a.click();
+                // 釋放URL對象
+                window.URL.revokeObjectURL(url);
+            })
+            .catch(error => {
+                console.error('There was a problem with your fetch operation:', error);
+            });
+    }
+</script>
+
+<!--透過車牌號碼下載EXCEL-->
+<script>
+    function plate_export_excel() {
+        var license_plate_number = document.getElementById("serch_text_id").value
+        // 發送HTTP GET請求到Web API動作方法
+        fetch('http://140.125.20.183:7700/api/Violation_car_table/export-excel_license_plate_number-'+license_plate_number, {
+            method: 'GET',
+            headers: {
+                'Authorization': token
+            }
+        })
+            .then(response => {
+                // 確認響應的狀態碼是否為200（成功）
+                if (!response.ok) {
+                    throw new Error('Network response was not ok');
+                }
+                // 將響應的數據轉換為Blob對象
+                return response.blob();
+            })
+            .then(blob => {
+                // 創建URL對象
+                const url = window.URL.createObjectURL(blob);
+                // 創建當前時間
+                const currentTime = new Date().toISOString().replace(/[-:]/g, "").replace(/\.\d{3}/g, "");
+                // 構建檔案名稱
+                const filename = `${license_plate_number}-${currentTime}.xlsx`;
+                // 創建<a>元素
+                const a = document.createElement('a');
+                a.href = url;
+                a.download = filename; // 下載時的文件名稱
+                // 模擬單擊<a>元素
+                a.click();
+                // 釋放URL對象
+                window.URL.revokeObjectURL(url);
+            })
+            .catch(error => {
+                console.error('There was a problem with your fetch operation:', error);
+            });
+    }
+</script>
+
+
+
 <!--刪除資料-->
 <script>
     function delet_data(location_name , name , time) {
diff --git a/Parking_spaces/wwwroot/image/icon/724933.png b/Parking_spaces/wwwroot/image/icon/724933.png
new file mode 100644
index 0000000000000000000000000000000000000000..f86fcdbb1dac70e519e9aab4ca2d8edc00c1562b
GIT binary patch
literal 4935
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
aO=g9!EkC$QtYrAn3j~Y97nKDIv;PHeNiB!~

literal 0
HcmV?d00001