From 6eff014e1567acbc9eec44b0a167ee50e7315eb5 Mon Sep 17 00:00:00 2001
From: b110212000 <b110212000@gmail.com>
Date: Thu, 8 Jul 2021 17:24:13 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BA=97=E7=AB=99=E7=B8=BD=E8=A6=BD-=E9=81=8B?=
 =?UTF-8?q?=E7=B6=AD=E7=B4=80=E9=8C=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 SolarPower/Controllers/OperationController.cs |   7 +-
 .../StationOverviewInfo.cshtml                | 450 +++++++++++++++++-
 .../StationOverview/_OperationRecord.cshtml   | 186 +++++++-
 .../8f6f1382-0aaa-46e6-9d50-3016de4dfe4b.png  | Bin 0 -> 7326 bytes
 4 files changed, 640 insertions(+), 3 deletions(-)
 create mode 100644 SolarPower/wwwroot/upload/operation_recode/17/8f6f1382-0aaa-46e6-9d50-3016de4dfe4b.png

diff --git a/SolarPower/Controllers/OperationController.cs b/SolarPower/Controllers/OperationController.cs
index 3450c6c..799c34a 100644
--- a/SolarPower/Controllers/OperationController.cs
+++ b/SolarPower/Controllers/OperationController.cs
@@ -544,6 +544,7 @@ namespace SolarPower.Controllers
                         FixDo = post.FixDo,
                         Status = post.Status,
                         FinishTime = !string.IsNullOrEmpty(finishTime) ? finishTime : null,
+                        WorkPersonId = post.WorkPersonId,
                         WorkTime = post.WorkTime,
                         Notice = post.Notice,
                         Description = post.Description,
@@ -562,6 +563,7 @@ namespace SolarPower.Controllers
                         "WorkTime",
                         "Notice",
                         "Description",
+                        "WorkPersonId",
                         "UpdatedBy",
                     };
 
@@ -753,7 +755,10 @@ namespace SolarPower.Controllers
                         foreach (var file in recode.RecodeFiles)
                         {
                             var hyperLink = "<a href='" + baseURL + file.FileName + "'>" + file.FileName + "</a>";
-
+                            if(recode.HyperLinks == null)
+                            {
+                                recode.HyperLinks = new List<string>();
+                            }
                             recode.HyperLinks.Add(hyperLink);
                         }
                     }
diff --git a/SolarPower/Views/StationOverview/StationOverviewInfo.cshtml b/SolarPower/Views/StationOverview/StationOverviewInfo.cshtml
index 9bfbba6..462d3fc 100644
--- a/SolarPower/Views/StationOverview/StationOverviewInfo.cshtml
+++ b/SolarPower/Views/StationOverview/StationOverviewInfo.cshtml
@@ -97,8 +97,12 @@
 
 @section Scripts{
     <script>
+        var powerids = new Array(0);//當前選擇電站
+        var Type = 0; // 項目
         var stationId;
         var powerStationData;
+        var recode;
+        var selected_work_type = -1;
         $(function () {
             var url = new URL(location.href);
             stationId = url.searchParams.get('stationId');
@@ -118,7 +122,451 @@
                 $(".city-name").html(powerStationData.cityName);
                 $(".power-station-name").html(powerStationData.name);
                 $("#power-station-title").html(powerStationData.name);
+                $("#power_station_select_modal").append($("<option />").val(stationId).text(powerStationData.name));
+                $("#power_station_select_modal").val($("#power_station_select_modal option:first").val()).trigger('change');
             }, 'json');
-        })
+
+            //#region Date Picker
+            datepicker = $('#date-range-record').daterangepicker({
+                autoUpdateInput: false,
+                locale: { format: 'YYYY/MM/DD' },
+                opens: 'left'
+            }, function (start, end, label) {
+                @* console.log("A new date selection was made: " + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD'));*@
+            });
+
+            $('#date-range-record').on('apply.daterangepicker', function (ev, picker) {
+                $(this).val(picker.startDate.format('YYYY/MM/DD') + ' - ' + picker.endDate.format('YYYY/MM/DD'));
+                $(this).trigger('change');
+            });
+
+            $('#date-range-record').on('cancel.daterangepicker', function (ev, picker) {
+                $(this).val('');
+                $(this).trigger('change');
+            });
+
+            //#endregion
+
+            //#region 運維作業記錄 DataTable
+            powerids.push(stationId);
+            operationRecodeTable = $("#operation_recode_table").DataTable({
+                "pageLength": 20,
+                "paging": true,
+                "lengthChange": false,
+                "searching": false,
+                "ordering": false,
+                "info": true,
+                "autoWidth": false,
+                "responsive": true,
+                "columns": [{
+                    "data": "powerStationName"
+                }, {
+                    "data": "formId"
+                }, {
+                    "data": "workTypeText"
+                }, {
+                    "data": "fixDo"
+                }, {
+                    "data": "statusText"
+                }, {
+                    "data": "workPersonName"
+                }, {
+                    "data": "operationPredict"
+                }, {
+                    "data": "recodeFiles"
+                }, {
+                    "data": "finishTime"
+                }],
+                "columnDefs": [{
+                    'targets': 7,
+                    'searchable': false,
+                    'orderable': false,
+                    'className': 'dt-body-center img-zoom-div',
+                    'createdCell': function (td, cellData, rowData, row, col) {
+                        $(td).empty();
+                        $(td).append('<div class="row"></div>');
+
+                        if (cellData != null) {
+                            cellData.forEach(function (value, index) {
+                                CreateRecodeFileBox($(td).children(".row"), value, false);
+                            });
+                        }
+                    }
+                }],
+                "language": {
+                    "emptyTable": "無資料...",
+                    "processing": "處理中...",
+                    "loadingRecords": "載入中...",
+                    "lengthMenu": "顯示 _MENU_ 項結果",
+                    "zeroRecords": "沒有符合的結果",
+                    "info": "顯示第 _START_ 至 _END_ 項結果，共 _TOTAL_ 項",
+                    "infoEmpty": "顯示第 0 至 0 項結果，共 0 項",
+                    "infoFiltered": "(從 _MAX_ 項結果中過濾)",
+                    "infoPostFix": "",
+                    "search": "搜尋:",
+                    "paginate": {
+                        "first": "第一頁",
+                        "previous": "上一頁",
+                        "next": "下一頁",
+                        "last": "最後一頁"
+                    },
+                    "aria": {
+                        "sortAscending": ": 升冪排列",
+                        "sortDescending": ": 降冪排列"
+                    }
+                },
+                'createdRow': function (row, data, dataIndex) {
+                    $(row).attr('data-id', data.id);
+                    $(row).attr('data-work-type', data.workType);
+                },
+                "ajax": {
+                    "url": "/Operation/OperationRecodeList",
+                    "type": "POST",
+                    "data": function (d) {
+                        d.PowerStationIds = powerids;
+                        d.WorkType = Type;
+                        d.Range = $('#date-range').val();
+                    },
+                    "dataSrc": function (rel) {
+                        if (rel.data.code == "9999") {
+                            toast_error(rel.data.msg);
+                            return;
+                        }
+
+                        data = rel.data.data;
+
+                        if (data == null || data.length == 0) {
+                            this.data = [];
+                        }
+
+                        return data;
+                    }
+                }
+            });
+        //#endregion
+
+            //#region 切換電站時，載入該電站運維人員
+            $("#power_station_select_modal").change(function () {
+
+                //查詢該電站的運維人員
+                var url_power_station_operation_personnel = "/PowerStation/GetOperationPersonnelSelectOptionList";
+
+                send_data = {
+                    PowerStationId: stationId
+                }
+
+                $.post(url_power_station_operation_personnel, send_data, function (rel) {
+                    if (rel.code != "0000") {
+                        toast_error(rel.msg);
+                        return;
+                    }
+
+                    $("#work_person_select_modal").empty();
+                    if (rel.data.length > 0) {
+
+                        $.each(rel.data, function (index, val) {
+                            $("#work_person_select_modal").append($("<option />").val(val.value).text(val.text));
+                        });
+
+                        if (recode != null || recode != undefined) {
+                            $("#work_person_select_modal").val(recode.workPersonId);
+                        }
+                    }
+                });
+            });
+            //#endregion
+        });
+
+        //#region 改變日期
+        $('#date-range-record').on('change', function () {
+            operationRecodeTable.ajax.reload();
+        });
+        //#endregion
+
+        //#region 改變項目
+        function ChangeType(type) {
+            Type = type;
+            for (var i = 0; i < 4; i++) {
+                var name = "button" + i;
+                document.getElementById(name).setAttribute("class", "btn btn-secondary waves-effect waves-themed");
+            }
+            document.getElementById("button" + type).setAttribute("class", "btn btn-success waves-effect waves-themed");
+            operationRecodeTable.ajax.reload();
+
+        }
+        //#endregion
+
+        //#region 產生檔案html
+        function CreateRecodeFileBox(dom, value, show_del_btn) {
+            var str = "";
+            str += '<div class="col-auto  px-0 py-2 mx-2">';
+            var split = value.fileName.split(".");
+            var excel_format = ["xls", "xlsx"];
+            var word_format = ["doc", "docx"];
+            if (split[split.length - 1].toLowerCase() == "pdf") {
+                str += '<a href="' + value.fileName + '" class="btn btn-info waves-effect waves-themed mb-3 mr-2" download><i class="fal fa-file-pdf" style="font-size: 1.5em; line-height: 2;"></i></a>';
+            } else if (excel_format.indexOf(split[split.length - 1].toLowerCase()) > -1) {
+                str += '<a href="' + value.fileName + '" class="btn btn-info waves-effect waves-themed mb-3 mr-2" download><i class="fal fa-file-excel" style="font-size: 1.5em; line-height: 2;"></i></a>';
+            } else if (word_format.indexOf(split[split.length - 1].toLowerCase()) > -1) {
+                str += '<a href="' + value.fileName + '" class="btn btn-info waves-effect waves-themed mb-3 mr-2" download><i class="fal fa-file-word" style="font-size: 1.5em; line-height: 2;"></i></a>';
+            } else {
+                str += '<img src="' + value.fileName + '" class="img-zoom" width="100%" />';
+            }
+
+            if (show_del_btn) {
+                str += '<a href="javascript:;" class="del-operation-recode-file-btn" data-id="' + value.id + '">';
+                str += '<span class="badge border border-light rounded-pill bg-danger-500 position-absolute pos-top pos-right"><i class="fal fa-times"></i></span>';
+                str += '</a>';
+            }
+
+            str += '</div>';
+            dom.append(str);
+        }
+        //#endregion
+
+        //#region 編輯表單內容
+        $('#operation_recode_table').on("click", "a.edit-btn", function () {
+
+            work_type = $(this).parents('tr').attr('data-work-type');
+
+            if (work_type == 0) {
+                $("#recode-form-modal .modal-title .main-title").html("清洗單 - ");
+            } else if (work_type == 1) {
+                $("#recode-form-modal .modal-title .main-title").html("巡檢單 - ");
+            } else {
+                $("#recode-form-modal .modal-title .main-title").html("維修單 - ");
+            }
+
+            selected_id = $(this).parents('tr').attr('data-id');
+
+            //取得單一記錄表單
+            var url = "/Operation/GetOneOperationRecode/";
+
+            var send_data = {
+                id: selected_id
+            }
+
+            $.post(url, send_data, function (rel) {
+                if (rel.code != "0000") {
+                    toast_error(rel.msg);
+                    return;
+                }
+
+                recode = rel.data;
+
+                countOperationRecodeFile = recode.recodeFiles.length;
+
+                $("#recode-form-modal .modal-title .sub-title").html(recode.powerStationName);
+
+                $("#power_station_select_modal").val(recode.powerStationId);
+                $("#power_station_select_modal").attr("disabled", true);
+
+                $("#work_time_modal").val(recode.workTime);
+                var status = -1;
+                if (recode.status == 0 || recode.status == 2) {
+                    status = 0;
+                } else if (recode.status == 1 || recode.status == 3) {
+                    status = 1;
+                }
+                $("input[name=status_modal][value='" + status + "']").prop('checked', true); //狀態
+                $('#work_person_select_modal').val(recode.workPersonId);
+                if (work_type != 2) {
+                    $(".fix-div").hide();
+                } else {
+                    $(".fix-div").show();
+                    $("#error_code_modal").val(recode.errorCode);
+                    $("#fix_do_modal").val(recode.fixDo);
+                }
+                $("#notice_textarea_modal").val(recode.notice);
+                $("#description_textarea_modal").val(recode.description);
+
+                var str = "";
+
+                RecodeFileBox = $("#recode_files_div > .row");
+                RecodeFileBox.empty();
+                recode.recodeFiles.forEach(function (value, index) {
+                    CreateRecodeFileBox(RecodeFileBox, value, true);
+                });
+
+                $("#recode-form-modal").modal();
+            }, 'json');
+        });
+        //#endregion
+
+        //#region 表單檔案資料
+        Dropzone.autoDiscover = false;
+        recodeFileDropzone = new Dropzone("#recode-file-form", {
+            url: "/Operation/SaveOperationRecodeFile",
+            acceptedFiles: "image/*, application/pdf,.doc,.docx,.xls,.xlsx",
+            autoProcessQueue: false,
+            parallelUploads: 5,
+            maxFiles: 5,
+            addRemoveLinks: true,
+            uploadMultiple: true,
+            dictRemoveFile: "移除",
+            init: function (e) {
+
+                var myDropzone = this;
+
+                myDropzone.on("sending", function (file, xhr, data) {
+                    if ((countOperationRecodeFile + myDropzone.files.length) > 5) {
+                        toast_warning("檔案總數量不可超過 5 張");
+                        myDropzone.removeFile(file);
+                        return;
+                    } else {
+
+                        data.append("Id", selected_id);
+                        data.append("RecodeFiles", file);
+
+                    }
+                });
+
+            }
+        });
+        //#endregion
+
+        //#region 查詢近30天
+        function ChangeDate30() {
+            var today = new Date();
+            var dateLimit = new Date(new Date().setDate(today.getDate() - 30));
+
+            var today_format = today.toISOString().slice(0, 10).replace(/-/g, "/");
+            var dateLimit_format = dateLimit.toISOString().slice(0, 10).replace(/-/g, "/");
+
+            datepicker.data('daterangepicker').setStartDate(dateLimit_format);
+            datepicker.data('daterangepicker').setEndDate(today_format);
+
+            $('#date-range-record').val(dateLimit_format + ' - ' + today_format);
+            $('#date-range-record').trigger('change');
+        }
+        //#endregion
+
+        //#region 儲存表單資料
+        function SaveRecode() {
+
+            if ($("#recode-form").valid()) {
+                var url = "/Operation/SaveOperationRecode";
+
+                var formData = new FormData();
+
+                formData.append("Id", selected_id);
+                formData.append("PowerStationId", $("#power_station_select_modal").val());
+                formData.append("WorkType", selected_work_type);
+                formData.append("ErrorCode", $("#error_code_modal").val());
+                formData.append("FixDo", $("#fix_do_modal").val());
+                formData.append("Status", $("input[name=status_modal]:checked").val());
+                formData.append("WorkPersonId", $("#work_person_select_modal").val());
+                formData.append("WorkTime", $("#work_time_modal").val());
+                formData.append("Notice", $("#notice_textarea_modal").val());
+                formData.append("Description", $("#description_textarea_modal").val());
+
+                $.ajax({
+                    type: "POST",
+                    url: url,
+                    data: formData,
+                    cache: false,
+                    contentType: false,
+                    processData: false,
+                    success: function (rel) {
+                        if (rel.code != "0000") {
+                            toast_error(rel.msg);
+                            return;
+                        }
+
+                        var myDropzone = Dropzone.forElement("#recode-file-form");
+
+                        if (myDropzone.files.length > 0) {
+
+                            myDropzone.processQueue();
+
+                            myDropzone.on("successmultiple", function (file, rel) {
+                                if (rel.code != "0000") {
+                                    toast_error(rel.msg);
+                                    return;
+                                }
+
+                                toast_ok(rel.msg);
+                                $('#recode-form-modal').modal('hide');
+                                recodeFileDropzone.removeAllFiles();
+
+                                operationRecodeTable.ajax.reload();
+                            });
+                        } else {
+                            $('#recode-form-modal').modal('hide');
+                            myDropzone.removeAllFiles();
+
+                            operationRecodeTable.ajax.reload();
+                        }
+                    }
+                });
+            }
+        }
+        //#endregion
+
+        //#region 點擊圖片放大
+        $('#operation_recode_table').on("click", "img.img-zoom", function () {
+            var _this = $(this);//將當前的pimg元素作為_this傳入函式
+            imgShow("#img-zoom-outer-div", "#innerdiv", "#bigimg", _this);
+        });
+        //#endregion
+
+        //#region 匯出excel
+        function ExportExcel() {
+            var url = "/Operation/ExportOperationRecodeExcel";
+            var send_data = {
+                CityIds: [3],
+                PowerStationIds: powerids
+            };
+            $.post(url, send_data, function (rel) {
+                if (rel.code != "0000") {
+                    toast_error(rel.msg);
+                    return;
+                }
+                $('#NoViewbody').empty();
+
+                var str = "";
+                rel.data.forEach(function (value, index) {
+                    str += "<tr>" +
+                        "<td>" + value.powerStationName + "</td>" +
+                        "<td>" + value.formId + "</td>" +
+                        "<td>" + value.workTypeText + "</td>" +
+                        "<td>" + value.fixDo + "</td>" +
+                        "<td>" + value.statusText + "</td>" +
+                        "<td>" + value.workPersonName + "</td>" +
+                        "<td>" + value.operationPredict + "</td>";
+
+                    str += "<td>";
+                    if (value.hyperLinks != undefined || value.hyperLinks != null) {
+                        value.hyperLinks.forEach(function (value2, index) {
+                            str += value2 + "<br>";
+                        });
+                    }
+                    str += "</td>";
+
+                    str += "<td>";
+                    if (value.finishTime != undefined || value.finishTime != null || value.finishTime != "") {
+                        //value.hyperLinks.forEach(function (value3, index) {
+                        //    str += value3;
+                        //});
+                        str += value.finishTime;
+                    }
+                    str += "</td>";
+
+                    str += "</tr>";
+                });
+
+                $('#NoViewbody').append(str);
+
+                $("#NoView").table2excel({
+                    // 匯出的Excel文件的名稱
+                    name: "abc",
+                    // Excel檔案的名稱
+                    filename: "test",
+                    //檔案字尾名
+                    fileext: ".xls",
+                });
+            }, 'json');
+        }
+        //#endregion
     </script>
 }
\ No newline at end of file
diff --git a/SolarPower/Views/StationOverview/_OperationRecord.cshtml b/SolarPower/Views/StationOverview/_OperationRecord.cshtml
index 94571ea..9243033 100644
--- a/SolarPower/Views/StationOverview/_OperationRecord.cshtml
+++ b/SolarPower/Views/StationOverview/_OperationRecord.cshtml
@@ -1 +1,185 @@
-<p>5</p>
\ No newline at end of file
+<div class="row mb-5 d-flex justify-content-start">
+    <div class="pr-3">
+        <div class="btn-group btn-group-md">
+            <button type="button" class="btn btn-success waves-effect waves-themed" onclick="ChangeType(0)" id="button0">全部</button>
+            <button type="button" class="btn btn-secondary waves-effect waves-themed" onclick="ChangeType(3)" id="button3">維修</button>
+            <button type="button" class="btn btn-secondary waves-effect waves-themed" onclick="ChangeType(2)" id="button2">巡檢</button>
+            <button type="button" class="btn btn-secondary waves-effect waves-themed" onclick="ChangeType(1)" id="button1">清洗</button>
+        </div>
+    </div>
+    <div class="pr-3">
+        <button type="button" class="btn btn-secondary waves-effect waves-themed" onclick="ChangeDate30()">近30天</button>
+    </div>
+    <div class="pr-6">
+        <div class="form-group">
+            <input class="form-control" id="date-range-record" type="text" name="date" value="">
+        </div>
+    </div>
+</div>
+<div class="row d-flex justify-content-end">
+    <button type="button" class="btn btn-success waves-effect waves-themed mb-3" onclick="ExportExcel()">
+        <span class="fal fa-file-excel mr-1"></span>
+        匯出
+    </button>
+</div>
+<div class="row mb-5">
+    <div class="w-100">
+        <table class="table table-bordered table-hover m-0 text-center" id="operation_recode_table">
+            <thead class="thead-themed">
+                <tr>
+                    <th>電廠</th>
+                    <th>表單號</th>
+                    <th>項目</th>
+                    <th>類型</th>
+                    <th>狀態</th>
+                    <th>處理人員</th>
+                    <th>本次作業預計</th>
+                    <th>照片</th>
+                    <th>完成時間</th>
+                </tr>
+            </thead>
+            <tbody>
+            </tbody>
+        </table>
+        <table id="NoView" style="display:none">
+            <thead class="thead-themed">
+                <tr>
+                    <th>電廠</th>
+                    <th>表單號</th>
+                    <th>項目</th>
+                    <th>維修項目</th>
+                    <th>狀態</th>
+                    <th>執行人員</th>
+                    <th>本次作業預計</th>
+                    <th>照片</th>
+                    <th>完成時間</th>
+                </tr>
+            </thead>
+            <tbody id="NoViewbody">
+            </tbody>
+        </table>
+    </div>
+</div>
+
+
+<div class="modal fade" id="recode-form-modal" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false">
+    <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h4 class="modal-title">
+                    <span class="main-title"></span><span class="sub-title"></span>
+                </h4>
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                    <span aria-hidden="true"><i class="fal fa-times"></i></span>
+                </button>
+            </div>
+            <div class="modal-body">
+                <form id="recode-form">
+                    <div class="row mb-3">
+                        <div class="col-lg-6">
+                            <div class="form-group">
+                                <label class="form-label" for="power_station_select_modal">電站</label>
+                                @*<input class="form-control" id="power_station_select_modal" type="text" name="power_station_select_modal" />*@
+                                <select class="form-control" id="power_station_select_modal">
+                                </select>
+                            </div>
+                        </div>
+                        <div class="col-lg-6">
+                            <div class="form-group">
+                                <label class="form-label" for="work_time_modal">作業日期</label>
+                                <input class="form-control" id="work_time_modal" type="date" name="work_time_modal" />
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="row mb-3">
+                        <div class="col-lg-6">
+                            <div class="form-group">
+                                <label class="form-label" for="example-select">狀態</label>
+                                <div>
+                                    <div class="custom-control custom-radio custom-control-inline">
+                                        <input type="radio" class="custom-control-input ml-auto" id="status_none_complete" name="status_modal" value="0" />
+                                        <label class="custom-control-label" for="status_none_complete">未完成</label>
+                                    </div>
+                                    <div class="custom-control custom-radio custom-control-inline">
+                                        <input type="radio" class="custom-control-input ml-auto" id="status_complete" name="status_modal" value="1" />
+                                        <label class="custom-control-label" for="status_complete">完成</label>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-lg-6">
+                            <div class="form-group">
+                                <label class="form-label" for="work_person_select_modal">執行人員</label>
+                                <select class="form-control" id="work_person_select_modal">
+                                </select>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="row mb-3 fix-div">
+                        <div class="col-lg-6">
+                            <div class="form-group">
+                                <div class="form-group">
+                                    <label class="form-label" for="error_code_modal">異常編號</label>
+                                    <input class="form-control" id="error_code_modal" type="text" name="error_code_modal" />
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-lg-6">
+                            <div class="form-group">
+                                <label class="form-label" for="fix_do_modal">維修項目</label>
+                                <input class="form-control" id="fix_do_modal" type="text" name="fix_do_modal" />
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="row mb-3">
+                        <div class="col-lg-12">
+                            <div class="form-group">
+                                <label class="form-label" for="notice_textarea_modal">巡檢注意事項</label>
+                                <textarea class="form-control" id="notice_textarea_modal" rows="5"></textarea>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="row mb-3">
+                        <div class="col-lg-12">
+                            <div class="form-group">
+                                <label class="form-label" for="description_textarea_modal">結果描述</label>
+                                <textarea class="form-control" id="description_textarea_modal" rows="5"></textarea>
+                            </div>
+                        </div>
+                    </div>
+                </form>
+                <div class="row align-items-center">
+                    <div class="col-2">
+                        <p>檔案上傳</p>
+                    </div>
+                    <div id="recode_files_div" class="col-10">
+                        <div class="row px-3 mb-3 d-flex justify-content-start align-items-center img-zoom-div">
+
+                        </div>
+                    </div>
+                </div>
+                <div class="row px-3">
+                    <form id="recode-file-form" class="dropzone needsclick dz-clickable col-12" style="min-height: 7rem;">
+                        @*<div class="fallback">
+                                <input type="file" multiple />
+                            </div>*@
+                        <div class="dz-message needsclick">
+                            <i class="fal fa-cloud-upload text-muted mb-3"></i> <br>
+                            <span class="text-uppercase">將圖片拖曳至這裡或點擊選擇圖片.</span>
+                            <br>
+                            <span class="fs-sm text-muted">僅供預覽，並未實際上傳。</span>
+                        </div>
+                    </form>
+                </div>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
+                <button type="button" class="btn btn-primary" id="save-recode-btn" onclick="SaveRecode()">確定</button>
+            </div>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/SolarPower/wwwroot/upload/operation_recode/17/8f6f1382-0aaa-46e6-9d50-3016de4dfe4b.png b/SolarPower/wwwroot/upload/operation_recode/17/8f6f1382-0aaa-46e6-9d50-3016de4dfe4b.png
new file mode 100644
index 0000000000000000000000000000000000000000..7024b48e3e7ea6eb92d8d003f34d5352cbb4dcab
GIT binary patch
literal 7326
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
Ef;wMAkpKVy

literal 0
HcmV?d00001