From 7c05480508fb7fa0f2350867b93b2eab104e3939 Mon Sep 17 00:00:00 2001
From: Marvin <marvinhong@163.com>
Date: Mon, 25 Dec 2023 23:32:47 +0800
Subject: [PATCH] =?UTF-8?q?1.=E4=BF=AE=E6=94=B9=E7=94=9F=E4=BA=A7=E7=9C=8B?=
 =?UTF-8?q?=E6=9D=BF=EF=BC=8C=E5=A2=9E=E5=8A=A0=E7=94=9F=E4=BA=A7=E5=8A=9B?=
 =?UTF-8?q?=EF=BC=8C=E6=95=88=E7=8E=87=E5=9B=BE=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Controllers/RPTController.cs              |   4 +
 AMESCoreStudio.Web/Views/RPT/RPT001.cshtml    | 132 +++++++++++++++++-
 2 files changed, 135 insertions(+), 1 deletion(-)

diff --git a/AMESCoreStudio.Web/Controllers/RPTController.cs b/AMESCoreStudio.Web/Controllers/RPTController.cs
index c8194842..09576cfb 100644
--- a/AMESCoreStudio.Web/Controllers/RPTController.cs
+++ b/AMESCoreStudio.Web/Controllers/RPTController.cs
@@ -46,6 +46,7 @@ namespace AMESCoreStudio.Web.Controllers
 
             ViewBag.QueryDate = DateTime.Now.ToString("yyyy/MM");
             ViewBag.QueryDate2 = DateTime.Now.ToString("yyyyMM");
+            ViewBag.QueryDate3 = DateTime.Now.Year.ToString();
 
             var model = await _rptApi.GetRPT001View(sdate, edate);
 
@@ -59,11 +60,14 @@ namespace AMESCoreStudio.Web.Controllers
 
             ViewBag.QueryDate = new DateTime(Data.Year, Data.Month, 1).ToString("yyyy/MM");
             ViewBag.QueryDate2 = new DateTime(Data.Year, Data.Month, 1).ToString("yyyyMM");
+            ViewBag.QueryDate3 = Data.Year.ToString();
 
             var sDate = new DateTime(Data.Year, Data.Month, 1).ToString("yyyy/MM/dd");
             var eDate = new DateTime(Data.Year, Data.Month, DateTime.DaysInMonth(Data.Year, Data.Month)).ToString("yyyy/MM/dd");
             var model = await _rptApi.GetRPT001View(sDate, eDate);
 
+            ViewBag.Title01 = SerachData.Substring(0, 4) + "生產力"; ;
+
             return View(model);
         }
 
diff --git a/AMESCoreStudio.Web/Views/RPT/RPT001.cshtml b/AMESCoreStudio.Web/Views/RPT/RPT001.cshtml
index 20e2d0bb..ddffaffb 100644
--- a/AMESCoreStudio.Web/Views/RPT/RPT001.cshtml
+++ b/AMESCoreStudio.Web/Views/RPT/RPT001.cshtml
@@ -64,6 +64,10 @@
     }
 </style>
 
+<script src="~/Highcharts-7.1.2/highcharts.js"></script>
+<script src="~/Highcharts-7.1.2/modules/exporting.js"></script>
+<script src="~/Highcharts-7.1.2/modules/export-data.js"></script>
+
 <div class="layui-card">
     <form  enctype="multipart/form-data" method="post" asp-action="RPT001" class="layui-form">
         <div class="layui-card-header" style="background-color:#404040">
@@ -76,6 +80,8 @@
                         <label class="layui-form-label" style="color:#FFFFFF">查詢月份</label>
                         <div class="layui-input-inline" style="width:90px">
                             <input name="SerachData" id="SerachData" style="width:90px" class="layui-input" readonly="" value="@ViewBag.QueryDate" />
+                            <input type="hidden" id="queryDate" value="@ViewBag.QueryDate2" />
+                            <input type="hidden" id="queryYear" value="@ViewBag.QueryDate3" />
                         </div>
                     </div>
                     <div class="layui-inline layui-show-xs-block">
@@ -217,7 +223,16 @@
             </div>
         </div>
     </div>
-
+    <div class="layui-row DetailRow">
+        <div class="layui-col-md6">
+            <div id="divChart1" style="width: 100%; height: 300px; margin: 0 auto"></div>
+        </div>
+        <div class="layui-col-md6">
+            <div id="divChart2" style="width: 100%; height: 300px; margin: 0 auto"></div>
+        </div>
+    </div>
+    
+    
 </div>
 @section Scripts {
     <script type="text/javascript">
@@ -233,5 +248,120 @@
             });
         });
 
+        $(document).ready(function () {
+
+            $.ajax({
+                type: "Post",
+                url: '/RPT/GetMonthData4RPT001A?id=01_' + queryDate.value,
+                contentType: "application/json; charset=utf-8",
+                dataType: 'json',
+                success: function (response) {
+                    var idx = 0;
+                    var xAxisData = new Array();
+                    var yieldData = new Array();
+                    $.each(response, function (i, item) {
+                        yieldData[idx] = item["yield"];
+                        xAxisData[idx] = item["month"];
+                        idx = idx + 1;
+                    });
+
+                    Highcharts.chart('divChart1', {
+                        title: {
+                            text: queryYear.value + '生產力'
+                        },
+                        subtitle: {
+                            text: ''
+                        },
+                        xAxis: {
+                            categories: xAxisData
+                        },
+                        yAxis: {
+                            title: {
+                                text: queryYear.value + '生產力'
+                            }
+                        },
+                        plotOptions: {
+                            line: {
+                                dataLabels: {
+                                    enabled: true
+                                },
+                                enableMouseTracking: false
+                            }
+                        },
+                        series: [{
+                            type: 'column',
+                            name: '月份',
+                            data: yieldData
+                        },
+                        {
+                            type: 'line',
+                            name: '數值',
+                            data: yieldData
+                        }]
+                    });
+                },
+                error: function () {
+                    alert("查無資料!");
+                    $("#divChart1").empty();
+                }
+            });
+
+            $.ajax({
+                type: "Post",
+                url: '/RPT/GetMonthData4RPT001A?id=02_' + queryDate.value,
+                contentType: "application/json; charset=utf-8",
+                dataType: 'json',
+                success: function (response) {
+                    var idx = 0;
+                    var xAxisData = new Array();
+                    var yieldData = new Array();
+                    $.each(response, function (i, item) {
+                        yieldData[idx] = item["yield"];
+                        xAxisData[idx] = item["month"];
+                        idx = idx + 1;
+                    });
+
+                    Highcharts.chart('divChart2', {
+                        title: {
+                            text: queryYear.value + '效率'
+                        },
+                        subtitle: {
+                            text: ''
+                        },
+                        xAxis: {
+                            categories: xAxisData
+                        },
+                        yAxis: {
+                            title: {
+                                text: queryYear.value + '效率'
+                            }
+                        },
+                        plotOptions: {
+                            line: {
+                                dataLabels: {
+                                    enabled: true
+                                },
+                                enableMouseTracking: false
+                            }
+                        },
+                        series: [{
+                            type: 'column',
+                            name: '月份',
+                            data: yieldData
+                        },
+                        {
+                            type: 'line',
+                            name: '數值',
+                            data: yieldData
+                        }]
+                    });
+                },
+                error: function () {
+                    alert("查無資料!");
+                    $("#divChart2").empty();
+                }
+            });
+        });
+
     </script>
 }
\ No newline at end of file