From a18152e23a0015c7909976ed37a4295bf8999181 Mon Sep 17 00:00:00 2001
From: Celeste <aafree2014@gmail.com>
Date: Fri, 6 Oct 2023 14:37:37 +0800
Subject: [PATCH] =?UTF-8?q?[Frontend]=20=E4=BF=AE=E6=94=B9=E7=B3=BB?=
 =?UTF-8?q?=E7=B5=B1=E7=9B=A3=E6=8E=A7=E5=91=8A=E8=AD=A6=20ack=20=E7=8B=80?=
 =?UTF-8?q?=E6=85=8B=20|=20=E9=81=8B=E7=B6=AD=E4=BF=9D=E9=A4=8A=E5=88=AA?=
 =?UTF-8?q?=E9=99=A4=E7=95=B0=E5=B8=B8=E7=B7=A8=E8=99=9F=E6=AC=84=E4=BD=8D?=
 =?UTF-8?q?=20|=20=E5=91=8A=E8=AD=A6=E6=96=B0=E5=A2=9E=E7=B6=AD=E4=BF=AE?=
 =?UTF-8?q?=E5=96=AE=E6=99=82=E8=87=AA=E5=8B=95=E6=8A=93=E5=8F=96=E8=A9=B2?=
 =?UTF-8?q?=E8=A8=AD=E5=82=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Frontend/_alert.html          | 3027 +++++++++++++-------------
 Frontend/_operation.html      | 3768 ++++++++++++++++++++-------------
 Frontend/index.html           |    7 +-
 Frontend/js/n4js/alarmbaja.js |   18 +-
 4 files changed, 3831 insertions(+), 2989 deletions(-)

diff --git a/Frontend/_alert.html b/Frontend/_alert.html
index 4e5e306..9f4686b 100644
--- a/Frontend/_alert.html
+++ b/Frontend/_alert.html
@@ -1,1571 +1,1616 @@
 <main id="js-page-content" role="main" class="page-content">
-	<div class="row">
-		<div class="col-sm-12 col-xl-12">
-			<h1 class="p-2 mb-0">即時告警</h1>
-			<div class="row bg-dark p-2">
-				<div class="col-auto">
-					<div class="btn-group">
-						<button id="returnFalse"
-								onclick="setReturn(false)"
-								type="button"
-								class="btn btn-secondary waves-effect waves-themed">
-							未復歸
-						</button>
-						<button id="returnTrue"
-								onclick="setReturn(true)"
-								type="button"
-								class="btn btn-secondary waves-effect waves-themed">
-							已復歸
-						</button>
-					</div>
-				</div>
-				<div class="col-auto">
-					<div class="btn-group">
-						<button id="unconfirmed"
-								onclick="setConfirm(false)"
-								type="button"
-								class="btn btn-secondary waves-effect waves-themed">
-							未確認
-						</button>
-						<button id="confirmed"
-								onclick="setConfirm(true)"
-								type="button"
-								class="btn btn-secondary waves-effect waves-themed">
-							已確認
-						</button>
-					</div>
-				</div>
-				<div class="col-auto">
-					<a href="#" id="nearthirty" class="btn btn-secondary">近30天</a>
-				</div>
-				<div class="col-auto">
-					<div class="form-group">
-						<input class="form-control"
-							   id="alr_startdate"
-							   data-val=""
-							   type="date"
-							   name="alr_startdate"
-							   value=""
-							   style="cursor: pointer" />
-					</div>
-				</div>
-				<div class="col-auto">
-					<div class="form-group">
-						<input class="form-control"
-							   id="alr_enddate"
-							   data-val=""
-							   type="date"
-							   name="alr_enddate"
-							   value=""
-							   style="cursor: pointer" />
-					</div>
-				</div>
-				<hr />
-			</div>
+		<div class="row">
+				<div class="col-sm-12 col-xl-12">
+						<h1 class="p-2 mb-0">即時告警</h1>
+						<div class="row bg-dark p-2">
+								<div class="col-auto">
+										<div class="btn-group">
+												<button id="returnFalse"
+																				onclick="setReturn(false)"
+																				type="button"
+																				class="btn btn-secondary waves-effect waves-themed">
+														未復歸
+												</button>
+												<button id="returnTrue"
+																				onclick="setReturn(true)"
+																				type="button"
+																				class="btn btn-secondary waves-effect waves-themed">
+														已復歸
+												</button>
+										</div>
+								</div>
+								<div class="col-auto">
+										<div class="btn-group">
+												<button id="unconfirmed"
+																				onclick="setConfirm(false)"
+																				type="button"
+																				class="btn btn-secondary waves-effect waves-themed">
+														未確認
+												</button>
+												<button id="confirmed"
+																				onclick="setConfirm(true)"
+																				type="button"
+																				class="btn btn-secondary waves-effect waves-themed">
+														已確認
+												</button>
+										</div>
+								</div>
+								<div class="col-auto">
+										<a href="#" id="nearthirty" class="btn btn-secondary">近30天</a>
+								</div>
+								<div class="col-auto">
+										<div class="form-group">
+												<input class="form-control"
+																			id="alr_startdate"
+																			data-val=""
+																			type="date"
+																			name="alr_startdate"
+																			value=""
+																			style="cursor: pointer" />
+										</div>
+								</div>
+								<div class="col-auto">
+										<div class="form-group">
+												<input class="form-control"
+																			id="alr_enddate"
+																			data-val=""
+																			type="date"
+																			name="alr_enddate"
+																			value=""
+																			style="cursor: pointer" />
+										</div>
+								</div>
+								<hr />
+						</div>
 
-			<div class="row bg-dark p-2 align-items-center">
-				<div class="col-auto">
-					<a href="#"
-					   id="selAllSys"
-					   onclick="selAllSysVal(this)"
-					   class="btn btn-info">全選類別</a>
-				</div>
-				<div class="col-auto">
-					<!-- <div id="alr_mainList" class="frame-wrap">
-							  </div> -->
-					<div id="alr_subList" class="frame-wrap"></div>
-				</div>
-			</div>
-			<div class="row bg-dark p-2 mb-5 align-items-center">
-				<div class="col-auto" style="padding-left: 133px">
-					<!-- <div id="alr_subList" class="frame-wrap">
-							  </div> -->
-				</div>
-			</div>
-			<!--<div class="row bg-dark p-2 align-items-center" id="alr_mainList">
-						  </div>
-						  <div class="row bg-dark p-2 mb-5 align-items-center" id="alr_subList">
-						  </div>-->
+						<div class="row bg-dark p-2 align-items-center">
+								<div class="col-auto">
+										<a href="#"
+													id="selAllSys"
+													onclick="selAllSysVal(this)"
+													class="btn btn-info">全選類別</a>
+								</div>
+								<div class="col-auto">
+										<!-- <div id="alr_mainList" class="frame-wrap">
+										</div> -->
+										<div id="alr_subList" class="frame-wrap"></div>
+								</div>
+						</div>
+						<div class="row bg-dark p-2 mb-5 align-items-center">
+								<div class="col-auto" style="padding-left: 133px">
+										<!-- <div id="alr_subList" class="frame-wrap">
+										</div> -->
+								</div>
+						</div>
+						<!--<div class="row bg-dark p-2 align-items-center" id="alr_mainList">
+								</div>
+								<div class="row bg-dark p-2 mb-5 align-items-center" id="alr_subList">
+								</div>-->
 
-			<div>
-				<div class="frame-wrap">
-					<table id="alertTable"
-						   class="table table-bordered table-striped text-center m-0 w-100"></table>
+						<div>
+								<div class="frame-wrap">
+										<table id="alertTable"
+																	class="table table-bordered table-striped text-center m-0 w-100"></table>
+								</div>
+						</div>
 				</div>
-			</div>
 		</div>
-	</div>
 </main>
 
 <!-- Modal center 保養/維修 -->
 <div class="modal fade"
-	 id="alr_opeRecModal"
-	 tabindex="-1"
-	 role="dialog"
-	 aria-hidden="true"
-	 data-backdrop="static"
-	 data-keyboard="false">
-	<div class="modal-dialog modal-dialog-centered" role="document">
-		<div class="modal-content">
-			<div class="modal-header">
-				<h4 id="opeRecTitle" class="modal-title">新增維修單</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>
-			<form id="alr_opeRecForm">
-				<div class="modal-body">
-					<div class="row">
-						<div class="col-md-6">
-							<div class="form-group">
-								<label class="form-label" for="inpErrCode">異常編號</label>
-								<select class="form-control"
-										id="inpErrCode"
-										name="inpErrCode"
-										disabled>
-									<option value="">未選擇</option>
-								</select>
-							</div>
+					id="alr_opeRecModal"
+					tabindex="-1"
+					role="dialog"
+					aria-hidden="true"
+					data-backdrop="static"
+					data-keyboard="false">
+		<div class="modal-dialog modal-dialog-centered" role="document">
+				<div class="modal-content">
+						<div class="modal-header">
+								<h4 id="opeRecTitle" class="modal-title">新增維修單</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="col-md-6">
-							<div class="form-group">
-								<label class="form-label" for="inpStaTime">預計開始時間</label>
-								<input type="date"
-									   id="inpStaTime"
-									   name="inpStaTime"
-									   class="form-control" />
-							</div>
-						</div>
-						<div class="col-md-6">
-							<div class="form-group">
-								<label class="form-label" for="inpWorTyp">項目</label>
-								<select class="form-control custom-select-ri"
-										id="inpWorTyp"
-										name="inpWorTyp"
-										disabled>
-									<option value="2" selected>維修</option>
-								</select>
-							</div>
-						</div>
-						<div class="col-md-6">
-							<div class="form-group">
-								<label class="form-label" for="inpFixDo">維修項目</label>
-								<input type="text"
-									   id="inpFixDo"
-									   name="inpFixDo"
-									   class="form-control" />
-							</div>
-						</div>
-						<div class="col-md-6">
-							<div class="form-group">
-								<label class="form-label" for="inpFixDoCode">維修項目代碼(設備編號)</label>
-								<select class="form-control"
-										id="inpFixDoCode"
-										name="inpFixDoCode">
-									<option value="">未選擇</option>
-								</select>
-							</div>
-						</div>
-						<div class="col-md-6">
-							<div class="form-group">
-								<label class="form-label" for="inpFixFirm">負責廠商</label>
-								<select class="form-control" id="inpFixFirm" name="inpFixFirm">
-									<option value="">未選擇</option>
-								</select>
-							</div>
-						</div>
-						<div class="col-md-6">
-							<div class="form-group">
-								<label class="form-label" for="inpStatus">狀態</label>
-								<div class="form-control" id="inpStatus">
-									<div class="row container">
-										<div class="">
-											<input class="custom-radio-input"
-												   type="radio"
-												   name="inpSta"
-												   id="inpSta_0"
-												   value="0"
-												   checked />
-											<label class="form-label" for="inpSta_0">未完成</label>
-										</div>
+						<form id="alr_opeRecForm">
+								<div class="modal-body">
+										<div class="row">
+												<div class="col-md-6">
+														<div class="form-group">
+																<label class="form-label" for="inpNumber">表單編號</label>
+																<input type="text"
+																							id="inpNumber"
+																							name=""
+																							class="form-control"
+																							disabled />
+														</div>
+												</div>
+												<div class="col-md-6">
+														<div class="form-group">
+																<label class="form-label" for="inpErrCode">異常編號</label>
+																<select class="form-control"
+																								id="inpErrCode"
+																								name="inpErrCode"
+																								disabled>
+																		<option value="">未選擇</option>
+																</select>
+														</div>
+												</div>
+												<div class="col-md-6">
+														<div class="form-group">
+																<label class="form-label" for="inpStaTime">預計開始時間</label>
+																<input type="date"
+																							id="inpStaTime"
+																							name="inpStaTime"
+																							class="form-control" />
+														</div>
+												</div>
+												<div class="col-md-6">
+														<div class="form-group">
+																<label class="form-label" for="inpWorTyp">項目</label>
+																<select class="form-control custom-select-ri"
+																								id="inpWorTyp"
+																								name="inpWorTyp"
+																								disabled>
+																		<option value="2" selected>維修</option>
+																</select>
+														</div>
+												</div>
+												<div class="col-md-6">
+														<div class="form-group">
+																<label class="form-label" for="inpFixDo">維修項目</label>
+																<input type="text"
+																							id="inpFixDo"
+																							name="inpFixDo"
+																							class="form-control" />
+														</div>
+												</div>
+												<div class="col-md-6">
+														<div class="form-group position-relative">
+																<label class="form-label" for="inpFixDoCode">維修項目代碼(設備名稱)</label>
+																<select id="inpFixDoCode"
+																								name="inpFixDoCode"
+																								class="form-control position-absolute"
+																								style="z-index: 999; background-color: #3f4246"
+																								onfocus="this.size=15;"
+																								onblur="this.size=1;"
+																								onchange="this.size=1; this.blur();">
+																		<option value="">未選擇</option>
+																</select>
+														</div>
+												</div>
+												<div class="col-md-6">
+														<div class="form-group">
+																<label class="form-label" for="inpFixFirm">負責廠商</label>
+																<select class="form-control" id="inpFixFirm" name="inpFixFirm">
+																		<option value="">未選擇</option>
+																</select>
+														</div>
+												</div>
+												<div class="col-md-6">
+														<div class="form-group">
+																<label class="form-label" for="inpStatus">狀態</label>
+																<div class="form-control" id="inpStatus">
+																		<div class="row container">
+																				<div class="">
+																						<input class="custom-radio-input"
+																													type="radio"
+																													name="inpSta"
+																													id="inpSta_0"
+																													value="0"
+																													checked />
+																						<label class="form-label" for="inpSta_0">未完成</label>
+																				</div>
 
-										<div class="px-4">
-											<input class="custom-radio-input"
-												   type="radio"
-												   name="inpSta"
-												   id="inpSta_1"
-												   value="1" />
-											<label class="form-label" for="inpSta_1">完成</label>
-										</div>
-									</div>
-								</div>
-							</div>
-						</div>
-						<div class="col-md-6">
-							<div class="form-group">
-								<label class="form-label" for="inpWorPerId">工作人員編號</label>
-								<select class="form-control"
-										id="inpWorPerId"
-										name="inpWorPerId">
-									<option value="">未選擇</option>
-								</select>
-							</div>
-						</div>
-						<div class="col-md-12">
-							<div class="form-group">
-								<label class="form-label" for="inpNotice">注意事項</label>
-								<textarea class="form-control"
-										  type="text"
-										  id="inpNotice"
-										  name="inpNotice"
-										  rows="7"></textarea>
-							</div>
-						</div>
-						<div class="col-md-12">
-							<div class="form-group">
-								<label class="form-label" for="inpDescription">結果描述</label>
-								<textarea class="form-control"
-										  type="text"
-										  id="inpDescription"
-										  name="inpDescription"
-										  rows="7"></textarea>
-							</div>
-						</div>
-						<div class="col-md-12">
-							<label class="form-label">上傳檔案</label>
-							<div id="alr_forImage" class="col-sm-12 forimage mt-2 p-0"></div>
-							<div id="alr_forFile" class="col-sm-12 forfile mt-2 p-0"></div>
+																				<div class="px-4">
+																						<input class="custom-radio-input"
+																													type="radio"
+																													name="inpSta"
+																													id="inpSta_1"
+																													value="1" />
+																						<label class="form-label" for="inpSta_1">完成</label>
+																				</div>
+																		</div>
+																</div>
+														</div>
+												</div>
+												<div class="col-md-6">
+														<div class="form-group">
+																<label class="form-label" for="inpWorPerId">工作人員編號</label>
+																<select class="form-control"
+																								id="inpWorPerId"
+																								name="inpWorPerId">
+																		<option value="">未選擇</option>
+																</select>
+														</div>
+												</div>
+												<div class="col-md-12">
+														<div class="form-group">
+																<label class="form-label" for="inpNotice">注意事項</label>
+																<textarea class="form-control"
+																										type="text"
+																										id="inpNotice"
+																										name="inpNotice"
+																										rows="7"></textarea>
+														</div>
+												</div>
+												<div class="col-md-12">
+														<div class="form-group">
+																<label class="form-label" for="inpDescription">結果描述</label>
+																<textarea class="form-control"
+																										type="text"
+																										id="inpDescription"
+																										name="inpDescription"
+																										rows="7"></textarea>
+														</div>
+												</div>
+												<div class="col-md-12">
+														<label class="form-label">上傳檔案</label>
+														<div id="alr_forImage" class="col-sm-12 forimage mt-2 p-0"></div>
+														<div id="alr_forFile" class="col-sm-12 forfile mt-2 p-0"></div>
 
-							<div class="form-group dropzone" id="alr_dropZone">
-								<div class="dz-message">
-									<div class="drag-icon-cph">
-										<i class="material-icons">backup</i>
-									</div>
-									<h3>選擇一個文件或拖放到這裡</h3>
-									<p class="mb-0 col-grey">PDF檔案不超過 3MB</p>
+														<div class="form-group dropzone" id="alr_dropZone">
+																<div class="dz-message">
+																		<div class="drag-icon-cph">
+																				<i class="material-icons">backup</i>
+																		</div>
+																		<h3>選擇一個文件或拖放到這裡</h3>
+																		<p class="mb-0 col-grey">PDF檔案不超過 3MB</p>
+																</div>
+																<div class="fallback">
+																		<input name="file" type="file" multiple />
+																</div>
+														</div>
+												</div>
+										</div>
 								</div>
-								<div class="fallback">
-									<input name="file" type="file" multiple />
+								<div class="modal-footer">
+										<button type="button"
+																		class="btn btn-secondary"
+																		id="alr_OpeRecCanBtn"
+																		data-dismiss="modal">
+												關閉
+										</button>
+										<button type="button"
+																		class="btn btn-primary"
+																		id="alr_OpeRecSendBtn"
+																		e-prevent>
+												儲存
+										</button>
 								</div>
-							</div>
-						</div>
-					</div>
+						</form>
 				</div>
-				<div class="modal-footer">
-					<button type="button"
-							class="btn btn-secondary"
-							id="alr_OpeRecCanBtn"
-							data-dismiss="modal">
-						關閉
-					</button>
-					<button type="button"
-							class="btn btn-primary"
-							id="alr_OpeRecSendBtn"
-							e-prevent>
-						儲存
-					</button>
-				</div>
-			</form>
 		</div>
-	</div>
 </div>
 
 <!-- Modal center 維修-->
 <div class="modal fade"
-	 id="alr_opeRecModal_2"
-	 tabindex="-1"
-	 role="dialog"
-	 aria-hidden="true"
-	 data-backdrop="static"
-	 data-keyboard="false">
-	<div class="modal-dialog modal-dialog-centered" role="document">
-		<div class="modal-content">
-			<div class="modal-header">
-				<h4 id="alr_opeRecTitle" class="modal-title"></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>
-			<form id="alr_opeRecForm_2">
-				<div class="modal-body">
-					<div class="row">
-						<div class="col-md-6">
-							<div class="form-group">
-								<label class="form-label" for="alr_inpNumber_2">表單編號</label>
-								<input type="text"
-									   id="alr_inpNumber_2"
-									   name=""
-									   class="form-control"
-									   disabled />
-							</div>
+					id="alr_opeRecModal_2"
+					tabindex="-1"
+					role="dialog"
+					aria-hidden="true"
+					data-backdrop="static"
+					data-keyboard="false">
+		<div class="modal-dialog modal-dialog-centered" role="document">
+				<div class="modal-content">
+						<div class="modal-header">
+								<h4 id="alr_opeRecTitle" class="modal-title"></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="col-md-6">
-							<div class="form-group">
-								<label class="form-label" for="alr_inpErrCode_2">異常編號</label>
-								<select class="form-control"
-										id="alr_inpErrCode_2"
-										name="alr_inpErrCode_2"
-										disabled>
-									<option value="">未選擇</option>
-								</select>
-							</div>
-						</div>
-						<div class="col-md-6">
-							<div class="form-group">
-								<label class="form-label" for="alr_inpStaTime_2">預計開始時間</label>
-								<input type="date"
-									   id="alr_inpStaTime_2"
-									   name="alr_inpStaTime_2"
-									   class="form-control"
-									   disabled />
-							</div>
-						</div>
-						<div class="col-md-6">
-							<div class="form-group">
-								<label class="form-label" for="alr_inpWorTyp_2">項目</label>
-								<select class="form-control custom-select-ri"
-										id="alr_inpWorTyp_2"
-										name="alr_inpWorTyp_2"
-										disabled>
-									<option value="2" selected>維修</option>
-								</select>
-							</div>
-						</div>
-						<div class="col-md-6">
-							<div class="form-group">
-								<label class="form-label" for="alr_inpFixDo_2">維修項目</label>
-								<input type="text"
-									   id="alr_inpFixDo_2"
-									   name="alr_inpFixDo_2"
-									   class="form-control"
-									   disabled />
-							</div>
-						</div>
-						<div class="col-md-6">
-							<div class="form-group">
-								<label class="form-label" for="alr_inpFixDoCode_2">維修項目代碼(設備編號)</label>
-								<select class="form-control"
-										id="alr_inpFixDoCode_2"
-										name="alr_inpFixDoCode_2"
-										disabled>
-									<option value="">未選擇</option>
-								</select>
-							</div>
-						</div>
-						<div class="col-md-6">
-							<div class="form-group">
-								<label class="form-label" for="alr_inpFixFirm_2">負責廠商</label>
-								<select class="form-control"
-										id="alr_inpFixFirm_2"
-										name="alr_inpFixFirm_2"
-										disabled>
-									<option value="">未選擇</option>
-								</select>
-							</div>
-						</div>
-						<div class="col-md-6">
-							<div class="form-group">
-								<label class="form-label" for="alr_inpStatus_2">狀態</label>
-								<div class="form-control" id="alr_inpStatus_2">
-									<div class="row container">
-										<div class="">
-											<input class="custom-radio-input"
-												   type="radio"
-												   name="alr_inpSta_2"
-												   id="alr_inpSta_2_0"
-												   value="0"
-												   data-value="0"
-												   checked
-												   disabled />
-											<label class="form-label" for="alr_inpSta_0">未完成</label>
-										</div>
+						<form id="alr_opeRecForm_2">
+								<div class="modal-body">
+										<div class="row">
+												<div class="col-md-6">
+														<div class="form-group">
+																<label class="form-label" for="alr_inpNumber_2">表單編號</label>
+																<input type="text"
+																							id="alr_inpNumber_2"
+																							name=""
+																							class="form-control"
+																							disabled />
+														</div>
+												</div>
+												<div class="col-md-6">
+														<div class="form-group">
+																<label class="form-label" for="alr_inpErrCode_2">異常編號</label>
+																<select class="form-control"
+																								id="alr_inpErrCode_2"
+																								name="alr_inpErrCode_2"
+																								disabled>
+																		<option value="">未選擇</option>
+																</select>
+														</div>
+												</div>
+												<div class="col-md-6">
+														<div class="form-group">
+																<label class="form-label" for="alr_inpStaTime_2">預計開始時間</label>
+																<input type="date"
+																							id="alr_inpStaTime_2"
+																							name="alr_inpStaTime_2"
+																							class="form-control"
+																							disabled />
+														</div>
+												</div>
+												<div class="col-md-6">
+														<div class="form-group">
+																<label class="form-label" for="alr_inpWorTyp_2">項目</label>
+																<select class="form-control custom-select-ri"
+																								id="alr_inpWorTyp_2"
+																								name="alr_inpWorTyp_2"
+																								disabled>
+																		<option value="2" selected>維修</option>
+																</select>
+														</div>
+												</div>
+												<div class="col-md-6">
+														<div class="form-group">
+																<label class="form-label" for="alr_inpFixDo_2">維修項目</label>
+																<input type="text"
+																							id="alr_inpFixDo_2"
+																							name="alr_inpFixDo_2"
+																							class="form-control"
+																							disabled />
+														</div>
+												</div>
+												<div class="col-md-6">
+														<div class="form-group">
+																<label class="form-label" for="alr_inpFixDoCode_2">維修項目代碼(設備名稱)</label>
+																<select class="form-control"
+																								id="alr_inpFixDoCode_2"
+																								name="alr_inpFixDoCode_2"
+																								disabled>
+																		<option value="">未選擇</option>
+																</select>
+														</div>
+												</div>
+												<div class="col-md-6">
+														<div class="form-group">
+																<label class="form-label" for="alr_inpFixFirm_2">負責廠商</label>
+																<select class="form-control"
+																								id="alr_inpFixFirm_2"
+																								name="alr_inpFixFirm_2"
+																								disabled>
+																		<option value="">未選擇</option>
+																</select>
+														</div>
+												</div>
+												<div class="col-md-6">
+														<div class="form-group">
+																<label class="form-label" for="alr_inpStatus_2">狀態</label>
+																<div class="form-control" id="alr_inpStatus_2">
+																		<div class="row container">
+																				<div class="">
+																						<input class="custom-radio-input"
+																													type="radio"
+																													name="alr_inpSta_2"
+																													id="alr_inpSta_2_0"
+																													value="0"
+																													data-value="0"
+																													checked
+																													disabled />
+																						<label class="form-label" for="alr_inpSta_0">未完成</label>
+																				</div>
 
-										<div class="px-4">
-											<input class="custom-radio-input"
-												   type="radio"
-												   name="alr_inpSta_2"
-												   id="alr_inpSta_2_1"
-												   value="1"
-												   data-value="1"
-												   disabled />
-											<label class="form-label" for="alr_inpSta_1">完成</label>
-										</div>
-									</div>
-								</div>
-							</div>
-						</div>
-						<div class="col-md-6">
-							<div class="form-group">
-								<label class="form-label" for="alr_inpWorPerId_2">工作人員編號</label>
-								<select class="form-control"
-										id="alr_inpWorPerId_2"
-										name="alr_inpWorPerId_2"
-										disabled>
-									<option value="">未選擇</option>
-								</select>
-							</div>
-						</div>
-						<div class="col-md-12">
-							<div class="form-group">
-								<label class="form-label" for="alr_inpNotice_2">注意事項</label>
-								<textarea class="form-control"
-										  type="text"
-										  id="alr_inpNotice_2"
-										  name="alr_inpNotice_2"
-										  rows="7"
-										  disabled></textarea>
-							</div>
-						</div>
-						<div class="col-md-12">
-							<div class="form-group">
-								<label class="form-label" for="alr_inpDescription_2">結果描述</label>
-								<textarea class="form-control"
-										  type="text"
-										  id="alr_inpDescription_2"
-										  name="alr_inpDescription_2"
-										  rows="7"
-										  disabled></textarea>
-							</div>
-						</div>
-						<div class="col-md-12">
-							<label class="form-label">上傳檔案</label>
-							<div id="alr_ope_forImage_2"
-								 class="col-sm-12 forimage mt-2 p-0"></div>
-							<div id="alr_ope_forFile_2"
-								 class="col-sm-12 forfile mt-2 p-0"></div>
+																				<div class="px-4">
+																						<input class="custom-radio-input"
+																													type="radio"
+																													name="alr_inpSta_2"
+																													id="alr_inpSta_2_1"
+																													value="1"
+																													data-value="1"
+																													disabled />
+																						<label class="form-label" for="alr_inpSta_1">完成</label>
+																				</div>
+																		</div>
+																</div>
+														</div>
+												</div>
+												<div class="col-md-6">
+														<div class="form-group">
+																<label class="form-label" for="alr_inpWorPerId_2">工作人員編號</label>
+																<select class="form-control"
+																								id="alr_inpWorPerId_2"
+																								name="alr_inpWorPerId_2"
+																								disabled>
+																		<option value="">未選擇</option>
+																</select>
+														</div>
+												</div>
+												<div class="col-md-12">
+														<div class="form-group">
+																<label class="form-label" for="alr_inpNotice_2">注意事項</label>
+																<textarea class="form-control"
+																										type="text"
+																										id="alr_inpNotice_2"
+																										name="alr_inpNotice_2"
+																										rows="7"
+																										disabled></textarea>
+														</div>
+												</div>
+												<div class="col-md-12">
+														<div class="form-group">
+																<label class="form-label" for="alr_inpDescription_2">結果描述</label>
+																<textarea class="form-control"
+																										type="text"
+																										id="alr_inpDescription_2"
+																										name="alr_inpDescription_2"
+																										rows="7"
+																										disabled></textarea>
+														</div>
+												</div>
+												<div class="col-md-12">
+														<label class="form-label">上傳檔案</label>
+														<div id="alr_ope_forImage_2"
+																			class="col-sm-12 forimage mt-2 p-0"></div>
+														<div id="alr_ope_forFile_2"
+																			class="col-sm-12 forfile mt-2 p-0"></div>
 
-							<div class="form-group dropzone" id="ope_dropZone_2">
-								<div class="dz-message">
-									<div class="drag-icon-cph">
-										<i class="material-icons">backup</i>
-									</div>
-									<h3>選擇一個文件或拖放到這裡</h3>
-									<p class="mb-0 col-grey">PDF檔案不超過 10MB</p>
+														<div class="form-group dropzone" id="ope_dropZone_2">
+																<div class="dz-message">
+																		<div class="drag-icon-cph">
+																				<i class="material-icons">backup</i>
+																		</div>
+																		<h3>選擇一個文件或拖放到這裡</h3>
+																		<p class="mb-0 col-grey">PDF檔案不超過 10MB</p>
+																</div>
+																<div class="fallback">
+																		<input name="file" type="file" multiple disabled />
+																</div>
+														</div>
+												</div>
+										</div>
 								</div>
-								<div class="fallback">
-									<input name="file" type="file" multiple disabled />
+								<div class="modal-footer">
+										<button type="button"
+																		class="btn btn-secondary"
+																		id="alr_OpeRecCanBtn_2"
+																		data-dismiss="modal">
+												關閉
+										</button>
 								</div>
-							</div>
-						</div>
-					</div>
+						</form>
 				</div>
-				<div class="modal-footer">
-					<button type="button"
-							class="btn btn-secondary"
-							id="alr_OpeRecCanBtn_2"
-							data-dismiss="modal">
-						關閉
-					</button>
-				</div>
-			</form>
 		</div>
-	</div>
 </div>
 
 <script>
-	pageAct.selSysMain = null;
-	pageAct.selSysSub = null;
-	pageAct.alr_startdate = null;
-	pageAct.alr_enddate = null;
-	pageAct.imageFile = [];
-	pageAct.alrSelSysMain = [];
-	pageAct.alrSelSysSub = [];
-	pageAct.selAllSysSub = false;
-	pageAct.addSelMain = null;
-	pageAct.addSelSub = null;
-	first = true;
-	// let dataAlarm = [];
-	var historyTable = null;
-	var elemIndex = 0;
-	var index = 0;
+		pageAct.selSysMain = null;
+		pageAct.selSysSub = null;
+		pageAct.alr_startdate = null;
+		pageAct.alr_enddate = null;
+		pageAct.imageFile = [];
+		pageAct.alrSelSysMain = [];
+		pageAct.alrSelSysSub = [];
+		pageAct.selAllSysSub = false;
+		pageAct.addSelMain = null;
+		pageAct.addSelSub = null;
+		first = true;
+		// let dataAlarm = [];
+		var historyTable = null;
+		var elemIndex = 0;
+		var index = 0;
 
-	$(function () {
-		initDropzone();
-		setReturn(false);
-		setConfirm(false);
-		event();
-		sysList();
-		$("#nearthirty").click();
+		$(function () {
+				initDropzone();
+				setReturn(false);
+				setConfirm(false);
+				event();
+				sysList();
+				$("#nearthirty").click();
 
-		$("input[type=checkbox][data-type=main]")
-			.parent()
-			.on("change", function () {
-				pageAct.main_system_tag = $("input[type=checkbox]")
-					.map(function (i, v) {
-						if ($(v).data("type") == "main") {
-							if ($(v).is(":checked")) {
-								$(`[data-main=` + $(v).prop("id") + `]`).attr("hidden", false);
-								return $(v).prop("id");
-							} else
-								$(`[data-main=` + $(v).prop("id") + `]`).attr("hidden", true);
+				$("input[type=checkbox][data-type=main]")
+						.parent()
+						.on("change", function () {
+								pageAct.main_system_tag = $("input[type=checkbox]")
+										.map(function (i, v) {
+												if ($(v).data("type") == "main") {
+														if ($(v).is(":checked")) {
+																$(`[data-main=` + $(v).prop("id") + `]`).attr("hidden", false);
+																return $(v).prop("id");
+														} else
+																$(`[data-main=` + $(v).prop("id") + `]`).attr("hidden", true);
+												}
+										})
+										.toArray();
+
+								pageAct.SysType = null;
+						});
+
+				$("input[type=checkbox][data-type=sub]").on("click", function (e) {
+						if (!pageAct.selAllSysSub) {
+								// console.log(this);
+								pageAct.selAllSysSub = true;
+
+								//$.each($('input[type=checkbox][data-type=sub]:checked'), function (i, v) {
+								//	$(v).click();
+								//});
+
+								if (pageAct.SysType == "all") {
+										if ($(this).is(":checked")) {
+												$(this).prop("checked", true);
+												$(this).click();
+										}
+								}
+								pageAct.selAllSysSub = false;
+
+								$("#selAllSys").html("全選類別");
+
+								pageAct.SysType = null;
+								getData();
 						}
-					})
-					.toArray();
+				});
 
-				pageAct.SysType = null;
-			});
+				//$('#alr_mainList').on('click', 'a[data-type=alr_main]', function () {
+				//	$(this).parent().parent().find('a').removeClass('btn-info');
+				//	$(this).parent().parent().find('a').addClass('btn-secondary');
+				//	$(this).addClass('btn-info');
 
-		$("input[type=checkbox][data-type=sub]").on("click", function (e) {
-			if (!pageAct.selAllSysSub) {
-				// console.log(this);
-				pageAct.selAllSysSub = true;
+				//	$('a[data-type=alr_sub]').parent().parent().find('a').removeClass('btn-info');
+				//	$('a[data-type=alr_sub]').parent().parent().find('a').addClass('btn-secondary');
 
-				//$.each($('input[type=checkbox][data-type=sub]:checked'), function (i, v) {
-				//	$(v).click();
+				//	pageAct.SysType = null;
 				//});
 
-				if (pageAct.SysType == "all") {
-					if ($(this).is(":checked")) {
-						$(this).prop("checked", true);
-						$(this).click();
-					}
-				}
-				pageAct.selAllSysSub = false;
+				//$('#alr_subList, #alr_mainList').on('click', 'a[data-type=alr_sub][id!=selAllSys]', function () {
+				//	pageAct.selSysMain = $(this).parent().data('main');
+				//	pageAct.selSysSub = $(this).prop('id');
 
-				$("#selAllSys").html("全選類別");
-
-				pageAct.SysType = null;
-				getData();
-			}
-		});
-
-		//$('#alr_mainList').on('click', 'a[data-type=alr_main]', function () {
-		//	$(this).parent().parent().find('a').removeClass('btn-info');
-		//	$(this).parent().parent().find('a').addClass('btn-secondary');
-		//	$(this).addClass('btn-info');
-
-		//	$('a[data-type=alr_sub]').parent().parent().find('a').removeClass('btn-info');
-		//	$('a[data-type=alr_sub]').parent().parent().find('a').addClass('btn-secondary');
-
-		//	pageAct.SysType = null;
-		//});
-
-		//$('#alr_subList, #alr_mainList').on('click', 'a[data-type=alr_sub][id!=selAllSys]', function () {
-		//	pageAct.selSysMain = $(this).parent().data('main');
-		//	pageAct.selSysSub = $(this).prop('id');
-
-		//	if ($('#selAllSys').hasClass('btn-info')) {
-		//		$('#selAllSys').removeClass('btn-info');
-		//		$('#selAllSys').addClass('btn-secondary');
-		//		$('#alr_mainList a[data-type=alr_main]').removeClass('btn-info');
-		//		$('#alr_mainList a[data-type=alr_main]').addClass('btn-secondary');
-		//		$(`#alr_mainList a[data-type=alr_main][id=` + pageAct.selSysMain + `]`).addClass('btn-info');
-		//		$('#alr_subList a[data-type=alr_sub]').parent().attr('hidden', true);
-		//		$('#alr_subList a[data-type=alr_sub]').parent('[data-main=' + pageAct.selSysMain + ']').attr('hidden', false);
-		//	}
-
-		//	$(this).parent().parent().find('a').removeClass('btn-info');
-		//	$(this).parent().parent().find('a').addClass('btn-secondary');
-		//	$(this).addClass('btn-info');
-
-		//	pageAct.SysType = null;
-		//	getData();
-		//});
-		getData();
-		first = false;
-	});
-
-	function event() {
-		onEvent("click", "#nearthirty", function () {
-			let today = displayDate(new Date(Date.now()), "date").replaceAll(
-				"/",
-				"-"
-			);
-			let thirtyDays = displayDate(
-				new Date(new Date().setDate(new Date(Date.now()).getDate() - 30)),
-				"date"
-			).replaceAll("/", "-");
-			$("#alr_startdate").val(thirtyDays);
-			$("#alr_startdate").data("val", thirtyDays);
-			$("#alr_enddate").val(today);
-			$("#alr_enddate").data("val", today);
-			if (!$(this).hasClass("btn-info")) elemSelCol($(this));
-
-			pageAct.alr_startdate = $("#alr_startdate").val();
-			pageAct.alr_enddate = $("#alr_enddate").val();
-			pageAct.SysType = "all";
-
-			if (!first) getData();
-			else selAllSysVal($("#selAllSys"));
-			// getData();
-		});
-
-		onEvent("change", "#alr_startdate, #alr_enddate", function () {
-			if ($("#alr_startdate").val() > $("#alr_enddate").val()) {
-				$("#alr_startdate").val($("#alr_startdate").data("val"));
-				$("#alr_enddate").val($("#alr_enddate").data("val"));
-				toast_error("不可選擇大於結束時間");
-			} else {
-				let today = displayDate(new Date(Date.now()), "date").replaceAll(
-					"/",
-					"-"
-				);
-				let alr_enddate = displayDate(
-					new Date(
-						new Date().setDate(new Date($("#alr_enddate").val()).getDate() - 30)
-					),
-					"date"
-				).replaceAll("/", "-");
-				let alr_startdate = $("#alr_startdate").val();
-				if (alr_enddate == alr_startdate && $("#alr_enddate").val() == today) {
-					$("#nearthirty").click();
-				} else {
-					$("#nearthirty").removeClass("btn-info");
-					$("#nearthirty").addClass("btn-secondary");
-				}
-
-				$("#alr_startdate").data("val", $("#alr_startdate").val());
-				$("#alr_enddate").data("val", $("#alr_enddate").val());
-			}
-
-			pageAct.alr_startdate = $("#alr_startdate").val();
-			pageAct.alr_enddate = $("#alr_enddate").val();
-			getData();
-		});
-
-		onEvent("click", "a[data-type=alr_main]", function () {
-			$(`a[data-type=alr_sub]`)
-				.parent(`[data-main!=` + $(this).prop("id") + `]`)
-				.attr("hidden", true);
-			$(`a[data-type=alr_sub]`)
-				.parent(`[data-main=` + $(this).prop("id") + `]`)
-				.attr("hidden", false);
-		});
-
-		onEvent("click", "#alertTable a[id=alr_recModal]", function () {
-			$("#alr_forImage").html("");
-			$("#alr_forFile").html("");
-			$("#inpNotice").val("");
-			$("#inpDescription").val("");
-			let alr_table = $("#alertTable").DataTable();
-			let alr_elem = $(this).parent().parent();
-			let alr_tableData = alr_table.row(alr_elem).data();
-			$("#inpErrCode").html(
-				`<option value = ${alr_tableData.uuid}>${alr_tableData.msgText}</option>`
-			);
-			$("#inpStaTime").val(
-				displayDate(new Date(Date.now()), "date").replaceAll("/", "-")
-			);
-			let deviceNumber = null;
-			let system = $(this).data("system");
-			pageAct.addSelMain = system.split("-")[0];
-			pageAct.addSelSub = system.split("-")[1];
-
-			deviceNumber =
-				pageAct.AreaTag +
-				"_" +
-				alr_tableData.buildingFloorName_zh.toString().split("-")[0] +
-				"_" +
-				alr_tableData.alarmClass.toString().split("_")[0] +
-				"_" +
-				alr_tableData.alarmClass.toString().split("_")[1] +
-				"_" +
-				alr_tableData.buildingFloorName_zh.toString().split("-")[1] +
-				"_" +
-				alr_tableData.sourceName_zh.toString().split("-")[0] +
-				"_" +
-				alr_tableData.sourceName_zh.toString().split("-")[1];
-
-			selUser();
-			selDevice();
-			selOpeFir();
-			getUser();
-
-			$(
-				"#inpFixDoCode option[data-sub=" +
-				alr_tableData.alarmClass.toString().split("_")[1] +
-				"][data-main=" +
-				alr_tableData.alarmClass.toString().split("_")[0] +
-				"]"
-			).attr("hidden", false);
-			$(
-				"#inpFixDoCode option[data-sub!=" +
-				alr_tableData.alarmClass.toString().split("_")[1] +
-				"][data-main!=" +
-				alr_tableData.alarmClass.toString().split("_")[0] +
-				"]"
-			).attr("hidden", true);
-
-			let alr_fixDoCode = $(
-				$(
-					"#inpFixDoCode option[data-sub=" +
-					alr_tableData.alarmClass.toString().split("_")[1] +
-					"][data-main=" +
-					alr_tableData.alarmClass.toString().split("_")[0] +
-					"]"
-				)[0]
-			).val();
-			$("#inpFixDoCode").val(alr_fixDoCode);
-		});
-
-		onEvent("click", "#alr_OpeRecSendBtn", function () {
-			let form = $("#alr_opeRecForm");
-			$(form).validate({
-				rules: {
-					inpWorTyp: { required: true },
-					inpFixDo: { required: true },
-					inpFixDoCode: { required: true },
-					inpFixFirm: { required: true },
-					inpStatus: { required: true },
-					inpWorPerId: { required: true },
-				},
-			});
-
-			if ($(form).valid()) {
-				let url = baseApiUrl + "/operation/SavOpeRecord";
-
-				let fd = new FormData();
-				$.each(pageAct.imageFile, function (i, v) {
-					fd.append("lorf[" + i + "].id", v.id);
-					fd.append("lorf[" + i + "].file", v.file);
-					fd.append("lorf[" + i + "].save_file_name", v.save_file_name);
-					fd.append("lorf[" + i + "].ori_file_name", v.ori_file_name);
-				});
-
-				fd.append("error_code", $("#inpErrCode").val());
-				fd.append("location", "台北" + $("#buiActDrop").text() + pageAct.floor);
-				fd.append(
-					"location_code",
-					pageAct.AreaTag + pageAct.buiTag + pageAct.floor
-				);
-				fd.append("device_system_category_layer2", pageAct.addSelMain);
-				fd.append("device_system_category_layer3", pageAct.addSelSub);
-				fd.append("work_type", parseInt($("#inpWorTyp").val()));
-				fd.append("fix_do", $("#inpFixDo").val());
-				fd.append("fix_do_code", $("#inpFixDoCode").val());
-				fd.append("fix_firm", parseInt($("#inpFixFirm").val()));
-				fd.append("status", parseInt($("#inpStatus").val()));
-				fd.append("work_person_id", $("#inpWorPerId").val());
-				fd.append(
-					"start_time",
-					($("#inpStaTime").val() || null) == null
-						? null
-						: new Date($("#inpStaTime").val()).toISOString()
-				);
-				fd.append("notice", $("#inpNotice").val() || null);
-				fd.append("description", $("#inpDescription").val() || null);
-
-				objSendData.Data = sendData;
-				$.ajax({
-					url: url,
-					type: "POST",
-					data: fd,
-					async: false,
-					cache: false,
-					contentType: false,
-					processData: false,
-					beforeSend: function (xhr) {
-						xhr.setRequestHeader(
-							"Authorization",
-							"Bearer " + cookies.get("JWT-Authorization")
-						);
-					},
-					success: function (res) {
-						if (!res || res.code != "0000" || !res.data) {
-						} else {
-							//toast_ok(common.AddSuc);
-							//$("#opeFirmModal").modal("hide");
-							$("#alr_OpeRecCanBtn").click();
-							getData();
-						}
-					},
-				});
-
-				//ytAjax = new YourTeam.Ajax(url, objSendData, function (res) {
-				//	if (!res || res.code != "0000" || !res.data) {
-
-				//	} else {
-				//		//toast_ok(common.AddSuc);
-				//		//$("#opeFirmModal").modal("hide");
-				//		$("#OpeRecCanBtn").click();
-				//		refTable();
+				//	if ($('#selAllSys').hasClass('btn-info')) {
+				//		$('#selAllSys').removeClass('btn-info');
+				//		$('#selAllSys').addClass('btn-secondary');
+				//		$('#alr_mainList a[data-type=alr_main]').removeClass('btn-info');
+				//		$('#alr_mainList a[data-type=alr_main]').addClass('btn-secondary');
+				//		$(`#alr_mainList a[data-type=alr_main][id=` + pageAct.selSysMain + `]`).addClass('btn-info');
+				//		$('#alr_subList a[data-type=alr_sub]').parent().attr('hidden', true);
+				//		$('#alr_subList a[data-type=alr_sub]').parent('[data-main=' + pageAct.selSysMain + ']').attr('hidden', false);
 				//	}
-				//}, null, "POST").send();
-			}
+
+				//	$(this).parent().parent().find('a').removeClass('btn-info');
+				//	$(this).parent().parent().find('a').addClass('btn-secondary');
+				//	$(this).addClass('btn-info');
+
+				//	pageAct.SysType = null;
+				//	getData();
+				//});
+				getData();
+				first = false;
 		});
-	}
 
-	function setReturn(bool) {
-		pageAct.return = bool;
-		$("#returnFalse").removeClass("btn-info");
-		$("#returnTrue").removeClass("btn-info");
-		if (!bool) {
-			$("#returnFalse").removeClass("btn-secondary");
-			$("#returnFalse").addClass("btn-info");
-			$("#returnTrue").addClass("btn-secondary");
-		} else {
-			$("#returnTrue").removeClass("btn-secondary");
-			$("#returnTrue").addClass("btn-info");
-			$("#returnFalse").addClass("btn-secondary");
+		function event() {
+				onEvent("click", "#nearthirty", function () {
+						let today = displayDate(new Date(Date.now()), "date").replaceAll(
+								"/",
+								"-"
+						);
+						let thirtyDays = displayDate(
+								new Date(new Date().setDate(new Date(Date.now()).getDate() - 30)),
+								"date"
+						).replaceAll("/", "-");
+						$("#alr_startdate").val(thirtyDays);
+						$("#alr_startdate").data("val", thirtyDays);
+						$("#alr_enddate").val(today);
+						$("#alr_enddate").data("val", today);
+						if (!$(this).hasClass("btn-info")) elemSelCol($(this));
+
+						pageAct.alr_startdate = $("#alr_startdate").val();
+						pageAct.alr_enddate = $("#alr_enddate").val();
+						pageAct.SysType = "all";
+
+						if (!first) getData();
+						else selAllSysVal($("#selAllSys"));
+						// getData();
+				});
+
+				onEvent("change", "#alr_startdate, #alr_enddate", function () {
+						if ($("#alr_startdate").val() > $("#alr_enddate").val()) {
+								$("#alr_startdate").val($("#alr_startdate").data("val"));
+								$("#alr_enddate").val($("#alr_enddate").data("val"));
+								toast_error("不可選擇大於結束時間");
+						} else {
+								let today = displayDate(new Date(Date.now()), "date").replaceAll(
+										"/",
+										"-"
+								);
+								let alr_enddate = displayDate(
+										new Date(
+												new Date().setDate(new Date($("#alr_enddate").val()).getDate() - 30)
+										),
+										"date"
+								).replaceAll("/", "-");
+								let alr_startdate = $("#alr_startdate").val();
+								if (alr_enddate == alr_startdate && $("#alr_enddate").val() == today) {
+										$("#nearthirty").click();
+								} else {
+										$("#nearthirty").removeClass("btn-info");
+										$("#nearthirty").addClass("btn-secondary");
+								}
+
+								$("#alr_startdate").data("val", $("#alr_startdate").val());
+								$("#alr_enddate").data("val", $("#alr_enddate").val());
+						}
+
+						pageAct.alr_startdate = $("#alr_startdate").val();
+						pageAct.alr_enddate = $("#alr_enddate").val();
+						getData();
+				});
+
+				onEvent("click", "a[data-type=alr_main]", function () {
+						$(`a[data-type=alr_sub]`)
+								.parent(`[data-main!=` + $(this).prop("id") + `]`)
+								.attr("hidden", true);
+						$(`a[data-type=alr_sub]`)
+								.parent(`[data-main=` + $(this).prop("id") + `]`)
+								.attr("hidden", false);
+				});
+
+				onEvent("click", "#alertTable a[id=alr_recModal]", function () {
+						$("#alr_forImage").html("");
+						$("#alr_forFile").html("");
+						$("#inpNotice").val("");
+						$("#inpDescription").val("");
+						let alr_table = $("#alertTable").DataTable();
+						let alr_elem = $(this).parent().parent();
+						let alr_tableData = alr_table.row(alr_elem).data();
+						$("#inpFixDo").val(alr_tableData.msgText);
+						$("#inpErrCode").html(
+        `<option value = ${alr_tableData.uuid.$val}>${alr_tableData.uuid.$val.split("-")[0]
+								}</option>`
+						);
+						$("#inpStaTime").val(
+								displayDate(new Date(Date.now()), "date").replaceAll("/", "-")
+						);
+
+						let deviceNumber = null;
+						let system = $(this).data("realsystem");
+						pageAct.addSelMain = system.split("-")[0];
+						pageAct.addSelSub = system.split("-")[1];
+						pageAct.floor = alr_tableData.buildingFloorName_zh.split("-")[1];
+
+						deviceNumber =
+								pageAct.AreaTag +
+								"_" +
+								alr_tableData.buildingFloorName_zh.toString().split("-")[0] +
+								"_" +
+								alr_tableData.alarmClass.toString().split("_")[0] +
+								"_" +
+								alr_tableData.alarmClass.toString().split("_")[1] +
+								"_" +
+								alr_tableData.buildingFloorName_zh.toString().split("-")[1] +
+								"_" +
+								alr_tableData.sourceName_zh.toString().split("-")[0] +
+								"_" +
+								alr_tableData.sourceName_zh.toString().split("-")[1];
+
+						GetFormId();
+						selUser();
+						selDevice(alr_tableData);
+						selOpeFir();
+						getUser();
+
+						$(
+								"#inpFixDoCode option[data-sub=" +
+								alr_tableData.alarmClass.toString().split("_")[1] +
+								"][data-main=" +
+								alr_tableData.alarmClass.toString().split("_")[0] +
+								"]"
+						).attr("hidden", false);
+						$(
+								"#inpFixDoCode option[data-sub!=" +
+								alr_tableData.alarmClass.toString().split("_")[1] +
+								"][data-main!=" +
+								alr_tableData.alarmClass.toString().split("_")[0] +
+								"]"
+						).attr("hidden", true);
+
+						let alr_fixDoCode = $(
+								$(
+										"#inpFixDoCode option[data-sub=" +
+										alr_tableData.alarmClass.toString().split("_")[1] +
+										"][data-main=" +
+										alr_tableData.alarmClass.toString().split("_")[0] +
+										"]"
+								)[0]
+						).val();
+						$("#inpFixDoCode").val(alr_fixDoCode);
+				});
+
+				onEvent("click", "#alr_OpeRecSendBtn", function () {
+						let form = $("#alr_opeRecForm");
+						$(form).validate({
+								rules: {
+										inpWorTyp: { required: true },
+										inpFixFirm: { required: true },
+										inpStatus: { required: true },
+										inpWorPerId: { required: true },
+								},
+						});
+
+						if ($(form).valid()) {
+								let url = baseApiUrl + "/operation/SavOpeRecord";
+
+								let fd = new FormData();
+								$.each(pageAct.imageFile, function (i, v) {
+										fd.append("lorf[" + i + "].id", v.id);
+										fd.append("lorf[" + i + "].file", v.file);
+										fd.append("lorf[" + i + "].save_file_name", v.save_file_name);
+										fd.append("lorf[" + i + "].ori_file_name", v.ori_file_name);
+								});
+
+								fd.append("error_code", $("#inpErrCode").val());
+								fd.append("location", "台北" + pageAct.floor);
+								fd.append(
+										"location_code",
+										pageAct.AreaTag + pageAct.buiTag + pageAct.floor
+								);
+
+								fd.append("device_system_category_layer2", pageAct.addSelMain);
+								fd.append("device_system_category_layer3", pageAct.addSelSub);
+								fd.append("work_type", parseInt($("#inpWorTyp").val()) || null);
+								fd.append("fix_do", $("#inpFixDo").val() || null);
+								fd.append("fix_do_code", $("#inpFixDoCode").val() || null);
+								fd.append("fix_firm", parseInt($("#inpFixFirm").val()) || null);
+								fd.append("status", parseInt($("#inpStatus").val()) || null);
+								fd.append("work_person_id", $("#inpWorPerId").val() || null);
+								fd.append(
+										"start_time",
+										($("#inpStaTime").val() || null) == null
+												? null
+												: new Date($("#inpStaTime").val()).toISOString()
+								);
+								fd.append("notice", $("#inpNotice").val() || null);
+								fd.append("description", $("#inpDescription").val() || null);
+
+								objSendData.Data = sendData;
+								$.ajax({
+										url: url,
+										type: "POST",
+										data: fd,
+										async: false,
+										cache: false,
+										contentType: false,
+										processData: false,
+										beforeSend: function (xhr) {
+												xhr.setRequestHeader(
+														"Authorization",
+														"Bearer " + cookies.get("JWT-Authorization")
+												);
+										},
+										success: function (res) {
+												if (!res || res.code != "0000" || !res.data) {
+												} else {
+														//toast_ok(common.AddSuc);
+														//$("#opeFirmModal").modal("hide");
+														$("#alr_OpeRecCanBtn").click();
+														getData();
+												}
+										},
+								});
+
+								//ytAjax = new YourTeam.Ajax(url, objSendData, function (res) {
+								//	if (!res || res.code != "0000" || !res.data) {
+
+								//	} else {
+								//		//toast_ok(common.AddSuc);
+								//		//$("#opeFirmModal").modal("hide");
+								//		$("#OpeRecCanBtn").click();
+								//		refTable();
+								//	}
+								//}, null, "POST").send();
+						}
+				});
 		}
 
-		if (!first) getData();
-	}
+		function setReturn(bool) {
+				pageAct.return = bool;
+				$("#returnFalse").removeClass("btn-info");
+				$("#returnTrue").removeClass("btn-info");
+				if (!bool) {
+						$("#returnFalse").removeClass("btn-secondary");
+						$("#returnFalse").addClass("btn-info");
+						$("#returnTrue").addClass("btn-secondary");
+				} else {
+						$("#returnTrue").removeClass("btn-secondary");
+						$("#returnTrue").addClass("btn-info");
+						$("#returnFalse").addClass("btn-secondary");
+				}
 
-	function setConfirm(bool) {
-		pageAct.confirm = bool;
-		$("#unconfirmed").removeClass("btn-info");
-		$("#confirmed").removeClass("btn-info");
-		if (!bool) {
-			$("#unconfirmed").removeClass("btn-secondary");
-			$("#unconfirmed").addClass("btn-info");
-			$("#confirmed").addClass("btn-secondary");
-		} else {
-			$("#confirmed").removeClass("btn-secondary");
-			$("#confirmed").addClass("btn-info");
-			$("#unconfirmed").addClass("btn-secondary");
+				if (!first) getData();
 		}
-		if (!first) getData();
-	}
 
-	function elemSelCol(elem) {
-		if (elem.hasClass("btn-secondary")) {
-			$(elem).removeClass("btn-secondary");
-			$(elem).addClass("btn-info");
-		} else if (elem.hasClass("btn-info")) {
-			$(elem).removeClass("btn-info");
-			$(elem).addClass("btn-secondary");
+		function setConfirm(bool) {
+				pageAct.confirm = bool;
+				$("#unconfirmed").removeClass("btn-info");
+				$("#confirmed").removeClass("btn-info");
+				if (!bool) {
+						$("#unconfirmed").removeClass("btn-secondary");
+						$("#unconfirmed").addClass("btn-info");
+						$("#confirmed").addClass("btn-secondary");
+				} else {
+						$("#confirmed").removeClass("btn-secondary");
+						$("#confirmed").addClass("btn-info");
+						$("#unconfirmed").addClass("btn-secondary");
+				}
+				if (!first) getData();
 		}
-	}
 
-	function sysList() {
-		let url = baseApiUrl + "/api/GetMainSub";
-		let sendData = {
-			building_tag: pageAct.buiTag,
-		};
-		objSendData.Data = sendData;
-		function success(res) {
-			let mainStrHtml = ``;
-			let subStrHtml = ``;
-			let display = pageAct.mainStatus ? "hidden" : "";
-			let firstSub = "";
-			let firstMain = "";
+		function elemSelCol(elem) {
+				if (elem.hasClass("btn-secondary")) {
+						$(elem).removeClass("btn-secondary");
+						$(elem).addClass("btn-info");
+				} else if (elem.hasClass("btn-info")) {
+						$(elem).removeClass("btn-info");
+						$(elem).addClass("btn-secondary");
+				}
+		}
 
-			//if (pageAct.mainStatus) {
-			//	mainStrHtml += `<div class="col-auto">
-			//						<a href="#" id="selAllSys" onclick="selAllSysVal(this)" class="btn btn-secondary">全部類別</a>
-			//					</div>`;
-			//}
-			//else {
-			//	subStrHtml += `<div class="col-auto">
-			//						<a href="#" id="selAllSys" onclick="selAllSysVal(this)" class="btn btn-secondary">全部類別</a>
-			//					</div>`;
-			//}
+		function sysList() {
+				let url = baseApiUrl + "/api/GetMainSub";
+				let sendData = {
+						building_tag: pageAct.buiTag,
+				};
+				objSendData.Data = sendData;
+				function success(res) {
+						let mainStrHtml = ``;
+						let subStrHtml = ``;
+						let display = pageAct.mainStatus ? "hidden" : "";
+						let firstSub = "";
+						let firstMain = "";
 
-			//$.each(res.data.history_Main_Systems, function (i, v) {
-			//	if (pageAct.mainStatus) {
-			//		mainStrHtml += `<div class="col-auto">
-			//							<a href="#" class="btn btn-secondary" id=${v.main_system_tag} data-type="alr_main">${v.full_name}</a>
-			//						</div>`;
-			//	}
+						//if (pageAct.mainStatus) {
+						//	mainStrHtml += `<div class="col-auto">
+						//						<a href="#" id="selAllSys" onclick="selAllSysVal(this)" class="btn btn-secondary">全部類別</a>
+						//					</div>`;
+						//}
+						//else {
+						//	subStrHtml += `<div class="col-auto">
+						//						<a href="#" id="selAllSys" onclick="selAllSysVal(this)" class="btn btn-secondary">全部類別</a>
+						//					</div>`;
+						//}
 
-			//	$.each(v.history_Sub_systems, function (i2, v2) {
-			//		let selected = (i2 == 0 && i == 0) ? "info" : "secondary";
-			//		subStrHtml += `<div class="col-auto" data-main="${v.main_system_tag}" ${display}>
-			//							<a href="#" class="btn btn-${selected}" id="${v2.sub_system_tag}" data-type="alr_sub">${v2.full_name}</a>
-			//						</div>`;
+						//$.each(res.data.history_Main_Systems, function (i, v) {
+						//	if (pageAct.mainStatus) {
+						//		mainStrHtml += `<div class="col-auto">
+						//							<a href="#" class="btn btn-secondary" id=${v.main_system_tag} data-type="alr_main">${v.full_name}</a>
+						//						</div>`;
+						//	}
 
-			//		if (i2 == 0 && i == 0) {
-			//			pageAct.selSysSub = v2.sub_system_tag;
-			//			pageAct.selSysMain = v.main_system_tag;
-			//		}
-			//	});
-			//});
+						//	$.each(v.history_Sub_systems, function (i2, v2) {
+						//		let selected = (i2 == 0 && i == 0) ? "info" : "secondary";
+						//		subStrHtml += `<div class="col-auto" data-main="${v.main_system_tag}" ${display}>
+						//							<a href="#" class="btn btn-${selected}" id="${v2.sub_system_tag}" data-type="alr_sub">${v2.full_name}</a>
+						//						</div>`;
 
-			$.each(res.data.history_Main_Systems, function (i, v) {
-				if (pageAct.mainStatus) {
-					mainStrHtml += `<div class="custom-control custom-checkbox custom-control-inline">
+						//		if (i2 == 0 && i == 0) {
+						//			pageAct.selSysSub = v2.sub_system_tag;
+						//			pageAct.selSysMain = v.main_system_tag;
+						//		}
+						//	});
+						//});
+
+						$.each(res.data.history_Main_Systems, function (i, v) {
+								if (pageAct.mainStatus) {
+										mainStrHtml += `<div class="custom-control custom-checkbox custom-control-inline">
 									<input type="checkbox" class="custom-control-input" data-type="main" id="${v.main_system_tag}">
 									<label class="custom-control-label" for="${v.main_system_tag}">${v.full_name}</label>
 								</div>`;
 
-					pageAct.alrSelSysMain.push(v);
-				}
+										pageAct.alrSelSysMain.push(v);
+								}
 
-				$.each(v.history_Sub_systems, function (i2, v2) {
-					var firDis = i == 0 ? "" : display;
-					subStrHtml += `<div class="custom-control custom-checkbox custom-control-inline" data-main="${v.main_system_tag}" ${firDis}>
+								$.each(v.history_Sub_systems, function (i2, v2) {
+										var firDis = i == 0 ? "" : display;
+										subStrHtml += `<div class="custom-control custom-checkbox custom-control-inline" data-main="${v.main_system_tag}" ${firDis}>
 									<input type="checkbox" class="custom-control-input" data-type="sub" id="${v2.sub_system_tag}">
 									<label class="custom-control-label" for="${v2.sub_system_tag}">${v2.full_name}</label>
 								</div>`;
 
-					pageAct.alrSelSysSub.push(v2);
+										pageAct.alrSelSysSub.push(v2);
 
-					if (i2 == 0 && i == 0) {
-						firstMain = v.main_system_tag;
-						firstSub = v2.sub_system_tag;
-						console.log(v.main_system_tag, v2.sub_system_tag);
-					}
-				});
-			});
-			subStrHtml += `<div class="custom-control custom-checkbox custom-control-inline" data-main="Sys">
+										if (i2 == 0 && i == 0) {
+												firstMain = v.main_system_tag;
+												firstSub = v2.sub_system_tag;
+												console.log(v.main_system_tag, v2.sub_system_tag);
+										}
+								});
+						});
+						subStrHtml += `<div class="custom-control custom-checkbox custom-control-inline" data-main="Sys">
 									<input type="checkbox" class="custom-control-input" data-type="sub" id="Con">
 									<label class="custom-control-label" for="Con">系統通訊</label>
 								</div>`;
-			if (pageAct.mainStatus) {
-				$("#alr_mainList").html(mainStrHtml);
-				$("#alr_subList").html(subStrHtml);
-				$("input[data-type=main][id=" + firstMain + "]").click();
-			} else {
-				$("#alr_mainList").html(subStrHtml);
-			}
-			// $('input[data-type=sub][id=' + firstSub + ']').click();
-		}
-		ytAjax = new YourTeam.Ajax(url, objSendData, success, null, "POST").send();
-	}
-
-	function selAllSysVal(elem) {
-		pageAct.selAllSysSub = true;
-		if ($(elem).html() == "全選類別") {
-			$("#alr_mainList input").map(function (i, v) {
-				if (!$(v).is(":checked")) {
-					$(v).click();
-				}
-			});
-			$("#alr_subList input").map(function (i, v) {
-				if (!$(v).is(":checked")) {
-					$(v).click();
-				}
-			});
-			$(elem).html("取消全選");
-
-			pageAct.SysType = "all";
-		} else {
-			$("#alr_mainList input").map(function (i, v) {
-				if ($(v).is(":checked")) $(v).click();
-			});
-			$("#alr_subList input").map(function (i, v) {
-				if ($(v).is(":checked")) $(v).click();
-			});
-			$(elem).html("全選類別");
-			pageAct.SysType = null;
-		}
-
-		getData();
-		pageAct.selAllSysSub = false;
-	}
-
-	function getData(type = null) {
-		dataAlarm = [];
-		$(loadEle).Loading("start");
-		let enddate = new Date(pageAct.alr_enddate + " 23:59:59").getTime();
-		let startdate = new Date(pageAct.alr_startdate + " 00:00:00").getTime();
-
-		// if (pageAct.SysType == "all") {
-		//   getAllDeviceAlarmByBaja(
-		//     startdate,
-		//     enddate,
-		//     pageAct.return,
-		//     pageAct.confirm,
-		//     callBackFromAllDeviceAlert
-		//   );
-		// } else {
-		let elem = $("input[type=checkbox][data-type=sub]:checked");
-		elemIndex = 0;
-		index = 0;
-		if (elem && elem.length > 0) {
-			elemIndex = elem.length;
-			elem.each(function (i, v) {
-				if (v?.id === "other") {
-					getOtherAlarmByBaja(
-						startdate,
-						enddate,
-						pageAct.return,
-						pageAct.confirm,
-						stackData
-					);
-				} else {
-					pageAct.selSysMain = $(v).parent().data("main");
-					pageAct.selSysSub = $(v).prop("id");
-					getAlarmByBaja(
-						startdate,
-						enddate,
-						pageAct.return,
-						pageAct.confirm,
-						pageAct.selSysMain + "_" + pageAct.selSysSub + "_AlarmClass",
-						stackData
-					);
-				}
-			});
-		} else {
-			$("#alertTable").DataTable().clear().draw();
-		}
-		$(loadEle).Loading("close");
-		// }
-	}
-
-	function stackData(res) {
-		res.data.forEach((v) => {
-			dataAlarm.push(v);
-		});
-		index++;
-
-		if (elemIndex == index) callBackFromOneDeviceAlert(dataAlarm);
-	}
-
-	function callBackFromAllDeviceAlert(res) {
-		AlertList(res.data);
-
-		if (historyTable != null) {
-			let t = $("#alertTable").dataTable();
-
-			t.fnClearTable();
-			if (res.data.length > 0) t.fnAddData(res.data);
-		}
-	}
-
-	function callBackFromOneDeviceAlert(res) {
-		AlertList(res);
-
-		if (historyTable != null) {
-			let t = $("#alertTable").dataTable();
-
-			t.fnClearTable();
-			if (res.length > 0) t.fnAddData(res);
-		}
-	}
-
-	function refTable(data) {
-		let tag = "#alertTable";
-
-		let column_defs = [
-			{ targets: [0], width: "5%", sortable: true },
-			{ targets: [1], width: "5%", sortable: true },
-			{ targets: [2], width: "5%", sortable: true },
-			{ targets: [3], width: "5%", sortable: true },
-			{ targets: [4], width: "5%", sortable: true },
-			{ targets: [5], width: "5%", sortable: true },
-			{ targets: [6], width: "5%", sortable: true },
-			{ targets: [7], width: "5%", sortable: true },
-			{ targets: [8], width: "5%", sortable: true },
-		];
-
-		let columns = [
-			{
-				title: "棟別-樓層",
-						data: "buildingFloorName_zh",
-      render: (data) => {
-        return data.replace("$3", "");
-      },
-			},
-			{
-				title: "異常ID",
-				data: "uuid",
-				render: (data) => {
-					return data.$val ? data.$val.split("-")[0] : data.split("-")[0];
-				},
-			},
-			{
-				title: "異常類別",
-				data: "alarmClass",
-				render: function (data) {
-					return data.includes("_")
-						? data.split("_")[0] + "-" + data.split("_")[1]
-						: data;
-				},
-			},
-			{
-				title: "設備名稱",
-				data: "sourceName_zh",
-				render: function (data, type, row) {
-					const building_name = pageAct.buildList.find(
-						({ building_tag }) => building_tag === data.split("_")[1]
-					)?.full_name;
-                   
-					return allDevices.find((d) => d.device_number === data)?.full_name ||
-						(row.alarmClass === "Sys_Con_AlarmClass"
-						? `${building_name}_電錶邊緣控制器_${data.split("_")[7]}`
-						: "");
-				},
-			},
-			{
-				title: "設備編號",
-				data: "sourceTmp",
-			},
-			{
-				title: "發生時間",
-				data: "timestamp",
-				render: function (data) {
-					return (
-						new Date(data).toLocaleString("zh-tw", {
-							year: "numeric",
-							month: "2-digit",
-							day: "2-digit",
-							hour: "2-digit",
-							minute: "2-digit",
-						}),
-						displayDate(data, "datetime")
-					);
-				},
-			},
-			{
-				title: "異常原因",
-				data: "msgText",
-			},
-			{
-				title: "Ack 確認",
-				data: "ackState",
-				render: function (data, type, row, meta) {
-					let confirm = data == "1" ? "待確認" : "確認";
-					let btnCol = data == "1" ? "warning" : "info";
-					return data == "1"
-						? `<td><button onclick="chgAck('${row.uuid}')" class="btn btn-${btnCol}">${confirm}</button></td>`
-						: `<td><span>${new Date(row.ackedTime).toLocaleString(
-							"zh-tw"
-						)}</span></td>` /*`<td><button class="btn btn-${btnCol}">${confirm}</button></td>`*/;
-				},
-			},
-			{
-				title: "派工/維運單號",
-				data: "formId",
-				render: function (data, type, row, meta) {
-					return data != null
-						? `<td><a href="#" id="readOpeRecBtn" data-toggle="modal" data-target="#alr_opeRecModal_2" data-formid="${data}">${data}</a></td>`
-						: `<td><a href="#" id="alr_recModal" class="btn btn-info" data-toggle="modal" data-target="#alr_opeRecModal" data-system='${row.alarmClass.includes("_")
-							? row.alarmClass.split("_")[0] +
-							"-" +
-							row.alarmClass.split("_")[1]
-							: row.alarmClass
-						}'>+ 維修單</a></td>`;
-				},
-			},
-		];
-
-		historyTable = new YourTeam.JqDataTables.getTableByStatic(
-			tag,
-			data,
-			columns,
-			column_defs,
-			null,
-			null,
-			null,
-			null,
-			"tpi"
-		);
-		$("#alertTable").DataTable().order([5, "desc"]);
-		$(loadEle).Loading("close");
-	}
-
-	function AlertList(data) {
-		objSendData.Data = [];
-		$.each(data, function (i, v) {
-			objSendData.Data.push({ uuid: v.uuid.$val || v.uuid });
-		});
-
-		url = baseApiUrl + "/Alert/AlertList";
-		ytAjax = new YourTeam.Ajax(
-			url,
-			objSendData,
-			function (rel) {
-				if (rel.code == "0000") {
-					$.each(rel.data, function (i, v) {
-						let index = data.findIndex(
-							(x) => (x.uuid.$val || x.uuid) === v.uuid
-						);
-						data[index].formId = v.formId;
-					});
-					refTable(data);
-				}
-			},
-			null,
-			"POST"
-		).send();
-	}
-
-	function selDevice() {
-		let url = baseApiUrl + "/operation/DevList";
-		let lsst = [];
-		lsst.push(pageAct.addSelSub);
-		//$('input[data-type=sub]').map(function (i, v) { lsst.push($(v).prop('id')); });
-		sendData = {
-			device_area_tag: pageAct.AreaTag,
-			device_building_tag: pageAct.buiTag,
-			list_sub_system_tag: lsst,
-		};
-		objSendData.Data = sendData;
-		ytAjax = new YourTeam.Ajax(
-			url,
-			objSendData,
-			function (res) {
-				if (!res || res.code != "0000" || !res.data) {
-				} else {
-					strHtml = ``;
-					$("#inpFixDoCode").html();
-					$("#alr_inpFixDoCode_2").html();
-					$.each(res.data, (index, roleObj) => {
-						strHtml += `<option value='${roleObj.device_number}' data-floor=${roleObj.device_floor_tag} data-main=${roleObj.device_system_tag} data-sub=${roleObj.device_name_tag} hidden>${roleObj.device_name}</option>`;
-
-						if (index == 0) {
-							pageAct.sysMain = roleObj.device_system_tag;
-							pageAct.sysSub = roleObj.device_name_tag;
-							pageAct.floor = roleObj.device_floor_tag;
-							pageAct.number = roleObj.device_number;
+						if (pageAct.mainStatus) {
+								$("#alr_mainList").html(mainStrHtml);
+								$("#alr_subList").html(subStrHtml);
+								$("input[data-type=main][id=" + firstMain + "]").click();
+						} else {
+								$("#alr_mainList").html(subStrHtml);
 						}
-					});
-					$("#inpFixDoCode").html(strHtml);
-					$("#alr_inpFixDoCode_2").html(strHtml);
+						// $('input[data-type=sub][id=' + firstSub + ']').click();
 				}
-			},
-			null,
-			"POST"
-		).send();
-	}
+				ytAjax = new YourTeam.Ajax(url, objSendData, success, null, "POST").send();
+		}
 
-	function selUser() {
-		let url = baseApiUrl + "/User/UserManagerList";
-		ytAjax = new YourTeam.Ajax(
-			url,
-			objSendData,
-			function (res) {
-				if (!res || res.code != "0000" || !res.data) {
-				} else {
-					$("#inpWorPerId").html();
-					$("#alr_inpWorPerId_2").html();
-					strHtml = ``;
-					strHtml += `<option value=''>未選擇</option>`;
-					$.each(res.data, (index, roleObj) => {
-						strHtml += `<option value='${roleObj.userinfo_guid}'>${roleObj.full_name}</option>`;
-					});
-					$("#inpWorPerId").html(strHtml);
-					$("#alr_inpWorPerId_2").html(strHtml);
-				}
-			},
-			null,
-			"POST"
-		).send();
-	}
-
-	function selOpeFir() {
-		let url = baseApiUrl + "/operation/OpeFirSel";
-		let lsst = [];
-		lsst.push(pageAct.addSelSub);
-		objSendData.Data = { sub_system_tag: lsst };
-		//objSendData.Data = { sub_system_tag: $('input[data-type=sub]').map(function (i, v) { return $(v).prop('id'); }).toArray() };
-		// console.log(objSendData.Data)
-		ytAjax = new YourTeam.Ajax(
-			url,
-			objSendData,
-			function (res) {
-				if (!res || res.code != "0000" || !res.data) {
-				} else {
-					$("#inpFixFirm").html();
-					$("#alr_inpFixFirm_2").html();
-					strHtml = ``;
-					strHtml += `<option value=''>未選擇</option>`;
-					$.each(res.data, (index, roleObj) => {
-						strHtml += `<option value='${roleObj.id}'>${roleObj.name}</option>`;
-					});
-					$("#inpFixFirm").html(strHtml);
-					$("#alr_inpFixFirm_2").html(strHtml);
-				}
-			},
-			null,
-			"POST"
-		).send();
-	}
-
-	//上傳檔案 dropzone
-	function initDropzone() {
-		uploader = $("#alr_dropZone").dropzone({
-			url: baseApiUrl + "/api/Upload",
-			previewsContainer: false,
-			addRemoveLinks: false,
-			dictRemoveFile: `<span class="material-icons mi-delete">delete</span>`,
-			dictInvalidFileType: `上傳格式錯誤`,
-			dictCancelUploadConfirmation: `確定要取消上傳此檔案嗎？`,
-			dictCancelUpload: `<span class="material-icons mi-cancel">cancel</span>`,
-			maxFilesize: 3,
-			filesizeBase: 1024,
-			maxFiles: 50,
-			acceptedFiles:
-				".pdf, .docx, .doc, .xls, .xlsm, .xlsx, .ppt, .pptx, .gif, .png, .jpg, .jpeg",
-			headers: { Authorization: "Bearer " + cookies.get("JWT-Authorization") },
-			accept: function (file, done) {
-				let fileHelper = new YourTeam.Utility.File();
-				tmpGuidArr = [];
-
-				if (/\.(jpe?g|png|gif)$/i.test(file.name)) {
-					fileHelper.readAndPreviewImages(
-						file,
-						"alr_forImage",
-						70,
-						70,
-						'<span class="file-item m-1">',
-						'<button class="btn-dark m-1" name="btnDelImg"><i class="fa fa-times"></i></button></span>'
-					);
-
-					pageAct.imageFile.map(function (v, i) {
-						tmpGuidArr.push(v.file.guid);
-					});
-					if (jQuery.inArray(file.guid, tmpGuidArr) == -1) {
-						//not in array
-						let fd = new FormData();
-						let f = file;
-						fd.append("file", f);
-						pageAct.imageFile.push({
-							ori_file_name: f.name,
-							save_file_name: f.guid,
-							file: fd.get("file"),
-						});
-					}
-				} else if (
-					/\.(xls?x|doc?x|ptt?x|pdf|zip|rar|7zip|txt|odt|xml|rtf|ods|odp|pps?x)$/i.test(
-						file.name
-					)
-				) {
-					fileHelper.readAndPreviewFiles(
-						file,
-						"alr_forFile",
-						70,
-						70,
-						"<div class='file-item'><i class='fas fa-file-alt fa-2x m-1'></i>",
-						"<button class='btn-dark m-1' name='btnDelImg'><i class='fa fa-times'></i></button></div>"
-					);
-
-					pageAct.imageFile.map(function (v, i) {
-						tmpGuidArr.push(v.file.guid);
-					});
-					if (jQuery.inArray(file.guid, tmpGuidArr) == -1) {
-						//not in array
-						let fd = new FormData();
-						let f = file;
-						fd.append("file", f);
-						pageAct.imageFile.push({
-							ori_file_name: f.name,
-							save_file_name: f.guid,
-							file: fd.get("file"),
-						});
-					}
-				}
-			},
-		});
-	}
-
-	function getUser() {
-		ytAjax = new YourTeam.Ajax(
-			baseApiUrl + "/api/getUser",
-			null,
-			function (res) {
-				if (!res || res.code != "0000" || !res.data) {
-				} else {
-					$(pageAct.work_type == "1" ? "#inpWorPerId" : "#inpWorPerId_2").val(
-						res.data
-					);
-				}
-			},
-			null,
-			"POST"
-		).send();
-	}
-
-	function chgAck(devUuid) {
-		$.post(
-			window.location.origin + "/obix/alarm/" + devUuid + "/ack",
-			'<obj is="obix:AckAlarmIn"><str name="ackUser" val="obix" /></obj>',
-			null,
-			"text"
-		);
-		getData();
-	}
-
-	onEvent("click", "#readOpeRecBtn", function () {
-		$("#alr_ope_forImage").html("");
-		$("#alr_ope_forFile").html("");
-		$("#alr_ope_forImage_2").html("");
-		$("#alr_ope_forFile_2").html("");
-		$("#alr_inpStatus_2 [name=alr_inpSta_2]").prop("disabled", false);
-
-		pageAct.imageFile = [];
-		$("#alr_opeRecTitle").html("讀取維修");
-		let url = baseApiUrl + "/operation/OpeRecRead";
-		objSendData.Data = { formId: $(this).data("formid") };
-		ytAjax = new YourTeam.Ajax(
-			url,
-			objSendData,
-			function (res) {
-				if (!res || res.code != "0000" || !res.data) {
-				} else {
-					pageAct.sysSub = res.data.device_system_category_layer3;
-					pageAct.number = res.data.fix_do_code;
-					pageAct.addSelSub = res.data.device_system_category_layer3;
-					selUser();
-					selDevice();
-					selOpeFir();
-					errCodeList();
-					$("#alr_inpNumber_2").val(res.data.formId);
-					$("#alr_inpWorTyp_2").val(res.data.work_type);
-					$("#alr_inpFixDo_2").val(res.data.fix_do);
-					$("#alr_inpFixDoCode_2").val(res.data.fix_do_code);
-					$("#alr_inpFixFirm_2").val(res.data.fix_firm);
-					$(
-						"#alr_inpStatus_2 [name=alr_inpSta_2][data-value=" +
-						res.data.status +
-						"]"
-					).click();
-					$(
-						"#alr_inpStatus_2 [name=alr_inpSta_2][data-value=" +
-						(res.data.status > 0 ? 0 : 1) +
-						"]"
-					).prop("disabled", true);
-					$("#alr_inpWorPerId_2").val(res.data.work_person_id);
-					$("#alr_inpStaTime_2").val(
-						displayDate(res.data.start_time, "date").replaceAll("/", "-")
-					);
-					$("#alr_inpNotice_2").val(
-						res.data.notice == null ? "" : res.data.notice
-					);
-					$("#alr_inpDescription_2").val(
-						res.data.description == null ? "" : res.data.description
-					);
-
-					ope_imgHtml = null;
-					$.each(res.data.lorf, function (i, v) {
-						let extName = v.ori_file_name.split(".")[1];
-
-						if (/\.(jpe?g|png|gif)$/i.test(v.ori_file_name)) {
-							ope_colI = creEle("i", null, null, null, ["fa fa-times"]);
-							ope_colBtn = creBtn(null, null, "btnDelImg", ["btn-dark m-1"]);
-							ope_colImg = creImg(
-								"img",
-								null,
-								null,
-								null,
-								null,
-								{ filename: v.ori_file_name, savename: v.save_file_name },
-								{
-									style: "margin-left: 30px; margin-top: 10px",
-									height: "70px",
-									width: "70px",
-									src:
-										baseApiUrl +
-										"/upload/operation/" +
-										v.save_file_name +
-										"." +
-										extName,
+		function selAllSysVal(elem) {
+				pageAct.selAllSysSub = true;
+				if ($(elem).html() == "全選類別") {
+						$("#alr_mainList input").map(function (i, v) {
+								if (!$(v).is(":checked")) {
+										$(v).click();
 								}
-							);
-							ope_colA = creEle("a", null, null, null, null, null, {
-								href:
-									baseApiUrl +
-									"/upload/operation/" +
-									v.save_file_name +
-									"." +
-									extName,
-								download: v.ori_file_name,
-								target: "_blank",
-							});
-							ope_imgHtml = creEle(
-								"span",
-								null,
-								null,
-								null,
-								["file-item m-1"],
-								{ id: v.id },
-								null
-							);
+						});
+						$("#alr_subList input").map(function (i, v) {
+								if (!$(v).is(":checked")) {
+										$(v).click();
+								}
+						});
+						$(elem).html("取消全選");
 
-							ope_colA.append(ope_colImg);
-							ope_imgHtml.append(ope_colA);
-							ope_colBtn.append(ope_colI);
-							ope_imgHtml.append(ope_colBtn);
-							$("#alr_ope_forImage_2").append(
-								ope_imgHtml ? ope_imgHtml.outerHtml() : null
-							);
-						} else if (
-							/\.(xls?x|doc?x|ptt?x|pdf|zip|rar|7zip|txt|odt|xml|rtf|ods|odp|pps?x)$/i.test(
-								v.ori_file_name
-							)
-						) {
-							icons = null;
-							if (extName == "xlsx" || extName == "xls")
-								icons = "fas fa-file-excel";
-							else if (extName == "pdf" || extName == "ods")
-								icons = "fas fa-file-pdf";
-							else if (extName == "doc" || extName == "docx")
-								icons = "fas fa-file-word";
-							else icons = "fas fa-file-alt";
-
-							ope_colI = creEle("i", null, null, null, ["fa fa-times"]);
-							ope_colBtn = creBtn(null, null, "btnDelImg", ["btn-dark m-1"]);
-							ope_colBtn.append(ope_colI);
-
-							ope_colI = creEle("i", null, null, null, [icons + " fa-3x m-1"]);
-							ope_colA = creEle("a", v.ori_file_name, null, null, null, null, {
-								href:
-									baseApiUrl +
-									"/upload/operation/" +
-									v.save_file_name +
-									"." +
-									extName,
-								download: v.ori_file_name,
-								target: "_blank",
-							});
-							ope_imgHtml = creEle(
-								"div",
-								null,
-								null,
-								null,
-								["file-item"],
-								{ id: v.id },
-								null
-							);
-
-							ope_imgHtml.append(ope_colI);
-							ope_imgHtml.append(ope_colA);
-							ope_imgHtml.append(ope_colBtn);
-							$("#alr_ope_forFile_2").append(
-								ope_imgHtml ? ope_imgHtml.outerHtml() : null
-							);
-						}
-					});
+						pageAct.SysType = "all";
+				} else {
+						$("#alr_mainList input").map(function (i, v) {
+								if ($(v).is(":checked")) $(v).click();
+						});
+						$("#alr_subList input").map(function (i, v) {
+								if ($(v).is(":checked")) $(v).click();
+						});
+						$(elem).html("全選類別");
+						pageAct.SysType = null;
 				}
-			},
-			null,
-			"POST"
-		).send();
-	});
 
-	function errCodeList() {
-		$(loadEle).Loading("start");
-		let _pathArr = pageAct.number.split("_"); //TPE_B1_ELEV_EL_R2F_NA_ELEV1_N1
-		let _devicePath =
-			_pathArr[0] +
-			"_" +
-			_pathArr[1] +
-			"_" +
-			_pathArr[2] +
-			"_" +
-			_pathArr[3] +
-			"_" +
-			_pathArr[4] +
-			"_" +
-			_pathArr[5];
-		getOneDeviceAlarmTop10ByBaja(_devicePath, callbackForErr);
-		$(loadEle).Loading("close");
-	}
+				getData();
+				pageAct.selAllSysSub = false;
+		}
 
-	function callbackForErr(res) {
-		res = JSON.parse(res);
-		strHtml = ``;
+		function getData(type = null) {
+				dataAlarm = [];
+				$(loadEle).Loading("start");
+				let enddate = new Date(pageAct.alr_enddate + " 23:59:59").getTime();
+				let startdate = new Date(pageAct.alr_startdate + " 00:00:00").getTime();
 
-		$.each(res.data, function (i, v) {
-			msg =
-				v.msgText != null
-					? $.trim(v.msgText.toString()).length > 0
-						? v.msgText.split(":")[0]
-						: ""
-					: "";
-			strHtml += `<option value=${v.uuid}>${v.uuid}</option>`;
+				// if (pageAct.SysType == "all") {
+				//   getAllDeviceAlarmByBaja(
+				//     startdate,
+				//     enddate,
+				//     pageAct.return,
+				//     pageAct.confirm,
+				//     callBackFromAllDeviceAlert
+				//   );
+				// } else {
+				let elem = $("input[type=checkbox][data-type=sub]:checked");
+				elemIndex = 0;
+				index = 0;
+				if (elem && elem.length > 0) {
+						elemIndex = elem.length;
+						elem.each(function (i, v) {
+								if (v?.id === "other") {
+										getOtherAlarmByBaja(
+												startdate,
+												enddate,
+												pageAct.return,
+												pageAct.confirm,
+												stackData
+										);
+								} else {
+										pageAct.selSysMain = $(v).parent().data("main");
+										pageAct.selSysSub = $(v).prop("id");
+										getAlarmByBaja(
+												startdate,
+												enddate,
+												pageAct.return,
+												pageAct.confirm,
+												pageAct.selSysMain + "_" + pageAct.selSysSub + "_AlarmClass",
+												stackData
+										);
+								}
+						});
+				} else {
+						$("#alertTable").DataTable().clear().draw();
+				}
+				$(loadEle).Loading("close");
+				// }
+		}
+
+		function stackData(res) {
+				res.data.forEach((v) => {
+						dataAlarm.push(v);
+				});
+				index++;
+
+				if (elemIndex == index) callBackFromOneDeviceAlert(dataAlarm);
+		}
+
+		function callBackFromAllDeviceAlert(res) {
+				AlertList(res.data);
+
+				if (historyTable != null) {
+						let t = $("#alertTable").dataTable();
+
+						t.fnClearTable();
+						if (res.data.length > 0) t.fnAddData(res.data);
+				}
+		}
+
+		function callBackFromOneDeviceAlert(res) {
+				AlertList(res);
+
+				if (historyTable != null) {
+						let t = $("#alertTable").dataTable();
+
+						t.fnClearTable();
+						if (res.length > 0) t.fnAddData(res);
+				}
+		}
+
+		function refTable(data) {
+				let tag = "#alertTable";
+
+				let column_defs = [
+						{ targets: [0], width: "5%", sortable: true },
+						{ targets: [1], width: "5%", sortable: true },
+						{ targets: [2], width: "5%", sortable: true },
+						{ targets: [3], width: "5%", sortable: true },
+						{ targets: [4], width: "5%", sortable: true },
+						{ targets: [5], width: "5%", sortable: true },
+						{ targets: [6], width: "5%", sortable: true },
+						{ targets: [7], width: "5%", sortable: true },
+						{ targets: [8], width: "5%", sortable: true },
+				];
+
+				let columns = [
+						{
+								title: "棟別-樓層",
+								data: "buildingFloorName_zh",
+						},
+						{
+								title: "異常ID",
+								data: "uuid",
+								render: (data) => {
+										return data.$val ? data.$val.split("-")[0] : data.split("-")[0];
+								},
+						},
+						{
+								title: "異常類別",
+								data: "alarmClass",
+								render: function (data) {
+										return data.includes("_")
+												? data.split("_")[0] + "-" + data.split("_")[1]
+												: data;
+								},
+						},
+						{
+								title: "設備名稱",
+								data: "sourceName_zh",
+								render: function (data, type, row) {
+										const building_name = pageAct.buildList.find(
+												({ building_tag }) => building_tag === data.split("_")[1]
+										)?.full_name;
+
+										return (
+												allDevices.find((d) => d.device_number === data)?.full_name ||
+												(row.alarmClass === "Sys_Con_AlarmClass"
+														? `${building_name}_電錶邊緣控制器_${data.split("_")[7]}`
+														: "")
+										);
+								},
+						},
+						{
+								title: "設備編號",
+								data: "sourceTmp",
+						},
+						{
+								title: "發生時間",
+								data: "timestamp",
+								render: function (data) {
+										return (
+												new Date(data).toLocaleString("zh-tw", {
+														year: "numeric",
+														month: "2-digit",
+														day: "2-digit",
+														hour: "2-digit",
+														minute: "2-digit",
+												}),
+												displayDate(data, "datetime")
+										);
+								},
+						},
+						{
+								title: "異常原因",
+								data: "msgText",
+						},
+						{
+								title: "Ack 確認",
+								data: "ackState",
+								render: function (data, type, row, meta) {
+										let confirm = data == "1" ? "待確認" : "確認";
+										let btnCol = data == "1" ? "warning" : "info";
+										return data == "1"
+												? `<td><button onclick="chgAck('${row.uuid}')" class="btn btn-${btnCol}">${confirm}</button></td>`
+												: `<td><span>${new Date(row.ackedTime).toLocaleString(
+														"zh-tw"
+												)}</span></td>` /*`<td><button class="btn btn-${btnCol}">${confirm}</button></td>`*/;
+								},
+						},
+						{
+								title: "派工/維運單號",
+								data: "formId",
+								render: function (data, type, row, meta) {
+										return data != null
+												? `<td><a href="#" id="readOpeRecBtn" data-toggle="modal" data-target="#alr_opeRecModal_2" data-formid="${data}">${data}</a></td>`
+												: `<td><a href="#" id="alr_recModal" class="btn btn-info" data-toggle="modal" data-target="#alr_opeRecModal" data-system='${row.alarmClass.includes("_")
+														? row.alarmClass.split("_")[0] +
+														"-" +
+														row.alarmClass.split("_")[1]
+														: row.alarmClass
+												}' data-realsystem='${row.sourceName_zh.split("_")[2] +
+												"-" +
+												row.sourceName_zh.split("_")[3]
+												}'>+ 維修單</a></td>`;
+								},
+						},
+				];
+
+				historyTable = new YourTeam.JqDataTables.getTableByStatic(
+						tag,
+						data,
+						columns,
+						column_defs,
+						null,
+						null,
+						null,
+						null,
+						"tpi"
+				);
+				$("#alertTable").DataTable().order([5, "desc"]);
+				$(loadEle).Loading("close");
+		}
+
+		function AlertList(data) {
+				objSendData.Data = [];
+				$.each(data, function (i, v) {
+						objSendData.Data.push({ uuid: v.uuid.$val || v.uuid });
+				});
+
+				url = baseApiUrl + "/Alert/AlertList";
+				ytAjax = new YourTeam.Ajax(
+						url,
+						objSendData,
+						function (rel) {
+								if (rel.code == "0000") {
+										$.each(rel.data, function (i, v) {
+												let index = data.findIndex(
+														(x) => (x.uuid.$val || x.uuid) === v.uuid
+												);
+												data[index].formId = v.formId;
+										});
+										refTable(data);
+								}
+						},
+						null,
+						"POST"
+				).send();
+		}
+
+		function selDevice(alr_tableData = null) {
+				let url = baseApiUrl + "/operation/DevList";
+				let lsst = [];
+				lsst.push(pageAct.addSelSub);
+				//$('input[data-type=sub]').map(function (i, v) { lsst.push($(v).prop('id')); });
+				sendData = {
+						device_area_tag: pageAct.AreaTag,
+						device_building_tag: pageAct.buiTag,
+						list_sub_system_tag: lsst,
+				};
+				objSendData.Data = sendData;
+				ytAjax = new YourTeam.Ajax(
+						url,
+						objSendData,
+						function (res) {
+								if (!res || res.code != "0000" || !res.data) {
+								} else {
+										$("#inpFixDoCode").html();
+										$("#alr_inpFixDoCode_2").html();
+
+          let strHtml = ""
+
+          if (alr_tableData) {
+												const currentDevice = res.data.find(({ device_number }) => device_number === alr_tableData.sourceName_zh);
+            strHtml += `<option value='${currentDevice.sourceName_zh}' data-floor=${currentDevice.device_floor_tag} data-main=${currentDevice.device_system_tag} data-sub=${currentDevice.device_name_tag} hidden>${currentDevice.device_name}</option>`;
+          }         
+
+          $.each(res.data.filter(({ device_number }) => device_number !== alr_tableData?.sourceName_zh), (index, roleObj) => {
+												strHtml += `<option value='${roleObj.device_number}' data-floor=${roleObj.device_floor_tag} data-main=${roleObj.device_system_tag} data-sub=${roleObj.device_name_tag} hidden>${roleObj.device_name}</option>`;
+
+												if (index == 0) {
+														pageAct.sysMain = roleObj.device_system_tag;
+														pageAct.sysSub = roleObj.device_name_tag;
+														pageAct.floor = roleObj.device_floor_tag;
+														pageAct.number = roleObj.device_number;
+												}
+										});
+										$("#inpFixDoCode").html(strHtml);
+										$("#alr_inpFixDoCode_2").html(strHtml);
+
+								}
+						},
+						null,
+						"POST"
+				).send();
+		}
+
+		function selUser() {
+				let url = baseApiUrl + "/User/UserManagerList";
+				ytAjax = new YourTeam.Ajax(
+						url,
+						objSendData,
+						function (res) {
+								if (!res || res.code != "0000" || !res.data) {
+								} else {
+										$("#inpWorPerId").html();
+										$("#alr_inpWorPerId_2").html();
+										strHtml = ``;
+										strHtml += `<option value=''>未選擇</option>`;
+										$.each(res.data, (index, roleObj) => {
+												strHtml += `<option value='${roleObj.userinfo_guid}'>${roleObj.full_name}</option>`;
+										});
+										$("#inpWorPerId").html(strHtml);
+										$("#alr_inpWorPerId_2").html(strHtml);
+								}
+						},
+						null,
+						"POST"
+				).send();
+		}
+
+		function selOpeFir() {
+				let url = baseApiUrl + "/operation/OpeFirSel";
+				let lsst = [];
+				lsst.push(pageAct.addSelSub);
+				objSendData.Data = { sub_system_tag: lsst };
+				//objSendData.Data = { sub_system_tag: $('input[data-type=sub]').map(function (i, v) { return $(v).prop('id'); }).toArray() };
+				// console.log(objSendData.Data)
+				ytAjax = new YourTeam.Ajax(
+						url,
+						objSendData,
+						function (res) {
+								if (!res || res.code != "0000" || !res.data) {
+								} else {
+										$("#inpFixFirm").html();
+										$("#alr_inpFixFirm_2").html();
+										strHtml = ``;
+										strHtml += `<option value=''>未選擇</option>`;
+										$.each(res.data, (index, roleObj) => {
+												strHtml += `<option value='${roleObj.id}'>${roleObj.name}</option>`;
+										});
+										$("#inpFixFirm").html(strHtml);
+										$("#alr_inpFixFirm_2").html(strHtml);
+								}
+						},
+						null,
+						"POST"
+				).send();
+		}
+
+		//上傳檔案 dropzone
+		function initDropzone() {
+				uploader = $("#alr_dropZone").dropzone({
+						url: baseApiUrl + "/api/Upload",
+						previewsContainer: false,
+						addRemoveLinks: false,
+						dictRemoveFile: `<span class="material-icons mi-delete">delete</span>`,
+						dictInvalidFileType: `上傳格式錯誤`,
+						dictCancelUploadConfirmation: `確定要取消上傳此檔案嗎？`,
+						dictCancelUpload: `<span class="material-icons mi-cancel">cancel</span>`,
+						maxFilesize: 3,
+						filesizeBase: 1024,
+						maxFiles: 50,
+						acceptedFiles:
+								".pdf, .docx, .doc, .xls, .xlsm, .xlsx, .ppt, .pptx, .gif, .png, .jpg, .jpeg",
+						headers: { Authorization: "Bearer " + cookies.get("JWT-Authorization") },
+						accept: function (file, done) {
+								let fileHelper = new YourTeam.Utility.File();
+								tmpGuidArr = [];
+
+								if (/\.(jpe?g|png|gif)$/i.test(file.name)) {
+										fileHelper.readAndPreviewImages(
+												file,
+												"alr_forImage",
+												70,
+												70,
+												'<span class="file-item m-1">',
+												'<button class="btn-dark m-1" name="btnDelImg"><i class="fa fa-times"></i></button></span>'
+										);
+
+										pageAct.imageFile.map(function (v, i) {
+												tmpGuidArr.push(v.file.guid);
+										});
+										if (jQuery.inArray(file.guid, tmpGuidArr) == -1) {
+												//not in array
+												let fd = new FormData();
+												let f = file;
+												fd.append("file", f);
+												pageAct.imageFile.push({
+														ori_file_name: f.name,
+														save_file_name: f.guid,
+														file: fd.get("file"),
+												});
+										}
+								} else if (
+										/\.(xls?x|doc?x|ptt?x|pdf|zip|rar|7zip|txt|odt|xml|rtf|ods|odp|pps?x)$/i.test(
+												file.name
+										)
+								) {
+										fileHelper.readAndPreviewFiles(
+												file,
+												"alr_forFile",
+												70,
+												70,
+												"<div class='file-item'><i class='fas fa-file-alt fa-2x m-1'></i>",
+												"<button class='btn-dark m-1' name='btnDelImg'><i class='fa fa-times'></i></button></div>"
+										);
+
+										pageAct.imageFile.map(function (v, i) {
+												tmpGuidArr.push(v.file.guid);
+										});
+										if (jQuery.inArray(file.guid, tmpGuidArr) == -1) {
+												//not in array
+												let fd = new FormData();
+												let f = file;
+												fd.append("file", f);
+												pageAct.imageFile.push({
+														ori_file_name: f.name,
+														save_file_name: f.guid,
+														file: fd.get("file"),
+												});
+										}
+								}
+						},
+				});
+		}
+
+		function getUser() {
+				ytAjax = new YourTeam.Ajax(
+						baseApiUrl + "/api/getUser",
+						null,
+						function (res) {
+								if (!res || res.code != "0000" || !res.data) {
+								} else {
+										$(pageAct.work_type == "1" ? "#inpWorPerId" : "#inpWorPerId_2").val(
+												res.data
+										);
+								}
+						},
+						null,
+						"POST"
+				).send();
+		}
+
+		function chgAck(devUuid) {
+				$.post(
+						window.location.origin + "/obix/alarm/" + devUuid + "/ack",
+						'<obj is="obix:AckAlarmIn"><str name="ackUser" val="obix" /></obj>',
+						null,
+						"text"
+				);
+				getData();
+		}
+
+		onEvent("click", "#readOpeRecBtn", function () {
+				$("#alr_ope_forImage").html("");
+				$("#alr_ope_forFile").html("");
+				$("#alr_ope_forImage_2").html("");
+				$("#alr_ope_forFile_2").html("");
+				$("#alr_inpStatus_2 [name=alr_inpSta_2]").prop("disabled", false);
+
+				pageAct.imageFile = [];
+				$("#alr_opeRecTitle").html("讀取維修");
+				let url = baseApiUrl + "/operation/OpeRecRead";
+				objSendData.Data = { formId: $(this).data("formid") };
+				ytAjax = new YourTeam.Ajax(
+						url,
+						objSendData,
+						function (res) {
+								if (!res || res.code != "0000" || !res.data) {
+								} else {
+										pageAct.sysSub = res.data.device_system_category_layer3;
+										pageAct.number = res.data.fix_do_code;
+										pageAct.addSelSub = res.data.device_system_category_layer3;
+										selUser();
+										selDevice();
+										selOpeFir();
+										errCodeList();
+										$("#alr_inpNumber_2").val(res.data.formId);
+										$("#alr_inpWorTyp_2").val(res.data.work_type);
+										$("#alr_inpFixDo_2").val(res.data.fix_do);
+										$("#alr_inpFixDoCode_2").val(res.data.fix_do_code);
+										$("#alr_inpFixFirm_2").val(res.data.fix_firm);
+										$(
+												"#alr_inpStatus_2 [name=alr_inpSta_2][data-value=" +
+												res.data.status +
+												"]"
+										).click();
+										$(
+												"#alr_inpStatus_2 [name=alr_inpSta_2][data-value=" +
+												(res.data.status > 0 ? 0 : 1) +
+												"]"
+										).prop("disabled", true);
+										$("#alr_inpWorPerId_2").val(res.data.work_person_id);
+										$("#alr_inpStaTime_2").val(
+												displayDate(res.data.start_time, "date").replaceAll("/", "-")
+										);
+										$("#alr_inpNotice_2").val(
+												res.data.notice == null ? "" : res.data.notice
+										);
+										$("#alr_inpDescription_2").val(
+												res.data.description == null ? "" : res.data.description
+										);
+
+										ope_imgHtml = null;
+										$.each(res.data.lorf, function (i, v) {
+												let extName = v.ori_file_name.split(".")[1];
+
+												if (/\.(jpe?g|png|gif)$/i.test(v.ori_file_name)) {
+														ope_colI = creEle("i", null, null, null, ["fa fa-times"]);
+														ope_colBtn = creBtn(null, null, "btnDelImg", ["btn-dark m-1"]);
+														ope_colImg = creImg(
+																"img",
+																null,
+																null,
+																null,
+																null,
+																{ filename: v.ori_file_name, savename: v.save_file_name },
+																{
+																		style: "margin-left: 30px; margin-top: 10px",
+																		height: "70px",
+																		width: "70px",
+																		src:
+																				baseApiUrl +
+																				"/upload/operation/" +
+																				v.save_file_name +
+																				"." +
+																				extName,
+																}
+														);
+														ope_colA = creEle("a", null, null, null, null, null, {
+																href:
+																		baseApiUrl +
+																		"/upload/operation/" +
+																		v.save_file_name +
+																		"." +
+																		extName,
+																download: v.ori_file_name,
+																target: "_blank",
+														});
+														ope_imgHtml = creEle(
+																"span",
+																null,
+																null,
+																null,
+																["file-item m-1"],
+																{ id: v.id },
+																null
+														);
+
+														ope_colA.append(ope_colImg);
+														ope_imgHtml.append(ope_colA);
+														ope_colBtn.append(ope_colI);
+														ope_imgHtml.append(ope_colBtn);
+														$("#alr_ope_forImage_2").append(
+																ope_imgHtml ? ope_imgHtml.outerHtml() : null
+														);
+												} else if (
+														/\.(xls?x|doc?x|ptt?x|pdf|zip|rar|7zip|txt|odt|xml|rtf|ods|odp|pps?x)$/i.test(
+																v.ori_file_name
+														)
+												) {
+														icons = null;
+														if (extName == "xlsx" || extName == "xls")
+																icons = "fas fa-file-excel";
+														else if (extName == "pdf" || extName == "ods")
+																icons = "fas fa-file-pdf";
+														else if (extName == "doc" || extName == "docx")
+																icons = "fas fa-file-word";
+														else icons = "fas fa-file-alt";
+
+														ope_colI = creEle("i", null, null, null, ["fa fa-times"]);
+														ope_colBtn = creBtn(null, null, "btnDelImg", ["btn-dark m-1"]);
+														ope_colBtn.append(ope_colI);
+
+														ope_colI = creEle("i", null, null, null, [icons + " fa-3x m-1"]);
+														ope_colA = creEle("a", v.ori_file_name, null, null, null, null, {
+																href:
+																		baseApiUrl +
+																		"/upload/operation/" +
+																		v.save_file_name +
+																		"." +
+																		extName,
+																download: v.ori_file_name,
+																target: "_blank",
+														});
+														ope_imgHtml = creEle(
+																"div",
+																null,
+																null,
+																null,
+																["file-item"],
+																{ id: v.id },
+																null
+														);
+
+														ope_imgHtml.append(ope_colI);
+														ope_imgHtml.append(ope_colA);
+														ope_imgHtml.append(ope_colBtn);
+														$("#alr_ope_forFile_2").append(
+																ope_imgHtml ? ope_imgHtml.outerHtml() : null
+														);
+												}
+										});
+								}
+						},
+						null,
+						"POST"
+				).send();
 		});
 
-		if (res.count > 0) $("#alr_inpErrCode_2").html(strHtml);
+		function errCodeList() {
+				$(loadEle).Loading("start");
+				let _pathArr = pageAct.number.split("_"); //TPE_B1_ELEV_EL_R2F_NA_ELEV1_N1
+				let _devicePath =
+						_pathArr[0] +
+						"_" +
+						_pathArr[1] +
+						"_" +
+						_pathArr[2] +
+						"_" +
+						_pathArr[3] +
+						"_" +
+						_pathArr[4] +
+						"_" +
+						_pathArr[5];
+				getOneDeviceAlarmTop10ByBaja(_devicePath, callbackForErr);
+				$(loadEle).Loading("close");
+		}
 
-		$(loadEle).Loading("close");
-	}
+		function callbackForErr(res) {
+				res = JSON.parse(res);
+				strHtml = ``;
+
+				$.each(res.data, function (i, v) {
+						msg =
+								v.msgText != null
+										? $.trim(v.msgText.toString()).length > 0
+												? v.msgText.split(":")[0]
+												: ""
+										: "";
+						strHtml += `<option value=${v.uuid}>${v.uuid}</option>`;
+				});
+
+				if (res.count > 0) $("#alr_inpErrCode_2").html(strHtml);
+
+				$(loadEle).Loading("close");
+		}
+
+		function GetFormId() {
+				let url = baseApiUrl + "/operation/GetFormId";
+
+				ytAjax = new YourTeam.Ajax(
+						url,
+						objSendData,
+						function (res) {
+								if (!res || res.code != "0000" || !res.data) {
+								} else {
+										$("#inpNumber").val(res.data);
+								}
+						},
+						null,
+						"POST"
+				).send();
+		}
 </script>
diff --git a/Frontend/_operation.html b/Frontend/_operation.html
index 2a4fbf9..599b2f3 100644
--- a/Frontend/_operation.html
+++ b/Frontend/_operation.html
@@ -1,1419 +1,2054 @@
 <main id="js-page-content" role="main" class="page-content">
-	<div class="row">
+		<div class="row">
+				<div class="col-sm-12 col-xl-12">
+						<h1 class="p-2 mb-0">運維管理</h1>
+						<div class="row bg-dark p-2">
+								<div class="col-auto">
+										<div class="btn-group">
+												<button type="button"
+																				onclick="setType(2)"
+																				class="btn btn-secondary waves-effect waves-themed">
+														維修
+												</button>
+												<button type="button"
+																				onclick="setType(1)"
+																				class="btn btn-secondary waves-effect waves-themed">
+														保養記錄
+												</button>
+												<button type="button"
+																				onclick="setType(null)"
+																				class="btn btn-secondary waves-effect waves-themed">
+														廠商資料
+												</button>
+										</div>
+								</div>
+								<div id="setDate" class="col-auto">
+										<div class="btn-group">
+												<button onclick="setDate('tdy')"
+																				type="button"
+																				class="btn btn-secondary waves-effect waves-themed">
+														今天
+												</button>
+												<button onclick="setDate('ytd')"
+																				type="button"
+																				class="btn btn-secondary waves-effect waves-themed">
+														昨天
+												</button>
+										</div>
+								</div>
+								<div class="col-auto">
+										<div class="form-group">
+												<input class="form-control"
+																			id="startdate"
+																			data-val=""
+																			type="date"
+																			name="date"
+																			value="" />
+										</div>
+								</div>
+								<div class="col-auto">
+										<div class="form-group">
+												<input class="form-control"
+																			id="enddate"
+																			type="date"
+																			data-val=""
+																			name="date"
+																			value="" />
+										</div>
+								</div>
+								<div class="col-auto" style="display: none">
+										<div class="form-group">
+												<input type="text"
+																			id="serial_number"
+																			class="form-control"
+																			placeholder="表單號" />
+										</div>
+								</div>
+								<div class="col-auto" style="display: none">
+										<a href="#"
+													for="serial_number"
+													onclick="snSearch()"
+													class="btn btn-info">單號查詢</a>
+								</div>
+								<hr />
+						</div>
+						<div class="row bg-dark p-2 align-items-center">
+								<div class="col-auto">
+										<a href="#"
+													id="selAllSys"
+													onclick="selAllSysVal(this)"
+													class="btn btn-info">全選類別</a>
+								</div>
+								<div class="col-auto">
+										<div id="mainList" class="frame-wrap"></div>
+								</div>
+						</div>
+						<div class="row bg-dark p-2 mb-5 align-items-center">
+								<div class="col-auto" style="padding-left: 133px">
+										<div id="subList" class="frame-wrap"></div>
+								</div>
+						</div>
 
-		<div class="col-sm-12 col-xl-12">
-			<h1 class="p-2 mb-0">運維管理</h1>
-			<div class="row bg-dark p-2">
-				<div class="col-auto">
-					<div class="btn-group">
-						<button type="button" onclick="setType(2)" class="btn btn-secondary waves-effect waves-themed">維修</button>
-						<button type="button" onclick="setType(1)" class="btn btn-secondary waves-effect waves-themed">保養記錄</button>
-						<button type="button" onclick="setType(null)"
-								class="btn btn-secondary waves-effect waves-themed">
-							廠商資料
-						</button>
-					</div>
+						<div class="">
+								<div class="frame-wrap">
+										<div class="mb-3">
+												<a href="#"
+															id="newForm"
+															class="btn btn-success"
+															data-toggle="modal"
+															data-target="#opeFirmModal">新增</a>
+												<a href="#"
+															onclick="exportExcel()"
+															class="btn btn-info waves-effect waves-themed"
+															hidden>
+														<span class="fal fa-file-excel mr-1"></span>
+														<span>匯出</span>
+												</a>
+										</div>
+										<table id="opeFirmTable"
+																	class="table table-bordered table-striped text-center m-0 w-100"></table>
+										<table id="opeRecTable_2"
+																	class="table table-bordered table-striped text-center m-0 w-100"></table>
+										<table id="opeRecTable"
+																	class="table table-bordered table-striped text-center m-0 w-100"></table>
+								</div>
+						</div>
 				</div>
-				<div id="setDate" class="col-auto">
-					<div class="btn-group">
-						<button onclick="setDate('tdy')" type="button"
-								class="btn btn-secondary waves-effect waves-themed">
-							今天
-						</button>
-						<button onclick="setDate('ytd')" type="button"
-								class="btn btn-secondary waves-effect waves-themed">
-							昨天
-						</button>
-					</div>
-				</div>
-				<div class="col-auto">
-					<div class="form-group">
-						<input class="form-control" id="startdate" data-val="" type="date" name="date" value="">
-					</div>
-				</div>
-				<div class="col-auto">
-					<div class="form-group">
-						<input class="form-control" id="enddate" type="date" data-val="" name="date" value="">
-					</div>
-				</div>
-				<div class="col-auto" style="display: none">
-					<div class="form-group">
-						<input type="text" id="serial_number" class="form-control" placeholder="表單號">
-					</div>
-				</div>
-				<div class="col-auto" style="display: none">
-					<a href="#" for="serial_number" onclick="snSearch()" class="btn btn-info">單號查詢</a>
-				</div>
-				<hr>
-
-			</div>
-			<div class="row bg-dark p-2 align-items-center">
-				<div class="col-auto">
-					<a href="#" id="selAllSys" onclick="selAllSysVal(this)" class="btn btn-info">全選類別</a>
-				</div>
-				<div class="col-auto">
-					<div id="mainList" class="frame-wrap">
-					</div>
-				</div>
-			</div>
-			<div class="row bg-dark p-2 mb-5 align-items-center">
-				<div class="col-auto" style="padding-left: 133px">
-					<div id="subList" class="frame-wrap">
-					</div>
-				</div>
-			</div>
-
-			<div class="">
-				<div class="frame-wrap">
-					<div class="mb-3">
-						<a href="#" id="newForm" class="btn btn-success" data-toggle="modal" data-target="#opeFirmModal">新增</a>
-						<a href="#" onclick="exportExcel()" class="btn btn-info waves-effect waves-themed">
-							<span class="fal fa-file-excel mr-1"></span>
-							<span>匯出</span>
-						</a>
-					</div>
-					<table id="opeFirmTable" class="table table-bordered table-striped text-center m-0 w-100">
-					</table>
-					<table id="opeRecTable_2" class="table table-bordered table-striped text-center m-0 w-100">
-					</table>
-					<table id="opeRecTable" class="table table-bordered table-striped text-center m-0 w-100">
-					</table>
-				</div>
-			</div>
 		</div>
-	</div>
 </main>
 
 <!-- Modal center 廠商資料 -->
-<div class="modal fade" id="opeFirmModal" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static"
-	 data-keyboard="false">
-	<div class="modal-dialog modal-dialog-centered" role="document">
-		<div class="modal-content">
-			<div class="modal-header">
-				<h4 id="opeFirmTitle" class="modal-title">
-				</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>
-			<form id="opeFirmForm">
-				<div class="modal-body">
-					<div class="row">
-						<div class="col-md-6">
-							<div class="form-group">
-								<label class="form-label" for="inpFirmSelSysMain">系統大類</label>
-								<select class="form-control" id="inpFirmSelSysMain" name="inpFirmSelSysMain">
-								</select>
-							</div>
+<div class="modal fade"
+					id="opeFirmModal"
+					tabindex="-1"
+					role="dialog"
+					aria-hidden="true"
+					data-backdrop="static"
+					data-keyboard="false">
+		<div class="modal-dialog modal-dialog-centered" role="document">
+				<div class="modal-content">
+						<div class="modal-header">
+								<h4 id="opeFirmTitle" class="modal-title"></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="col-md-6">
-							<div class="form-group">
-								<label class="form-label" for="inpFirmSelSysSub">系統小類</label>
-								<select class="form-control" id="inpFirmSelSysSub" name="inpFirmSelSysSub">
-									<option value=''>未選擇</option>
-								</select>
-							</div>
-						</div>
-						<div class="col-md-6">
-							<div class="form-group">
-								<label class="form-label" for="inpName">姓名</label>
-								<input type="text" id="inpName" name="inpName" class="form-control">
-							</div>
-						</div>
-						<div class="col-md-6">
-							<div class="form-group">
-								<label class="form-label" for="inpConPer">聯絡人</label>
-								<input type="text" id="inpConPer" name="inpConPer" class="form-control">
-							</div>
-						</div>
-						<div class="col-md-6">
-							<div class="form-group">
-								<label class="form-label" for="inpPhone">電話</label>
-								<input type="text" id="inpPhone" name="inpPhone" class="form-control">
-							</div>
-						</div>
-						<div class="col-md-6">
-							<div class="form-group">
-								<label class="form-label" for="inpEmail">Email</label>
-								<input type="email" id="inpEmail" name="inpEmail" class="form-control">
-							</div>
-						</div>
-						<div class="col-md-6">
-							<div class="form-group">
-								<label class="form-label" for="inpTaxIdNum">統一編號</label>
-								<input type="text" id="inpTaxIdNum" name="inpTaxIdNum" maxlength="8" class="form-control">
-							</div>
-						</div>
-						<div class="col-md-6">
-							<div class="form-group">
-								<label class="form-label" for="inpRemark">備注</label>
-								<input type="text" id="inpRemark" name="inpRemark" class="form-control">
-							</div>
-						</div>
-					</div>
+						<form id="opeFirmForm">
+								<div class="modal-body">
+										<div class="row">
+												<div class="col-md-6">
+														<div class="form-group">
+																<label class="form-label" for="inpFirmSelSysMain">系統大類</label>
+																<select class="form-control"
+																								id="inpFirmSelSysMain"
+																								name="inpFirmSelSysMain"></select>
+														</div>
+												</div>
+												<div class="col-md-6">
+														<div class="form-group">
+																<label class="form-label" for="inpFirmSelSysSub">系統小類</label>
+																<select class="form-control"
+																								id="inpFirmSelSysSub"
+																								name="inpFirmSelSysSub">
+																		<option value="">未選擇</option>
+																</select>
+														</div>
+												</div>
+												<div class="col-md-6">
+														<div class="form-group">
+																<label class="form-label" for="inpName">姓名</label>
+																<input type="text"
+																							id="inpName"
+																							name="inpName"
+																							class="form-control" />
+														</div>
+												</div>
+												<div class="col-md-6">
+														<div class="form-group">
+																<label class="form-label" for="inpConPer">聯絡人</label>
+																<input type="text"
+																							id="inpConPer"
+																							name="inpConPer"
+																							class="form-control" />
+														</div>
+												</div>
+												<div class="col-md-6">
+														<div class="form-group">
+																<label class="form-label" for="inpPhone">電話</label>
+																<input type="text"
+																							id="inpPhone"
+																							name="inpPhone"
+																							class="form-control" />
+														</div>
+												</div>
+												<div class="col-md-6">
+														<div class="form-group">
+																<label class="form-label" for="inpEmail">Email</label>
+																<input type="email"
+																							id="inpEmail"
+																							name="inpEmail"
+																							class="form-control" />
+														</div>
+												</div>
+												<div class="col-md-6">
+														<div class="form-group">
+																<label class="form-label" for="inpTaxIdNum">統一編號</label>
+																<input type="text"
+																							id="inpTaxIdNum"
+																							name="inpTaxIdNum"
+																							maxlength="8"
+																							class="form-control" />
+														</div>
+												</div>
+												<div class="col-md-6">
+														<div class="form-group">
+																<label class="form-label" for="inpRemark">備注</label>
+																<input type="text"
+																							id="inpRemark"
+																							name="inpRemark"
+																							class="form-control" />
+														</div>
+												</div>
+										</div>
+								</div>
+								<div class="modal-footer">
+										<button type="button"
+																		class="btn btn-secondary"
+																		id="OpeFirmCanBtn"
+																		data-dismiss="modal">
+												關閉
+										</button>
+										<button type="button"
+																		class="btn btn-primary"
+																		id="OpeFirmSendBtn"
+																		e-prevent>
+												儲存
+										</button>
+								</div>
+						</form>
 				</div>
-				<div class="modal-footer">
-					<button type="button" class="btn btn-secondary" id="OpeFirmCanBtn" data-dismiss="modal">關閉</button>
-					<button type="button" class="btn btn-primary" id="OpeFirmSendBtn" e-prevent>儲存</button>
-				</div>
-			</form>
 		</div>
-	</div>
 </div>
 
 <!-- Modal center 維修-->
-<div class="modal fade" id="opeRecModal_2" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static"
-	 data-keyboard="false">
-	<div class="modal-dialog modal-dialog-centered" role="document">
-		<div class="modal-content">
-			<div class="modal-header">
-				<h4 id="opeRecTitle" class="modal-title">
-				</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>
-			<form id="opeRecForm_2">
-				<div class="modal-body">
-					<div class="row">
-						<div class="col-md-6">
-							<div class="form-group">
-								<label class="form-label" for="inpNumber_2">表單編號</label>
-								<input type="text" id="inpNumber_2" name="" class="form-control" disabled>
-							</div>
+<div class="modal fade"
+					id="opeRecModal_2"
+					tabindex="-1"
+					role="dialog"
+					aria-hidden="true"
+					data-backdrop="static"
+					data-keyboard="false">
+		<div class="modal-dialog modal-dialog-centered" role="document">
+				<div class="modal-content">
+						<div class="modal-header">
+								<h4 id="opeRecTitle" class="modal-title"></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="col-md-6">
-							<div class="form-group">
-								<label class="form-label" for="inpErrCode_2">異常編號</label>
-								<select class="form-control" id="inpErrCode_2" name="inpErrCode_2">
-									<option value=''>未選擇</option>
-								</select>
-							</div>
-						</div>
-						<div class="col-md-6">
-							<div class="form-group">
-								<label class="form-label" for="inpStaTime_2">預計開始時間</label>
-								<input type="date" id="inpStaTime_2" name="inpStaTime_2" class="form-control">
-							</div>
-						</div>
-						<div class="col-md-6">
-							<div class="form-group">
-								<label class="form-label" for="inpWorTyp_2">項目</label>
-								<select class="form-control custom-select-ri" id="inpWorTyp_2" name="inpWorTyp_2" disabled>
-									<option value=1 selected>保養</option>
-									<option value=2>維修</option>
-								</select>
-							</div>
-						</div>
-						<div class="col-md-6">
-							<div class="form-group">
-								<label class="form-label" for="inpFixDo_2">維修項目</label>
-								<input type="text" id="inpFixDo_2" name="inpFixDo_2" class="form-control">
-							</div>
-						</div>
-						<div class="col-md-6">
-							<div class="form-group">
-								<label class="form-label" for="inpFixDoCode_2">維修項目代碼(設備編號)</label>
-								<select class="form-control" id="inpFixDoCode_2" name="inpFixDoCode_2">
-									<option value=''>未選擇</option>
-								</select>
-							</div>
-						</div>
-						<div class="col-md-6">
-							<div class="form-group">
-								<label class="form-label" for="inpFixFirm_2">負責廠商</label>
-								<select class="form-control" id="inpFixFirm_2" name="inpFixFirm_2">
-									<option value=''>未選擇</option>
-								</select>
-							</div>
-						</div>
-						<div class="col-md-6">
-							<div class="form-group">
-								<label class="form-label" for="inpStatus_2">狀態</label>
-								<div class="form-control" id="inpStatus_2">
-									<div class="row container">
-										<div class="">
-											<input class="custom-radio-input" type="radio" name="inpSta_2" id="inpSta_2_0" value="0"
-												   data-value="0" checked>
-											<label class="form-label" for="inpSta_0">未完成</label>
-										</div>
+						<form id="opeRecForm_2">
+								<div class="modal-body">
+										<div class="row">
+												<div class="col-md-6">
+														<div class="form-group">
+																<label class="form-label" for="inpNumber_2">表單編號</label>
+																<input type="text"
+																							id="inpNumber_2"
+																							name=""
+																							class="form-control"
+																							disabled />
+														</div>
+												</div>
+												<div class="col-md-6">
+														<div class="form-group">
+																<label class="form-label" for="inpErrCode_2">異常編號</label>
+																<select class="form-control"
+																								id="inpErrCode_2"
+																								name="inpErrCode_2">
+																		<option value="">未選擇</option>
+																</select>
+														</div>
+												</div>
+												<div class="col-md-6">
+														<div class="form-group">
+																<label class="form-label" for="inpStaTime_2">預計開始時間</label>
+																<input type="date"
+																							id="inpStaTime_2"
+																							name="inpStaTime_2"
+																							class="form-control" />
+														</div>
+												</div>
+												<div class="col-md-6">
+														<div class="form-group">
+																<label class="form-label" for="inpWorTyp_2">項目</label>
+																<select class="form-control custom-select-ri"
+																								id="inpWorTyp_2"
+																								name="inpWorTyp_2"
+																								disabled>
+																		<option value="1" selected>保養</option>
+																		<option value="2">維修</option>
+																</select>
+														</div>
+												</div>
+												<div class="col-md-6">
+														<div class="form-group">
+																<label class="form-label" for="inpFixDo_2">維修項目</label>
+																<input type="text"
+																							id="inpFixDo_2"
+																							name="inpFixDo_2"
+																							class="form-control" />
+														</div>
+												</div>
+												<div class="col-md-6">
+														<div class="form-group  position-relative">
+																<label class="form-label" for="inpFixDoCode_2">維修項目代碼(設備名稱)</label>
+																<select onfocus="this.size=15;"
+																								onblur="this.size=1;"
+																								onchange="this.size=1; this.blur();"
+																								id="inpFixDoCode_2"
+																								name="inpFixDoCode_2"
+																								class="form-control position-absolute"
+																								style="z-index: 999; background-color: #3f4246">
+																		<option value="">未選擇</option>
+																</select>
+														</div>
+												</div>
+												<div class="col-md-6">
+														<div class="form-group">
+																<label class="form-label" for="inpFixFirm_2">負責廠商</label>
+																<select class="form-control"
+																								id="inpFixFirm_2"
+																								name="inpFixFirm_2">
+																		<option value="">未選擇</option>
+																</select>
+														</div>
+												</div>
+												<div class="col-md-6">
+														<div class="form-group">
+																<label class="form-label" for="inpStatus_2">狀態</label>
+																<div class="form-control" id="inpStatus_2">
+																		<div class="row container">
+																				<div class="">
+																						<input class="custom-radio-input"
+																													type="radio"
+																													name="inpSta_2"
+																													id="inpSta_2_0"
+																													value="0"
+																													data-value="0"
+																													checked />
+																						<label class="form-label" for="inpSta_0">未完成</label>
+																				</div>
 
-										<div class="px-4">
-											<input class="custom-radio-input" type="radio" name="inpSta_2" id="inpSta_2_1" value="1"
-												   data-value="1">
-											<label class="form-label" for="inpSta_1">完成</label>
-										</div>
-									</div>
-								</div>
-							</div>
-						</div>
-						<div class="col-md-6">
-							<div class="form-group">
-								<label class="form-label" for="inpWorPerId_2">工作人員編號</label>
-								<select class="form-control" id="inpWorPerId_2" name="inpWorPerId_2">
-									<option value=''>未選擇</option>
-								</select>
-							</div>
-						</div>
-						<div class="col-md-12">
-							<div class="form-group">
-								<label class="form-label" for="inpNotice_2">注意事項</label>
-								<textarea class="form-control" type="text" id="inpNotice_2" name="inpNotice_2" rows="7"></textarea>
-							</div>
-						</div>
-						<div class="col-md-12">
-							<div class="form-group">
-								<label class="form-label" for="inpDescription_2">結果描述</label>
-								<textarea class="form-control" type="text" id="inpDescription_2" name="inpDescription_2"
-										  rows="7"></textarea>
-							</div>
-						</div>
-						<div class="col-md-12">
-							<label class="form-label">上傳檔案</label>
-							<div id='ope_forImage_2' class="col-sm-12 forimage mt-2 p-0">
-							</div>
-							<div id='ope_forFile_2' class="col-sm-12 forfile mt-2 p-0">
-							</div>
+																				<div class="px-4">
+																						<input class="custom-radio-input"
+																													type="radio"
+																													name="inpSta_2"
+																													id="inpSta_2_1"
+																													value="1"
+																													data-value="1" />
+																						<label class="form-label" for="inpSta_1">完成</label>
+																				</div>
+																		</div>
+																</div>
+														</div>
+												</div>
+												<div class="col-md-6">
+														<div class="form-group">
+																<label class="form-label" for="inpWorPerId_2">工作人員編號</label>
+																<select class="form-control"
+																								id="inpWorPerId_2"
+																								name="inpWorPerId_2">
+																		<option value="">未選擇</option>
+																</select>
+														</div>
+												</div>
+												<div class="col-md-12">
+														<div class="form-group">
+																<label class="form-label" for="inpNotice_2">注意事項</label>
+																<textarea class="form-control"
+																										type="text"
+																										id="inpNotice_2"
+																										name="inpNotice_2"
+																										rows="7"></textarea>
+														</div>
+												</div>
+												<div class="col-md-12">
+														<div class="form-group">
+																<label class="form-label" for="inpDescription_2">結果描述</label>
+																<textarea class="form-control"
+																										type="text"
+																										id="inpDescription_2"
+																										name="inpDescription_2"
+																										rows="7"></textarea>
+														</div>
+												</div>
+												<div class="col-md-12">
+														<label class="form-label">上傳檔案</label>
+														<div id="ope_forImage_2"
+																			class="col-sm-12 forimage mt-2 p-0"></div>
+														<div id="ope_forFile_2" class="col-sm-12 forfile mt-2 p-0"></div>
 
-							<div class="form-group dropzone" id="ope_dropZone_2">
-								<div class="dz-message">
-									<div class="drag-icon-cph">
-										<i class="material-icons">backup</i>
-									</div>
-									<h3>選擇一個文件或拖放到這裡</h3>
-									<p class="mb-0 col-grey">
-										PDF檔案不超過 10MB
-									</p>
+														<div class="form-group dropzone" id="ope_dropZone_2">
+																<div class="dz-message">
+																		<div class="drag-icon-cph">
+																				<i class="material-icons">backup</i>
+																		</div>
+																		<h3>選擇一個文件或拖放到這裡</h3>
+																		<p class="mb-0 col-grey">PDF檔案不超過 10MB</p>
+																</div>
+																<div class="fallback">
+																		<input name="file" type="file" multiple />
+																</div>
+														</div>
+												</div>
+										</div>
 								</div>
-								<div class="fallback">
-									<input name="file" type="file" multiple />
+								<div class="modal-footer">
+										<button type="button"
+																		class="btn btn-secondary"
+																		id="OpeRecCanBtn_2"
+																		data-dismiss="modal">
+												關閉
+										</button>
+										<button type="button"
+																		class="btn btn-primary"
+																		id="OpeRecSendBtn_2"
+																		e-prevent>
+												儲存
+										</button>
 								</div>
-							</div>
-						</div>
-					</div>
+						</form>
 				</div>
-				<div class="modal-footer">
-					<button type="button" class="btn btn-secondary" id="OpeRecCanBtn_2" data-dismiss="modal">關閉</button>
-					<button type="button" class="btn btn-primary" id="OpeRecSendBtn_2" e-prevent>儲存</button>
-				</div>
-			</form>
 		</div>
-	</div>
 </div>
 
 <!-- Modal center 保養 -->
-<div class="modal fade" id="opeRecModal" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static"
-	 data-keyboard="false">
-	<div class="modal-dialog modal-dialog-centered" role="document">
-		<div class="modal-content">
-			<div class="modal-header">
-				<h4 id="opeRecTitle" class="modal-title">
-				</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>
-			<form id="opeRecForm">
-				<div class="modal-body">
-					<div class="row">
-						<div class="col-md-6">
-							<div class="form-group">
-								<label class="form-label" for="inpNumber">表單編號</label>
-								<input type="text" id="inpNumber" name="" class="form-control" disabled>
-							</div>
+<div class="modal fade"
+					id="opeRecModal"
+					tabindex="-1"
+					role="dialog"
+					aria-hidden="true"
+					data-backdrop="static"
+					data-keyboard="false">
+		<div class="modal-dialog modal-dialog-centered" role="document">
+				<div class="modal-content">
+						<div class="modal-header">
+								<h4 id="opeRecTitle" class="modal-title"></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="col-md-6">
-							<div class="form-group">
-								<label class="form-label" for="inpStaTime">預計開始時間</label>
-								<input type="date" id="inpStaTime" name="inpStaTime" class="form-control">
-							</div>
-						</div>
-						<div class="col-md-6">
-							<div class="form-group">
-								<label class="form-label" for="inpWorTyp">項目</label>
-								<select class="form-control custom-select-ri" id="inpWorTyp" name="inpWorTyp" disabled>
-									<option value=1 selected>保養</option>
-									<option value=2>維修</option>
-								</select>
-							</div>
-						</div>
-						<div class="col-md-6">
-							<div class="form-group">
-								<label class="form-label" for="inpFixDo">維修項目</label>
-								<input type="text" id="inpFixDo" name="inpFixDo" class="form-control">
-							</div>
-						</div>
-						<div class="col-md-6">
-							<div class="form-group">
-								<label class="form-label" for="inpFixDoCode">維修項目代碼(設備編號)</label>
-								<select class="form-control" id="inpFixDoCode" name="inpFixDoCode">
-									<option value=''>未選擇</option>
-								</select>
-							</div>
-						</div>
-						<div class="col-md-6">
-							<div class="form-group">
-								<label class="form-label" for="inpFixFirm">負責廠商</label>
-								<select class="form-control" id="inpFixFirm" name="inpFixFirm">
-									<option value=''>未選擇</option>
-								</select>
-							</div>
-						</div>
-						<div class="col-md-6">
-							<div class="form-group">
-								<label class="form-label" for="inpStatus">狀態</label>
-								<div class="form-control" id="inpStatus">
-									<div class="row container">
-										<div class="">
-											<input class="custom-radio-input" type="radio" name="inpSta" id="inpSta_0" data-value="0"
-												   value="0" checked>
-											<label class="form-label" for="inpSta_0">未完成</label>
-										</div>
+						<form id="opeRecForm">
+								<div class="modal-body">
+										<div class="row">
+												<div class="col-md-6">
+														<div class="form-group">
+																<label class="form-label" for="inpNumber">表單編號</label>
+																<input type="text"
+																							id="inpNumber"
+																							name=""
+																							class="form-control"
+																							disabled />
+														</div>
+												</div>
+												<div class="col-md-6">
+														<div class="form-group">
+																<label class="form-label" for="inpStaTime">預計開始時間</label>
+																<input type="date"
+																							id="inpStaTime"
+																							name="inpStaTime"
+																							class="form-control" />
+														</div>
+												</div>
+												<div class="col-md-6">
+														<div class="form-group">
+																<label class="form-label" for="inpWorTyp">項目</label>
+																<select class="form-control custom-select-ri"
+																								id="inpWorTyp"
+																								name="inpWorTyp"
+																								disabled>
+																		<option value="1" selected>保養</option>
+																		<option value="2">維修</option>
+																</select>
+														</div>
+												</div>
+												<div class="col-md-6">
+														<div class="form-group">
+																<label class="form-label" for="inpFixDo">維修項目</label>
+																<input type="text"
+																							id="inpFixDo"
+																							name="inpFixDo"
+																							class="form-control" />
+														</div>
+												</div>
+												<div class="col-md-6">
+														<div class="form-group position-relative">
+																<label class="form-label" for="inpFixDoCode">維修項目代碼(設備名稱)</label>
+																<select onfocus="this.size=15;"
+																								onblur="this.size=1;"
+																								onchange="this.size=1; this.blur();"
+																								id="inpFixDoCode"
+																								name="inpFixDoCode"
+																								class="form-control position-absolute"
+																								style="z-index: 999; background-color: #3f4246">
+																		<option value="">未選擇</option>
+																</select>
+														</div>
+												</div>
+												<div class="col-md-6">
+														<div class="form-group">
+																<label class="form-label" for="inpFixFirm">負責廠商</label>
+																<select class="form-control" id="inpFixFirm" name="inpFixFirm">
+																		<option value="">未選擇</option>
+																</select>
+														</div>
+												</div>
+												<div class="col-md-6">
+														<div class="form-group">
+																<label class="form-label" for="inpStatus">狀態</label>
+																<div class="form-control" id="inpStatus">
+																		<div class="row container">
+																				<div class="">
+																						<input class="custom-radio-input"
+																													type="radio"
+																													name="inpSta"
+																													id="inpSta_0"
+																													data-value="0"
+																													value="0"
+																													checked />
+																						<label class="form-label" for="inpSta_0">未完成</label>
+																				</div>
 
-										<div class="px-4">
-											<input class="custom-radio-input" type="radio" name="inpSta" id="inpSta_1" data-value="1"
-												   value="1">
-											<label class="form-label" for="inpSta_1">完成</label>
-										</div>
-									</div>
-								</div>
-							</div>
-						</div>
-						<div class="col-md-6">
-							<div class="form-group">
-								<label class="form-label" for="inpWorPerId">工作人員編號</label>
-								<select class="form-control" id="inpWorPerId" name="inpWorPerId">
-									<option value=''>未選擇</option>
-								</select>
-							</div>
-						</div>
-						<div class="col-md-12">
-							<div class="form-group">
-								<label class="form-label" for="inpNotice">注意事項</label>
-								<textarea class="form-control" type="text" id="inpNotice" name="inpNotice" rows="7"></textarea>
-							</div>
-						</div>
-						<div class="col-md-12">
-							<div class="form-group">
-								<label class="form-label" for="inpDescription">結果描述</label>
-								<textarea class="form-control" type="text" id="inpDescription" name="inpDescription"
-										  rows="7"></textarea>
-							</div>
-						</div>
-						<div class="col-md-12">
-							<label class="form-label">上傳檔案</label>
-							<div id='ope_forImage' class="col-sm-12 forimage mt-2 p-0">
-							</div>
-							<div id='ope_forFile' class="col-sm-12 forfile mt-2 p-0">
-							</div>
+																				<div class="px-4">
+																						<input class="custom-radio-input"
+																													type="radio"
+																													name="inpSta"
+																													id="inpSta_1"
+																													data-value="1"
+																													value="1" />
+																						<label class="form-label" for="inpSta_1">完成</label>
+																				</div>
+																		</div>
+																</div>
+														</div>
+												</div>
+												<div class="col-md-6">
+														<div class="form-group">
+																<label class="form-label" for="inpWorPerId">工作人員編號</label>
+																<select class="form-control"
+																								id="inpWorPerId"
+																								name="inpWorPerId">
+																		<option value="">未選擇</option>
+																</select>
+														</div>
+												</div>
+												<div class="col-md-12">
+														<div class="form-group">
+																<label class="form-label" for="inpNotice">注意事項</label>
+																<textarea class="form-control"
+																										type="text"
+																										id="inpNotice"
+																										name="inpNotice"
+																										rows="7"></textarea>
+														</div>
+												</div>
+												<div class="col-md-12">
+														<div class="form-group">
+																<label class="form-label" for="inpDescription">結果描述</label>
+																<textarea class="form-control"
+																										type="text"
+																										id="inpDescription"
+																										name="inpDescription"
+																										rows="7"></textarea>
+														</div>
+												</div>
+												<div class="col-md-12">
+														<label class="form-label">上傳檔案</label>
+														<div id="ope_forImage" class="col-sm-12 forimage mt-2 p-0"></div>
+														<div id="ope_forFile" class="col-sm-12 forfile mt-2 p-0"></div>
 
-							<div class="form-group dropzone" id="ope_dropZone">
-								<div class="dz-message">
-									<div class="drag-icon-cph">
-										<i class="material-icons">backup</i>
-									</div>
-									<h3>選擇一個文件或拖放到這裡</h3>
-									<p class="mb-0 col-grey">
-										PDF檔案不超過 10MB
-									</p>
+														<div class="form-group dropzone" id="ope_dropZone">
+																<div class="dz-message">
+																		<div class="drag-icon-cph">
+																				<i class="material-icons">backup</i>
+																		</div>
+																		<h3>選擇一個文件或拖放到這裡</h3>
+																		<p class="mb-0 col-grey">PDF檔案不超過 10MB</p>
+																</div>
+																<div class="fallback">
+																		<input name="file" type="file" multiple />
+																</div>
+														</div>
+												</div>
+										</div>
 								</div>
-								<div class="fallback">
-									<input name="file" type="file" multiple />
+								<div class="modal-footer">
+										<button type="button"
+																		class="btn btn-secondary"
+																		id="OpeRecCanBtn"
+																		data-dismiss="modal">
+												關閉
+										</button>
+										<button type="button"
+																		class="btn btn-primary"
+																		id="OpeRecSendBtn"
+																		e-prevent>
+												儲存
+										</button>
 								</div>
-							</div>
-						</div>
-					</div>
+						</form>
 				</div>
-				<div class="modal-footer">
-					<button type="button" class="btn btn-secondary" id="OpeRecCanBtn" data-dismiss="modal">關閉</button>
-					<button type="button" class="btn btn-primary" id="OpeRecSendBtn" e-prevent>儲存</button>
-				</div>
-			</form>
 		</div>
-	</div>
 </div>
 
 <!-- Modal center 刪除 -->
-<div class="modal fade" id="delModal" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static"
-	 data-keyboard="false">
-	<div class="modal-dialog modal-dialog-centered" role="document">
-		<div class="modal-content">
-			<div class="modal-header">
-				<h4 class="modal-title">
-					確定刪除這一筆嗎?
-				</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-footer">
-				<button type="button" class="btn btn-secondary" id="confirmDelCanBtn" data-dismiss="modal">關閉</button>
-				<button type="button" class="btn btn-primary" id="confirmDelBtn" e-prevent>儲存</button>
-			</div>
+<div class="modal fade"
+					id="delModal"
+					tabindex="-1"
+					role="dialog"
+					aria-hidden="true"
+					data-backdrop="static"
+					data-keyboard="false">
+		<div class="modal-dialog modal-dialog-centered" role="document">
+				<div class="modal-content">
+						<div class="modal-header">
+								<h4 class="modal-title">確定刪除這一筆嗎?</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-footer">
+								<button type="button"
+																class="btn btn-secondary"
+																id="confirmDelCanBtn"
+																data-dismiss="modal">
+										關閉
+								</button>
+								<button type="button"
+																class="btn btn-primary"
+																id="confirmDelBtn"
+																e-prevent>
+										儲存
+								</button>
+						</div>
+				</div>
 		</div>
-	</div>
 </div>
 
 <script>
-	$(function () {
-		initDropzone();
-		pageAct.sub_system_tag = null;
-		pageAct.main_system_tag = null;
-		pageAct.selSysSub = [];
-		pageAct.selSysMain = [];
-		pageAct.imageFile = [];
-		let pageInit = true;
-
-		sysList();
-
-		$('input[type=checkbox][data-type=main]').parent().on('change', function () {
-			pageAct.main_system_tag = $('input[type=checkbox]').map(function (i, v) {
-				if ($(v).data('type') == 'main') {
-					if ($(v).is(':checked')) {
-						$(`[data-main=` + $(v).prop('id') + `]`).attr('hidden', false);
-						return $(v).prop('id')
-					}
-					else
-						$(`[data-main=` + $(v).prop('id') + `]`).attr('hidden', true);
-				}
-			}).toArray();
-
-			if ($('input[type=checkbox][data-type=main]:checked').length <= 0) {
-				pageAct.main_system_tag = null
+		var uploader = { ope1: null, ope2: null };
+		$(function () {
+				initDropzone();
 				pageAct.sub_system_tag = null;
-			}
+				pageAct.main_system_tag = null;
+				pageAct.selSysSub = [];
+				pageAct.selSysMain = [];
+				pageAct.imageFile = [];
+				let pageInit = true;
 
-			refTable();
-		});
+				sysList();
 
-		$('#subList, #mainList').on('change', $('input[type=checkbox][data-type=sub]').parent(), function () {
-			pageAct.sub_system_tag = $('input[type=checkbox]:checked').map(function (i, v) { if ($(v).data('type') == 'sub') return $(v).prop('id') }).toArray();
+				$("input[type=checkbox][data-type=main]")
+						.parent()
+						.on("change", function () {
+								pageAct.main_system_tag = $("input[type=checkbox]")
+										.map(function (i, v) {
+												if ($(v).data("type") == "main") {
+														if ($(v).is(":checked")) {
+																$(`[data-main=` + $(v).prop("id") + `]`).attr("hidden", false);
+																return $(v).prop("id");
+														} else
+																$(`[data-main=` + $(v).prop("id") + `]`).attr("hidden", true);
+												}
+										})
+										.toArray();
 
-			if ($('input[type=checkbox][data-type=sub]:checked').length <= 0) {
-				pageAct.sub_system_tag = null;
-			}
-
-			if ($('input[type=checkbox][data-type=sub]:checked').length == $('input[type=checkbox][data-type=sub]').length) {
-				$('#selAllSys').html('取消全選');
-			}
-			else {
-				$('#selAllSys').html('全選類別');
-			}
-
-			refTable();
-		});
-
-		$('[onclick^=setType]').on('click', function () {
-			btnSelCss(this);
-		});
-
-		$(`[onclick^=setDate]`).on('click', function () {
-			if ($(this).hasClass('btn-info')) {
-				$(this).removeClass('btn-info');
-				$(this).addClass('btn-secondary');
-				setDate();
-			}
-			else
-				btnSelCss(this);
-		});
-
-		$('#startdate, #enddate').on('change', function () {
-			let startdate = new Date($('#startdate').val());
-			let enddate = new Date($('#enddate').val());
-			setDate(null, startdate, enddate);
-		});
-
-		$(`[onclick="setType(2)"]`).click();
-
-		initDate();
-		event();
-		$('div.image-full-show').css("display", "none");
-
-		if (pageInit) {
-			$("#selAllSys").click();
-			pageInit = false;
-		}
-	});
-
-	function loadOpeFirmTable() {
-		$('#opeFirmTable_wrapper').css('display', 'block');
-		$('#opeRecTable_wrapper').css('display', 'none');
-		$('#opeRecTable_2_wrapper').css('display', 'none');
-		$('#serial_number').parent().parent().css('display', 'none');
-		$('[for=serial_number]').parent().css('display', 'none');
-		$('#setDate').css('display', 'none');
-		$('#startdate').parent().parent().css('display', 'none');
-		$('#enddate').parent().parent().css('display', 'none');
-
-		serial_number = $('#serial_number').val() || null;
-		let ajaxObj = {
-			url: baseApiUrl + "/operation/OpeFirList",
-			method: "POST",
-			data: { work_type: null, start_created_at: pageAct.startdate, end_created_at: pageAct.enddate, serial_number: pageAct.serial_number, main_system_tag: pageAct.main_system_tag, sub_system_tag: pageAct.sub_system_tag }
-		};
-		let tag = "#opeFirmTable";
-
-		let column_defs = [
-			{ "targets": [0], "width": "4%", "sortable": true },
-			{ "targets": [1], "width": "5%", "sortable": true },
-			{ "targets": [2], "width": "5%", "sortable": true },
-			{ "targets": [3], "width": "5%", "sortable": true },
-			{ "targets": [4], "width": "5%", "sortable": true },
-			{ "targets": [5], "width": "5%", "sortable": true },
-			{ "targets": [6], "width": "5%", "sortable": true }
-		];
-
-		let columns = [
-			{
-				"title": "廠商類別",
-				"data": "system_key",
-			},
-			{
-				"title": "廠商",
-				"data": "name",
-			},
-			{
-				"title": "聯絡人",
-				"data": "contact_person",
-			},
-			{
-				"title": "電話",
-				"data": "phone",
-			},
-			{
-				"title": "email",
-				"data": "email",
-			},
-			{
-				"title": "建立日期",
-				"data": "created_at"
-			},
-			{
-				"title": "功能",
-				"data": "id",
-				"render": function (data) {
-					let btnDiv = creDiv(["row", "m-0", "justify-content-center"], { "style": "gap:10px" }, null, null, { id: data });
-					btnDiv.append(creBtnHtml("修改", "opeFirmEdiBtn", null, ["btn", "btn-info"], { "toggle": "modal", "target": "#opeFirmModal" }));
-					btnDiv.append(creBtnHtml("刪除", "opeFirmDelBtn", null, ["btn", "btn-danger"], { "toggle": "modal", "target": "#delModal" }));
-					return btnDiv.outerHtml();
-				}
-			},
-		];
-
-		opeFirmTable = new YourTeam.JqDataTables.getTableByAjax(ajaxObj, tag, null, columns, column_defs);
-	}
-
-	function loadOpeRecTable() {
-		$('#opeFirmTable_wrapper').css('display', 'none');
-
-		$('#serial_number').parent().parent().css('display', 'block');
-		$('[for=serial_number]').parent().css('display', 'block');
-		$('#setDate').css('display', 'block');
-		$('#startdate').parent().parent().css('display', 'block');
-		$('#enddate').parent().parent().css('display', 'block');
-
-		let ajaxObj = {
-			url: baseApiUrl + "/operation/OpeRecList",
-			method: "POST",
-			data: { work_type: pageAct.work_type, start_created_at: pageAct.startdate, end_created_at: pageAct.enddate, serial_number: pageAct.serial_number, main_system_tag: pageAct.main_system_tag, sub_system_tag: pageAct.sub_system_tag }
-		}
-
-		let tag = "#opeRecTable" + (pageAct.work_type == "2" ? "_2" : "");
-		let column_defs = [];
-		let columns = [];
-		if (pageAct.work_type == "2") {
-			$('#opeRecTable_wrapper').css('display', 'none');
-			$('#opeRecTable_2_wrapper').css('display', 'block');
-
-			column_defs = [
-				{ "targets": [0], "width": "2%", "sortable": true },
-				{ "targets": [1], "width": "6%", "sortable": true },
-				{ "targets": [2], "width": "7%", "sortable": true },
-				{ "targets": [3], "width": "6%", "sortable": true },
-				{ "targets": [4], "width": "5%", "sortable": true },
-				{ "targets": [5], "width": "3%", "sortable": true },
-				{ "targets": [6], "width": "5%", "sortable": true },
-				{ "targets": [7], "width": "6%", "sortable": true },
-				{ "targets": [8], "width": "15%", "sortable": false },
-				{ "targets": [9], "width": "6%", "sortable": false },
-				{ "targets": [10], "width": "8%", "sortable": true },
-				{ "targets": [11], "width": "8%", "sortable": false },
-			];
-
-			columns = [
-				{
-					"title": "項目",
-					"data": "work_type_name",
-				},
-				{
-					"title": "位置",
-					"data": "location",
-				},
-				{
-					"title": "異常代號",
-					"data": "error_code",
-					render: (data) => {
-						return data?.split('-')[0] || '' == null ? '' : data?.split('-')[0] || '';
-					}
-				},
-				{
-					"title": "表單號",
-					"data": "formId",
-				},
-				{
-					"title": "設備名稱",
-					"data": "device_name",
-				},
-				{
-					"title": "狀態",
-					"data": "status_name",
-				},
-				{
-					"title": "處理人員",
-					"data": "user_full_name",
-				},
-				{
-					"title": "預計施工時間",
-					"data": "start_time",
-					"render": function (data) {
-						return displayDate(data, "datetime");
-					}
-				},
-				{
-					"title": "檔案上傳",
-					"data": "lorf",
-					"render": function (data) {
-						ope_imgHtml = null;
-						$.each(data, function (i, v) {
-							let extName = v.ori_file_name.split('.')[1];
-							if (i == 0)
-								ope_imgHtml = creDiv(["file-item"], null, null, null, { id: v.id });
-							if (i < 3) {
-								if (/\.(jpe?g|png|gif)$/i.test(v.ori_file_name)) {
-									ope_colA = creEle("a", null, null, null, null, null, { href: baseApiUrl + "/upload/operation/" + v.save_file_name + "." + extName, download: v.ori_file_name, target: "_blank", style: "cursor: pointer" });
-									ope_colImg = creImg("img", null, null, null, null, { filename: v.ori_file_name, savename: v.save_file_name }, { style: "margin-left: 30px", height: "70px", width: "50px", src: baseApiUrl + "/upload/operation/" + v.save_file_name + "." + extName });
-									ope_colA.append(ope_colImg);
-									ope_imgHtml.append(ope_colA);
+								if ($("input[type=checkbox][data-type=main]:checked").length <= 0) {
+										pageAct.main_system_tag = null;
+										pageAct.sub_system_tag = null;
 								}
-								else if (/\.(xls?x|doc?x|ptt?x|pdf|zip|rar|7zip|txt|odt|xml|rtf|ods|odp|pps?x)$/i.test(v.ori_file_name)) {
-									icons = null
-									if (extName == "xlsx" || extName == "xls")
-										icons = "fas fa-file-excel";
-									else if (extName == "pdf" || extName == "ods")
-										icons = "fas fa-file-pdf";
-									else if (extName == "doc" || extName == "docx")
-										icons = "fas fa-file-word";
-									else
-										icons = "fas fa-file-alt";
 
-									ope_colI = creEle("i", null, null, null, [icons + " fa-3x m-1"]);
-									ope_colA = creEle("a", null, null, null, null, { filename: v.ori_file_name, savename: v.save_file_name }, { href: baseApiUrl + "/upload/operation/" + v.save_file_name + "." + extName, download: v.ori_file_name, style: "margin-left: 30px" });
-									ope_colA.append(ope_colI);
-									ope_imgHtml.append(ope_colA);
-								}
-							}
+								refTable();
 						});
 
-						return ope_imgHtml ? ope_imgHtml.outerHtml() : null;
-					}
-				},
-				{
-					"title": "完成時間",
-					"data": "finish_time",
-					"render": function (data) {
-						return displayDate(data, "datetime");
-					}
-				},
-				{
-					"title": "建立時間",
-					"data": "created_at",
-				},
-				{
-					"title": "功能",
-					"data": "id",
-					"render": function (data) {
-						let btnDiv = creDiv(["row", "m-0", "justify-content-center"], { "style": "gap:10px" }, null, null, { id: data });
-						btnDiv.append(creBtnHtml("修改", "opeRecEdiBtn", null, ["btn", "btn-info"], { "toggle": "modal", "target": "#opeRecModal_2" }));
-						btnDiv.append(creBtnHtml("刪除", "opeRecDelBtn", null, ["btn", "btn-danger"], { "toggle": "modal", "target": "#delModal" }));
-						return btnDiv.outerHtml();
-					}
-				},
-			];
-		}
-		else if (pageAct.work_type == "1") {
-			$('#opeRecTable_wrapper').css('display', 'block');
-			$('#opeRecTable_2_wrapper').css('display', 'none');
+				$("#subList, #mainList").on(
+						"change",
+						$("input[type=checkbox][data-type=sub]").parent(),
+						function () {
+								pageAct.sub_system_tag = $("input[type=checkbox]:checked")
+										.map(function (i, v) {
+												if ($(v).data("type") == "sub") return $(v).prop("id");
+										})
+										.toArray();
 
-			column_defs = [
-				{ "targets": [0], "width": "2%", "sortable": true },
-				{ "targets": [1], "width": "6%", "sortable": true },
-				{ "targets": [2], "width": "6%", "sortable": true },
-				{ "targets": [3], "width": "5%", "sortable": true },
-				{ "targets": [4], "width": "3%", "sortable": true },
-				{ "targets": [5], "width": "5%", "sortable": true },
-				{ "targets": [6], "width": "6%", "sortable": true },
-				{ "targets": [7], "width": "15%", "sortable": false },
-				{ "targets": [8], "width": "6%", "sortable": false },
-				{ "targets": [9], "width": "8%", "sortable": false },
-				{ "targets": [10], "width": "8%", "sortable": true },
-				{ "targets": [11], "width": "8%", "sortable": false },
-			];
-
-			columns = [
-				{
-					"title": "項目",
-					"data": "work_type_name",
-				},
-				{
-					"title": "位置",
-					"data": "location",
-				},
-				{
-					"title": "異常代號",
-					"data": "error_code",
-					render: (data) => {
-						return data?.split('-')[0] || '' == null ? '' : data?.split('-')[0] || '';
-					}
-				},
-				{
-					"title": "表單號",
-					"data": "formId",
-				},
-				{
-					"title": "設備名稱",
-					"data": "device_name",
-				},
-				{
-					"title": "狀態",
-					"data": "status_name",
-				},
-				{
-					"title": "處理人員",
-					"data": "user_full_name",
-				},
-				{
-					"title": "預計施工時間",
-					"data": "start_time",
-					"render": function (data) {
-						return displayDate(data, "datetime");
-					}
-				},
-				{
-					"title": "檔案上傳",
-					"data": "lorf",
-					"render": function (data) {
-						ope_imgHtml = null;
-						$.each(data, function (i, v) {
-							let extName = v.ori_file_name.split('.')[1];
-							if (i == 0)
-								ope_imgHtml = creDiv(["file-item"], null, null, null, { id: v.id });
-							if (i < 3) {
-								if (/\.(jpe?g|png|gif)$/i.test(v.ori_file_name)) {
-									ope_colA = creEle("a", null, null, null, null, null, { href: baseApiUrl + "/upload/operation/" + v.save_file_name + "." + extName, download: v.ori_file_name, target: "_blank", style: "cursor: pointer" });
-									ope_colImg = creImg("img", null, null, null, null, { filename: v.ori_file_name, savename: v.save_file_name }, { style: "margin-left: 30px", height: "70px", width: "50px", src: baseApiUrl + "/upload/operation/" + v.save_file_name + "." + extName });
-									ope_colA.append(ope_colImg);
-									ope_imgHtml.append(ope_colA);
+								if ($("input[type=checkbox][data-type=sub]:checked").length <= 0) {
+										pageAct.sub_system_tag = null;
 								}
-								else if (/\.(xls?x|doc?x|ptt?x|pdf|zip|rar|7zip|txt|odt|xml|rtf|ods|odp|pps?x)$/i.test(v.ori_file_name)) {
-									icons = null
-									if (extName == "xlsx" || extName == "xls")
-										icons = "fas fa-file-excel";
-									else if (extName == "pdf" || extName == "ods")
-										icons = "fas fa-file-pdf";
-									else if (extName == "doc" || extName == "docx")
-										icons = "fas fa-file-word";
-									else
-										icons = "fas fa-file-alt";
 
-									ope_colI = creEle("i", null, null, null, [icons + " fa-3x m-1"]);
-									ope_colA = creEle("a", null, null, null, null, { filename: v.ori_file_name, savename: v.save_file_name }, { href: baseApiUrl + "/upload/operation/" + v.save_file_name + "." + extName, download: v.ori_file_name, style: "margin-left: 30px" });
-									ope_colA.append(ope_colI);
-									ope_imgHtml.append(ope_colA);
+								if (
+										$("input[type=checkbox][data-type=sub]:checked").length ==
+										$("input[type=checkbox][data-type=sub]").length
+								) {
+										$("#selAllSys").html("取消全選");
+								} else {
+										$("#selAllSys").html("全選類別");
 								}
-							}
-						});
 
-						return ope_imgHtml ? ope_imgHtml.outerHtml() : null;
-					}
-				},
-				{
-					"title": "完成時間",
-					"data": "finish_time",
-					"render": function (data) {
-						return displayDate(data, "datetime");
-					}
-				},
-				{
-					"title": "建立時間",
-					"data": "created_at",
-				},
-				{
-					"title": "功能",
-					"data": "id",
-					"render": function (data) {
-						let btnDiv = creDiv(["row", "m-0", "justify-content-center"], { "style": "gap:10px" }, null, null, { id: data });
-						btnDiv.append(creBtnHtml("修改", "opeRecEdiBtn", null, ["btn", "btn-info"], { "toggle": "modal", "target": "#opeRecModal" }));
-						btnDiv.append(creBtnHtml("刪除", "opeRecDelBtn", null, ["btn", "btn-danger"], { "toggle": "modal", "target": "#delModal" }));
-						return btnDiv.outerHtml();
-					}
-				},
-			];
-		}
+								refTable();
+						}
+				);
 
-		opeRecTable = new YourTeam.JqDataTables.getTableByAjax(ajaxObj, tag, null, columns, column_defs);
-	}
+				$("[onclick^=setType]").on("click", function () {
+						btnSelCss(this);
+				});
 
-	function setType(wt) {
-		pageAct.work_type = wt;
+				$(`[onclick^=setDate]`).on("click", function () {
+						if ($(this).hasClass("btn-info")) {
+								$(this).removeClass("btn-info");
+								$(this).addClass("btn-secondary");
+								setDate();
+						} else btnSelCss(this);
+				});
 
-		if (wt == null) {
-			$('#newForm').attr('data-target', '#opeFirmModal');
-			loadOpeFirmTable();
-		}
-		else {
-			$(pageAct.work_type == '1' ? '#inpWorTyp' : '#inpWorTyp_2').val(wt);
-			$('#newForm').attr('data-target', pageAct.work_type == "1" ? '#opeRecModal' : '#opeRecModal_2');
-			loadOpeRecTable();
-		}
-	}
+				$("#startdate, #enddate").on("change", function () {
+						let startdate = new Date($("#startdate").val());
+						let enddate = new Date($("#enddate").val());
+						setDate(null, startdate, enddate);
+				});
 
-	function setDate(dateType = null, startdate = null, enddate = null) {
-		clearPageAct();
-		pageAct.startdate = startdate;
-		pageAct.enddate = enddate;
+				$(`[onclick="setType(2)"]`).click();
 
+				initDate();
+				event();
+				$("div.image-full-show").css("display", "none");
 
-		if ($('#startdate').val() > $('#enddate').val()) {
-			$('#startdate').val($('#startdate').data('val'));
-			$('#enddate').val($('#enddate').data('val'));
-			toast_error('不可選擇大於結束時間');
-		}
-		else {
-			let today = displayDate(new Date(new Date().setDate(new Date().getDate())), 'date').replaceAll('/', '-');
-			let ytd = displayDate(new Date(new Date().setDate(new Date().getDate() - 1)), 'date').replaceAll('/', '-')
-
-			if (dateType == 'tdy') {
-				pageAct.startdate = displayDate(new Date(new Date().setDate(new Date().getDate())), 'datetime').toString().replaceAll("/", "-").split(" ")[0] + "T00:00:00";
-				pageAct.enddate = displayDate(new Date(new Date().setDate(new Date().getDate())), 'datetime').toString().replaceAll("/", "-").split(" ")[0] + "T23:59:59";
-				$('#startdate').val(today);
-				$('#startdate').data('val', today);
-				$('#enddate').val(today);
-				$('#enddate').data('val', today);
-			}
-			else if (dateType == 'ytd') {
-				pageAct.startdate = displayDate(new Date(new Date().setDate(new Date().getDate() - 1)), 'datetime').toString().replaceAll("/", "-").split(" ")[0] + "T00:00:00";
-				pageAct.enddate = displayDate(new Date(new Date().setDate(new Date().getDate() - 1)), 'datetime').toString().replaceAll("/", "-").split(" ")[0] + "T23:59:59";
-				$('#startdate').val(ytd);
-				$('#startdate').data('val', ytd);
-				$('#enddate').val(ytd);
-				$('#enddate').data('val', ytd);
-			}
-			else {
-				pageAct.enddate = displayDate(new Date(pageAct.enddate.valueOf()).setDate(pageAct.enddate.getDate()), 'date').toString().replaceAll("/", "-") + "T23:59:59";
-				$(`[onclick^=setDate]`).removeClass('btn-info');
-				$(`[onclick^=setDate]`).addClass('btn-secondary');
-				if ($('#startdate').val() == $('#enddate').val()) {
-					if ($('#startdate').val() == today)
-						$(`[onclick="setDate('tdy')"]`).click();
-					else if ($('#startdate').val() == ytd)
-						$(`[onclick="setDate('ytd')"]`).click();
+				if (pageInit) {
+						$("#selAllSys").click();
+						pageInit = false;
 				}
-				$('#startdate').data('val', $('#startdate').val());
-				$('#enddate').data('val', $('#enddate').val());
-			}
+		});
 
-			refTable();
+		function loadOpeFirmTable() {
+				$("#opeFirmTable_wrapper").css("display", "block");
+				$("#opeRecTable_wrapper").css("display", "none");
+				$("#opeRecTable_2_wrapper").css("display", "none");
+				$("#serial_number").parent().parent().css("display", "none");
+				$("[for=serial_number]").parent().css("display", "none");
+				$("#setDate").css("display", "none");
+				$("#startdate").parent().parent().css("display", "none");
+				$("#enddate").parent().parent().css("display", "none");
+
+				serial_number = $("#serial_number").val() || null;
+				let ajaxObj = {
+						url: baseApiUrl + "/operation/OpeFirList",
+						method: "POST",
+						data: {
+								work_type: null,
+								start_created_at: pageAct.startdate,
+								end_created_at: pageAct.enddate,
+								serial_number: pageAct.serial_number,
+								main_system_tag: pageAct.main_system_tag,
+								sub_system_tag: pageAct.sub_system_tag,
+						},
+				};
+				let tag = "#opeFirmTable";
+
+				let column_defs = [
+						{ targets: [0], width: "4%", sortable: true },
+						{ targets: [1], width: "5%", sortable: true },
+						{ targets: [2], width: "5%", sortable: true },
+						{ targets: [3], width: "5%", sortable: true },
+						{ targets: [4], width: "5%", sortable: true },
+						{ targets: [5], width: "5%", sortable: true },
+						{ targets: [6], width: "5%", sortable: true },
+				];
+
+				let columns = [
+						{
+								title: "廠商類別",
+								data: "system_key",
+						},
+						{
+								title: "廠商",
+								data: "name",
+						},
+						{
+								title: "聯絡人",
+								data: "contact_person",
+						},
+						{
+								title: "電話",
+								data: "phone",
+						},
+						{
+								title: "email",
+								data: "email",
+						},
+						{
+								title: "建立日期",
+								data: "created_at",
+						},
+						{
+								title: "功能",
+								data: "id",
+								render: function (data) {
+										let btnDiv = creDiv(
+												["row", "m-0", "justify-content-center"],
+												{ style: "gap:10px" },
+												null,
+												null,
+												{ id: data }
+										);
+										btnDiv.append(
+												creBtnHtml("修改", "opeFirmEdiBtn", null, ["btn", "btn-info"], {
+														toggle: "modal",
+														target: "#opeFirmModal",
+												})
+										);
+										btnDiv.append(
+												creBtnHtml("刪除", "opeFirmDelBtn", null, ["btn", "btn-danger"], {
+														toggle: "modal",
+														target: "#delModal",
+												})
+										);
+										return btnDiv.outerHtml();
+								},
+						},
+				];
+
+				opeFirmTable = new YourTeam.JqDataTables.getTableByAjax(
+						ajaxObj,
+						tag,
+						null,
+						columns,
+						column_defs
+				);
 		}
-	}
 
-	function initDate() {
-		//$('#startdate').val(displayDate(new Date(new Date().setDate(new Date().getDate())), 'date').replaceAll('/', '-'));
-		//$('#enddate').val(displayDate(new Date(new Date().setDate(new Date().getDate())), 'date').replaceAll('/', '-'));
-		$(`[onclick="setDate('tdy')"]`).click();
-	}
+		function loadOpeRecTable() {
+				$("#opeFirmTable_wrapper").css("display", "none");
 
-	function clearPageAct() {
-		pageAct.startdate = null;
-		pageAct.enddate = null;
-		pageAct.serial_number = null;
-	}
+				$("#serial_number").parent().parent().css("display", "block");
+				$("[for=serial_number]").parent().css("display", "block");
+				$("#setDate").css("display", "block");
+				$("#startdate").parent().parent().css("display", "block");
+				$("#enddate").parent().parent().css("display", "block");
 
-	function clearOpeRecPageAct() {
-		pageAct.selAreaTag = null;
-		pageAct.selBuiTag = null;
-		pageAct.selFloTag = null;
-	}
+				let ajaxObj = {
+						url: baseApiUrl + "/operation/OpeRecList",
+						method: "POST",
+						data: {
+								work_type: pageAct.work_type,
+								start_created_at: pageAct.startdate,
+								end_created_at: pageAct.enddate,
+								serial_number: pageAct.serial_number,
+								main_system_tag: pageAct.main_system_tag,
+								sub_system_tag: pageAct.sub_system_tag,
+						},
+				};
 
-	function snSearch() {
-		clearPageAct();
-		pageAct.startdate = $('#startdate').val() + "T00:00:00";
-		pageAct.enddate = $('#enddate').val() + "T23:59:59"
-		pageAct.serial_number = $('#serial_number').val() || null;
-		refTable();
-	}
+				let tag = "#opeRecTable" + (pageAct.work_type == "2" ? "_2" : "");
+				let column_defs = [];
+				let columns = [];
+				if (pageAct.work_type == "2") {
+						$("#opeRecTable_wrapper").css("display", "none");
+						$("#opeRecTable_2_wrapper").css("display", "block");
 
-	function sysList() {
-		let url = baseApiUrl + "/api/GetMainSub";
-		let sendData = {
-			building_tag: pageAct.buiTag
+						column_defs = [
+								{ targets: [0], width: "2%", sortable: true },
+								{ targets: [1], width: "6%", sortable: true },
+								{ targets: [2], width: "7%", sortable: true },
+								{ targets: [3], width: "6%", sortable: true },
+								{ targets: [4], width: "5%", sortable: true },
+								{ targets: [5], width: "3%", sortable: true },
+								{ targets: [6], width: "5%", sortable: true },
+								{ targets: [7], width: "6%", sortable: true },
+								{ targets: [8], width: "15%", sortable: false },
+								{ targets: [9], width: "6%", sortable: false },
+								{ targets: [10], width: "8%", sortable: true },
+								{ targets: [11], width: "8%", sortable: false },
+						];
+
+						columns = [
+								{
+										title: "項目",
+										data: "work_type_name",
+								},
+								{
+										title: "位置",
+										data: "location",
+								},
+								{
+										title: "異常代號",
+										data: "error_code",
+										render: (data) => {
+												console.log(data?.split("-")[0] || "" == null);
+												return data?.split("-")[0] || "";
+										},
+								},
+								{
+										title: "表單號",
+										data: "formId",
+								},
+								{
+										title: "設備名稱",
+										data: "device_name",
+								},
+								{
+										title: "狀態",
+										data: "status_name",
+								},
+								{
+										title: "處理人員",
+										data: "user_full_name",
+								},
+								{
+										title: "預計施工時間",
+										data: "start_time",
+										render: function (data) {
+												return displayDate(data, "datetime");
+										},
+								},
+								{
+										title: "檔案上傳",
+										data: "lorf",
+										render: function (data) {
+												ope_imgHtml = null;
+												$.each(data, function (i, v) {
+														let extName = v.ori_file_name.split(".")[1];
+														if (i == 0)
+																ope_imgHtml = creDiv(["file-item"], null, null, null, {
+																		id: v.id,
+																});
+														if (i < 3) {
+																if (/\.(jpe?g|png|gif)$/i.test(v.ori_file_name)) {
+																		ope_colA = creEle("a", null, null, null, null, null, {
+																				href:
+																						baseApiUrl +
+																						"/upload/operation/" +
+																						v.save_file_name +
+																						"." +
+																						extName,
+																				download: v.ori_file_name,
+																				target: "_blank",
+																				style: "cursor: pointer",
+																		});
+																		ope_colImg = creImg(
+																				"img",
+																				null,
+																				null,
+																				null,
+																				null,
+																				{ filename: v.ori_file_name, savename: v.save_file_name },
+																				{
+																						style: "margin-left: 30px",
+																						height: "70px",
+																						width: "50px",
+																						src:
+																								baseApiUrl +
+																								"/upload/operation/" +
+																								v.save_file_name +
+																								"." +
+																								extName,
+																				}
+																		);
+																		ope_colA.append(ope_colImg);
+																		ope_imgHtml.append(ope_colA);
+																} else if (
+																		/\.(xls?x|doc?x|ptt?x|pdf|zip|rar|7zip|txt|odt|xml|rtf|ods|odp|pps?x|ppt?x)$/i.test(
+																				v.ori_file_name
+																		)
+																) {
+																		icons = null;
+																		if (extName == "xlsx" || extName == "xls")
+																				icons = "fas fa-file-excel";
+																		else if (extName == "pdf" || extName == "ods")
+																				icons = "fas fa-file-pdf";
+																		else if (extName == "doc" || extName == "docx")
+																				icons = "fas fa-file-word";
+																		else icons = "fas fa-file-alt";
+
+																		ope_colI = creEle("i", null, null, null, [
+																				icons + " fa-3x m-1",
+																		]);
+																		ope_colA = creEle(
+																				"a",
+																				null,
+																				null,
+																				null,
+																				null,
+																				{ filename: v.ori_file_name, savename: v.save_file_name },
+																				{
+																						href:
+																								baseApiUrl +
+																								"/upload/operation/" +
+																								v.save_file_name +
+																								"." +
+																								extName,
+																						download: v.ori_file_name,
+																						style: "margin-left: 30px",
+																				}
+																		);
+																		ope_colA.append(ope_colI);
+																		ope_imgHtml.append(ope_colA);
+																}
+														}
+												});
+
+												return ope_imgHtml ? ope_imgHtml.outerHtml() : null;
+										},
+								},
+								{
+										title: "完成時間",
+										data: "finish_time",
+										render: function (data) {
+												return displayDate(data, "datetime");
+										},
+								},
+								{
+										title: "建立時間",
+										data: "created_at",
+								},
+								{
+										title: "功能",
+										data: "id",
+										render: function (data) {
+												let btnDiv = creDiv(
+														["row", "m-0", "justify-content-center"],
+														{ style: "gap:10px" },
+														null,
+														null,
+														{ id: data }
+												);
+												btnDiv.append(
+														creBtnHtml("修改", "opeRecEdiBtn", null, ["btn", "btn-info"], {
+																toggle: "modal",
+																target: "#opeRecModal_2",
+														})
+												);
+												btnDiv.append(
+														creBtnHtml("刪除", "opeRecDelBtn", null, ["btn", "btn-danger"], {
+																toggle: "modal",
+																target: "#delModal",
+														})
+												);
+												return btnDiv.outerHtml();
+										},
+								},
+						];
+				} else if (pageAct.work_type == "1") {
+						$("#opeRecTable_wrapper").css("display", "block");
+						$("#opeRecTable_2_wrapper").css("display", "none");
+
+						column_defs = [
+								{ targets: [0], width: "2%", sortable: true },
+								{ targets: [1], width: "6%", sortable: true },
+								//{ targets: [2], width: "6%", sortable: true },
+								{ targets: [2], width: "6%", sortable: true },
+								{ targets: [3], width: "8%", sortable: true },
+								{ targets: [4], width: "5%", sortable: true },
+								{ targets: [5], width: "6%", sortable: true },
+								{ targets: [6], width: "13%", sortable: false },
+								{ targets: [7], width: "6%", sortable: false },
+								{ targets: [8], width: "8%", sortable: false },
+								{ targets: [9], width: "8%", sortable: true },
+								{ targets: [10], width: "8%", sortable: false },
+						];
+
+						columns = [
+								{
+										title: "項目",
+										data: "work_type_name",
+								},
+								{
+										title: "位置",
+										data: "location",
+								},
+								//{
+								//		title: "異常代號",
+								//		data: "error_code",
+								//},
+								{
+										title: "表單號",
+										data: "formId",
+								},
+								{
+										title: "設備名稱",
+										data: "device_name",
+								},
+								{
+										title: "狀態",
+										data: "status_name",
+								},
+								{
+										title: "處理人員",
+										data: "user_full_name",
+								},
+								{
+										title: "預計施工時間",
+										data: "start_time",
+										render: function (data) {
+												return displayDate(data, "datetime");
+										},
+								},
+								{
+										title: "檔案上傳",
+										data: "lorf",
+										render: function (data) {
+												ope_imgHtml = null;
+												$.each(data, function (i, v) {
+														let extName = v.ori_file_name.split(".")[1];
+														if (i == 0)
+																ope_imgHtml = creDiv(["file-item"], null, null, null, {
+																		id: v.id,
+																});
+														if (i < 3) {
+																if (/\.(jpe?g|png|gif)$/i.test(v.ori_file_name)) {
+																		ope_colA = creEle("a", null, null, null, null, null, {
+																				href:
+																						baseApiUrl +
+																						"/upload/operation/" +
+																						v.save_file_name +
+																						"." +
+																						extName,
+																				download: v.ori_file_name,
+																				target: "_blank",
+																				style: "cursor: pointer",
+																		});
+																		ope_colImg = creImg(
+																				"img",
+																				null,
+																				null,
+																				null,
+																				null,
+																				{ filename: v.ori_file_name, savename: v.save_file_name },
+																				{
+																						style: "margin-left: 30px",
+																						height: "70px",
+																						width: "50px",
+																						src:
+																								baseApiUrl +
+																								"/upload/operation/" +
+																								v.save_file_name +
+																								"." +
+																								extName,
+																				}
+																		);
+																		ope_colA.append(ope_colImg);
+																		ope_imgHtml.append(ope_colA);
+																} else if (
+																		/\.(xls?x|doc?x|ptt?x|pdf|zip|rar|7zip|txt|odt|xml|rtf|ods|odp|pps?x|ppt?x)$/i.test(
+																				v.ori_file_name
+																		)
+																) {
+																		icons = null;
+																		if (extName == "xlsx" || extName == "xls")
+																				icons = "fas fa-file-excel";
+																		else if (extName == "pdf" || extName == "ods")
+																				icons = "fas fa-file-pdf";
+																		else if (extName == "doc" || extName == "docx")
+																				icons = "fas fa-file-word";
+																		else icons = "fas fa-file-alt";
+
+																		ope_colI = creEle("i", null, null, null, [
+																				icons + " fa-3x m-1",
+																		]);
+																		ope_colA = creEle(
+																				"a",
+																				null,
+																				null,
+																				null,
+																				null,
+																				{ filename: v.ori_file_name, savename: v.save_file_name },
+																				{
+																						href:
+																								baseApiUrl +
+																								"/upload/operation/" +
+																								v.save_file_name +
+																								"." +
+																								extName,
+																						download: v.ori_file_name,
+																						style: "margin-left: 30px",
+																				}
+																		);
+																		ope_colA.append(ope_colI);
+																		ope_imgHtml.append(ope_colA);
+																}
+														}
+												});
+
+												return ope_imgHtml ? ope_imgHtml.outerHtml() : null;
+										},
+								},
+								{
+										title: "完成時間",
+										data: "finish_time",
+										render: function (data) {
+												return displayDate(data, "datetime");
+										},
+								},
+								{
+										title: "建立時間",
+										data: "created_at",
+								},
+								{
+										title: "功能",
+										data: "id",
+										render: function (data) {
+												let btnDiv = creDiv(
+														["row", "m-0", "justify-content-center"],
+														{ style: "gap:10px" },
+														null,
+														null,
+														{ id: data }
+												);
+												btnDiv.append(
+														creBtnHtml("修改", "opeRecEdiBtn", null, ["btn", "btn-info"], {
+																toggle: "modal",
+																target: "#opeRecModal",
+														})
+												);
+												btnDiv.append(
+														creBtnHtml("刪除", "opeRecDelBtn", null, ["btn", "btn-danger"], {
+																toggle: "modal",
+																target: "#delModal",
+														})
+												);
+												return btnDiv.outerHtml();
+										},
+								},
+						];
+				}
+
+				opeRecTable = new YourTeam.JqDataTables.getTableByAjax(
+						ajaxObj,
+						tag,
+						null,
+						columns,
+						column_defs
+				);
 		}
-		objSendData.Data = sendData;
-		function success(res) {
-			let mainStrHtml = ``;
-			let subStrHtml = ``;
-			let display = pageAct.mainStatus ? "hidden" : "";
 
-			$.each(res.data.history_Main_Systems, function (i, v) {
-				if (pageAct.mainStatus) {
-					mainStrHtml += `<div class="custom-control custom-checkbox custom-control-inline">
+		function setType(wt) {
+				pageAct.work_type = wt;
+
+				if (wt == null) {
+						$("#newForm").attr("data-target", "#opeFirmModal");
+						loadOpeFirmTable();
+				} else {
+						$(pageAct.work_type == "1" ? "#inpWorTyp" : "#inpWorTyp_2").val(wt);
+						$("#newForm").attr(
+								"data-target",
+								pageAct.work_type == "1" ? "#opeRecModal" : "#opeRecModal_2"
+						);
+						loadOpeRecTable();
+				}
+		}
+
+		function setDate(dateType = null, startdate = null, enddate = null) {
+				clearPageAct();
+				pageAct.startdate = startdate;
+				pageAct.enddate = enddate;
+
+				if ($("#startdate").val() > $("#enddate").val()) {
+						$("#startdate").val($("#startdate").data("val"));
+						$("#enddate").val($("#enddate").data("val"));
+						toast_error("不可選擇大於結束時間");
+				} else {
+						let today = displayDate(
+								new Date(new Date().setDate(new Date().getDate())),
+								"date"
+						).replaceAll("/", "-");
+						let ytd = displayDate(
+								new Date(new Date().setDate(new Date().getDate() - 1)),
+								"date"
+						).replaceAll("/", "-");
+
+						if (dateType == "tdy") {
+								pageAct.startdate =
+										displayDate(
+												new Date(new Date().setDate(new Date().getDate())),
+												"datetime"
+										)
+												.toString()
+												.replaceAll("/", "-")
+												.split(" ")[0] + "T00:00:00";
+								pageAct.enddate =
+										displayDate(
+												new Date(new Date().setDate(new Date().getDate())),
+												"datetime"
+										)
+												.toString()
+												.replaceAll("/", "-")
+												.split(" ")[0] + "T23:59:59";
+								$("#startdate").val(today);
+								$("#startdate").data("val", today);
+								$("#enddate").val(today);
+								$("#enddate").data("val", today);
+						} else if (dateType == "ytd") {
+								pageAct.startdate =
+										displayDate(
+												new Date(new Date().setDate(new Date().getDate() - 1)),
+												"datetime"
+										)
+												.toString()
+												.replaceAll("/", "-")
+												.split(" ")[0] + "T00:00:00";
+								pageAct.enddate =
+										displayDate(
+												new Date(new Date().setDate(new Date().getDate() - 1)),
+												"datetime"
+										)
+												.toString()
+												.replaceAll("/", "-")
+												.split(" ")[0] + "T23:59:59";
+								$("#startdate").val(ytd);
+								$("#startdate").data("val", ytd);
+								$("#enddate").val(ytd);
+								$("#enddate").data("val", ytd);
+						} else {
+								pageAct.enddate =
+										displayDate(
+												new Date(pageAct.enddate.valueOf()).setDate(
+														pageAct.enddate.getDate()
+												),
+												"date"
+										)
+												.toString()
+												.replaceAll("/", "-") + "T23:59:59";
+								$(`[onclick^=setDate]`).removeClass("btn-info");
+								$(`[onclick^=setDate]`).addClass("btn-secondary");
+								if ($("#startdate").val() == $("#enddate").val()) {
+										if ($("#startdate").val() == today)
+												$(`[onclick="setDate('tdy')"]`).click();
+										else if ($("#startdate").val() == ytd)
+												$(`[onclick="setDate('ytd')"]`).click();
+								}
+								$("#startdate").data("val", $("#startdate").val());
+								$("#enddate").data("val", $("#enddate").val());
+						}
+
+						refTable();
+				}
+		}
+
+		function initDate() {
+				//$('#startdate').val(displayDate(new Date(new Date().setDate(new Date().getDate())), 'date').replaceAll('/', '-'));
+				//$('#enddate').val(displayDate(new Date(new Date().setDate(new Date().getDate())), 'date').replaceAll('/', '-'));
+				$(`[onclick="setDate('tdy')"]`).click();
+		}
+
+		function clearPageAct() {
+				pageAct.startdate = null;
+				pageAct.enddate = null;
+				pageAct.serial_number = null;
+		}
+
+		function clearOpeRecPageAct() {
+				pageAct.selAreaTag = null;
+				pageAct.selBuiTag = null;
+				pageAct.selFloTag = null;
+		}
+
+		function snSearch() {
+				clearPageAct();
+				pageAct.startdate = $("#startdate").val() + "T00:00:00";
+				pageAct.enddate = $("#enddate").val() + "T23:59:59";
+				pageAct.serial_number = $("#serial_number").val() || null;
+				refTable();
+		}
+
+		function sysList() {
+				let url = baseApiUrl + "/api/GetMainSub";
+				let sendData = {
+						building_tag: pageAct.buiTag,
+				};
+				objSendData.Data = sendData;
+				function success(res) {
+						let mainStrHtml = ``;
+						let subStrHtml = ``;
+						let display = pageAct.mainStatus ? "hidden" : "";
+
+						$.each(res.data.history_Main_Systems, function (i, v) {
+								if (pageAct.mainStatus) {
+										mainStrHtml += `<div class="custom-control custom-checkbox custom-control-inline">
 										<input type="checkbox" class="custom-control-input" data-type="main" id="${v.main_system_tag}">
 										<label class="custom-control-label" for="${v.main_system_tag}">${v.full_name}</label>
 									</div>`;
-				}
-				pageAct.selSysMain.push(v);
-				$.each(v.history_Sub_systems, function (i2, v2) {
-					subStrHtml += `<div class="custom-control custom-checkbox custom-control-inline" data-main="${v.main_system_tag}" ${display}>
+								}
+								pageAct.selSysMain.push(v);
+								$.each(v.history_Sub_systems, function (i2, v2) {
+										subStrHtml += `<div class="custom-control custom-checkbox custom-control-inline" data-main="${v.main_system_tag}" ${display}>
 										<input type="checkbox" class="custom-control-input" data-type="sub" id="${v2.sub_system_tag}">
 										<label class="custom-control-label" for="${v2.sub_system_tag}">${v2.full_name}</label>
 									</div>`;
 
-					pageAct.selSysSub.push(v2);
-				});
-			});
-
-			if (pageAct.mainStatus) {
-				$('#mainList').html(mainStrHtml);
-				$('#subList').html(subStrHtml);
-			}
-			else {
-				$('#mainList').html(subStrHtml);
-			}
-
-			if (pageAct.sub_system_tag != null) {
-				$.each(pageAct.sub_system_tag, function (i, v) {
-					$('#' + v).click();
-				});
-			}
-		}
-		ytAjax = new YourTeam.Ajax(url, objSendData, success, null, "POST").send();
-	}
-
-	function refTable() {
-		if (pageAct.work_type == null)
-			loadOpeFirmTable();
-		else
-			loadOpeRecTable();
-	}
-
-	function exportExcel(e) {
-		console.log("export", e)
-		let url = baseApiUrl + "/operation/OpeExportExcel";
-
-		objSendData.Data = {
-			work_type: pageAct.work_type,
-			startdate: pageAct.startdate == undefined ? null : pageAct.startdate,
-			enddate: pageAct.enddate == undefined ? null : pageAct.enddate,
-		};
-		ytAjax = new YourTeam.Ajax(url, objSendData, function (rel) {
-			if (rel.code == "0000")
-				location.href = baseApiUrl + "/api/df?path=" + rel.data.split('/')[0] + "&fileName=" + rel.data.split('/')[1] + "&token=" + cookies.get("JWT-Authorization");
-		}, null, "POST").send();
-	}
-
-	function selSysMain() {
-		$("#inpFirmSelSysMain").html();
-		$("#inpFirmSelSysSub").html();
-		let mainStrHtml = ``;
-		let subStrHtml = ``;
-		$.each(pageAct.selSysMain, (index, roleObj) => {
-			let selected = index == 0 ? "selected" : "";
-			mainStrHtml += `<option value='${roleObj.main_system_tag}' ${selected}>${roleObj.full_name}</option>`;
-
-			$.each(roleObj.history_Sub_systems, (index2, roleObj2) => {
-				subStrHtml += `<option value='${roleObj2.sub_system_tag}' data-main='${roleObj.main_system_tag}' ${selected} hidden>${roleObj2.full_name}</option>`;
-			});
-		});
-
-		$("#inpFirmSelSysMain").html(mainStrHtml);
-		$("#inpFirmSelSysSub").html(subStrHtml);
-		$(`[data-main=` + $("#inpFirmSelSysMain").find('option:selected').val() + `]`).attr('hidden', false);
-	}
-
-	function selDevice() {
-		let url = baseApiUrl + "/operation/DevList";
-		let lsst = [];
-		pageAct.selSysSub.map(function (v, i) { lsst.push(v.sub_system_tag.toString()); });
-		sendData = {
-			device_area_tag: pageAct.AreaTag,
-			device_building_tag: pageAct.buiTag,
-			list_sub_system_tag: lsst,
-		};
-		objSendData.Data = sendData;
-		ytAjax = new YourTeam.Ajax(url, objSendData, function (res) {
-			if (!res || res.code != "0000" || !res.data) {
-
-			} else {
-				strHtml = ``;
-				$(pageAct.work_type == '1' ? "#inpFixDoCode" : "#inpFixDoCode_2").html();
-				$.each(res.data, (index, roleObj) => {
-					strHtml += `<option value='${roleObj.device_number}' data-floor=${roleObj.device_floor_tag} data-main=${roleObj.device_system_tag} data-sub=${roleObj.device_name_tag}>${roleObj.device_name}</option>`;
-
-					if (index == 0) {
-						pageAct.sysMain = roleObj.device_system_tag;
-						pageAct.sysSub = roleObj.device_name_tag;
-						pageAct.floor = roleObj.device_floor_tag;
-						pageAct.number = roleObj.device_number;
-					}
-				})
-				$(pageAct.work_type == '1' ? "#inpFixDoCode" : "#inpFixDoCode_2").html(strHtml);
-			}
-		}, null, "POST").send();
-	}
-
-	function selUser() {
-		let url = baseApiUrl + "/User/UserManagerList";
-		ytAjax = new YourTeam.Ajax(url, objSendData, function (res) {
-			if (!res || res.code != "0000" || !res.data) {
-
-			} else {
-				$(pageAct.work_type == '1' ? "#inpWorPerId" : "#inpWorPerId_2").html();
-				strHtml = ``;
-				strHtml += `<option value=''>未選擇</option>`;
-				$.each(res.data, (index, roleObj) => {
-					strHtml += `<option value='${roleObj.userinfo_guid}'>${roleObj.full_name}</option>`;
-				})
-				$(pageAct.work_type == '1' ? "#inpWorPerId" : "#inpWorPerId_2").html(strHtml);
-			}
-		}, null, "POST").send();
-	}
-
-	function selOpeFir() {
-		let url = baseApiUrl + "/operation/OpeFirSel";
-		objSendData.Data = { sub_system_tag: [pageAct.sysSub] };
-		ytAjax = new YourTeam.Ajax(url, objSendData, function (res) {
-			if (!res || res.code != "0000" || !res.data) {
-
-			} else {
-				$(pageAct.work_type == '1' ? "#inpFixFirm" : "#inpFixFirm_2").html();
-				strHtml = ``;
-				strHtml += `<option value=''>未選擇</option>`;
-				$.each(res.data, (index, roleObj) => {
-					strHtml += `<option value='${roleObj.id}'>${roleObj.name}</option>`;
-				})
-				$(pageAct.work_type == '1' ? "#inpFixFirm" : "#inpFixFirm_2").html(strHtml);
-			}
-		}, null, "POST").send();
-	}
-
-	function selAllSysVal(elem) {
-		$(loadEle).Loading("start");
-		if ($(elem).html() == '全選類別') {
-			$('#mainList input').map(function (i, v) {
-				if (!$(v).is(':checked')) {
-					$(v).click();
-				}
-			});
-			$('#subList input').map(function (i, v) {
-				if (!$(v).is(':checked')) {
-					$(v).click();
-				}
-			});
-			$(elem).html('取消全選');
-		}
-		else {
-			$('#mainList input').map(function (i, v) {
-				if ($(v).is(':checked'))
-					$(v).click();
-			});
-			$('#subList input').map(function (i, v) {
-				if ($(v).is(':checked'))
-					$(v).click();
-			});
-			$(elem).html('全選類別');
-		}
-
-		refTable();
-		$(loadEle).Loading("close");
-	}
-
-	function event() {
-		onEvent('click', '#newForm', function () {
-
-			if (pageAct.work_type == null) {
-				pageAct.opeFirmAct = 'add';
-				$('#opeFirmTitle').html('新增廠商資料');
-				$('#opeFirmModal input').map(function (i, v) { $(v).val('') });
-				$('#opeFirmModal [id*=-error]').hide();
-			}
-			else {
-				clearOpeRecPageAct();
-				$('#' + (pageAct.work_type == '1' ? 'opeRecForm' : 'opeRecForm_2') + ' [id*=-error]').hide();
-				pageAct.opeRecId = null;
-				pageAct.imageFile = [];
-				$(pageAct.work_type == '1' ? '#opeRecTitle' : '#opeRecTitle_2').html(pageAct.work_type == 1 ? "新增保養" : "新增維修");
-				$(pageAct.work_type == '1' ? '#opeRecModal input' : '#opeRecModal_2 input').map(function (i, v) { $(v).val('') });
-				let today = displayDate(new Date(Date.now()), 'date').replaceAll('/', '-');
-				$(pageAct.work_type == '1' ? '#opeRecModal input[id*=Time]' : '#opeRecModal_2 input[id*=Time]').map(function (i, v) { $(v).val(today) });
-				$(pageAct.work_type == '1' ? '#ope_forImage' : '#ope_forImage_2').html('');
-				$(pageAct.work_type == '1' ? '#ope_forFile' : '#ope_forFile_2').html('');
-				$(pageAct.work_type == '1' ? '#inpDescription' : '#inpDescription_2').val('');
-				$(pageAct.work_type == '1' ? '#inpNotice' : '#inpNotice_2').val('');
-				$(pageAct.work_type == '1' ? '#inpFixDo' : '#inpFixDo_2').val('');
-				selUser();
-				selDevice();
-				selOpeFir();
-				errCodeList();
-				getFormId();
-				getUser();
-			}
-
-			selSysMain();
-		});
-
-		onEvent('click', '#opeFirmEdiBtn', function () {
-			selSysMain();
-			$('#opeFirmTitle').html('編輯廠商資料');
-			let url = baseApiUrl + "/operation/OpeFirRead";
-			pageAct.opeFirmId = $(this).parent().data('id')
-			objSendData.Data = { id: pageAct.opeFirmId };
-			ytAjax = new YourTeam.Ajax(url, objSendData, function (res) {
-				if (!res || res.code != "0000" || !res.data) {
-
-				} else {
-					pageAct.opeFirmAct = 'edit';
-					$('#opeFirmForm select[id=inpFirmSelSysMain]').val(res.data.device_system_category_layer2).change();
-					$('#opeFirmForm select[id=inpFirmSelSysSub]').val(res.data.device_system_category_layer3).change();
-					$('#opeFirmForm input[id=inpName]').val(res.data.name);
-					$('#opeFirmForm input[id=inpConPer]').val(res.data.contact_person);
-					$('#opeFirmForm input[id=inpPhone]').val(res.data.phone);
-					$('#opeFirmForm input[id=inpEmail]').val(res.data.email);
-					$('#opeFirmForm input[id=inpTaxIdNum]').val(res.data.tax_id_number);
-					$('#opeFirmForm input[id=inpRemark]').val(res.data.remark);
-				}
-			}, null, "POST").send()
-		});
-
-		onEvent('click', '#OpeFirmSendBtn', function () {
-			let form = $("#opeFirmForm");
-
-			$(form).validate({
-				rules: {
-					inpFirmSelSysMain: { required: true },
-					inpFirmSelSysSub: { required: true },
-					inpName: { required: true, maxlength: 50 }
-				}
-			});
-			if ($(form).valid()) {
-				let url = baseApiUrl + "/operation/" + (pageAct.opeFirmAct == "add" ? 'SaveOpeFirm' : 'EdtOneOpeFirm');
-				let sendData = {
-					device_system_category_layer2: $('#inpFirmSelSysMain').val(),
-					device_system_category_layer3: $('#inpFirmSelSysSub').val(),
-					name: $("#inpName").val() || null,
-					contact_person: $("#inpConPer").val() || null,
-					phone: $("#inpPhone").val() || null,
-					email: $("#inpEmail").val() || null,
-					tax_id_number: $("#inpTaxIdNum").val() || null,
-					remark: $("#inpRemark").val() || null
-				};
-
-				if (pageAct.opeFirmAct == "edit")
-					sendData.id = pageAct.opeFirmId;
-
-				objSendData.Data = sendData;
-
-				ytAjax = new YourTeam.Ajax(url, objSendData, function (res) {
-					if (!res || res.code != "0000" || !res.data) {
-
-					} else {
-						toast_ok(common.AddSuc);
-						//$("#opeFirmModal").modal("hide");
-						$("#OpeFirmCanBtn").click();
-						refTable();
-					}
-				}, null, "POST").send();
-			}
-		});
-
-		onEvent('click', '#opeFirmDelBtn', function () {
-			pageAct.opeRecId = null;
-			pageAct.opeFirmId = $(this).parent().data('id');
-		});
-
-		onEvent('click', '#confirmDelBtn', function () {
-			objSendData.Data = { id: pageAct.opeFirmId ?? pageAct.opeRecId };
-			let url = baseApiUrl + "/operation/" + (pageAct.work_type == null ? "DelOpeFirm" : "DelOpeRecord");
-
-			ytAjax = new YourTeam.Ajax(url, objSendData, function (res) {
-				if (!res || res.code != "0000" || !res.data) {
-
-				} else {
-					toast_ok(common.DelSuc);
-					//$("#delModal").modal("hide");
-					$("#confirmDelCanBtn").click();
-					refTable();
-				}
-			}, null, "DELETE").send();
-		});
-
-		onEvent('click', '#opeRecDelBtn', function () {
-			pageAct.opeRecId = $(this).parent().data('id');
-			pageAct.opeFirmId = null;
-		});
-
-		onEvent('click', '#OpeRecSendBtn, #OpeRecSendBtn_2', function () {
-			let form = $(pageAct.work_type == '1' ? "#opeRecForm" : "#opeRecForm_2");
-			if (pageAct.work_type == '1') {
-				$(form).validate({
-					rules: {
-						inpWorTyp: { required: true },
-						inpFixDo: { required: true },
-						inpFixDoCode: { required: true },
-						inpFixFirm: { required: true },
-						inpStatus: { required: true },
-						inpWorPerId: { required: true },
-					}
-				});
-			}
-			else {
-				$(form).validate({
-					rules: {
-						inpWorTyp_2: { required: true },
-						inpFixDo_2: { required: true },
-						inpFixDoCode_2: { required: true },
-						inpFixFirm_2: { required: true },
-						inpStatus_2: { required: true },
-						inpWorPerId_2: { required: true },
-					}
-				});
-			}
-
-			if ($(form).valid()) {
-				let url = baseApiUrl + "/operation/SavOpeRecord";
-
-				let fd = new FormData();
-				$.each(pageAct.imageFile, function (i, v) {
-					fd.append("lorf[" + i + "].id", v.id);
-					fd.append("lorf[" + i + "].file", v.file);
-					fd.append("lorf[" + i + "].save_file_name", v.save_file_name);
-					fd.append("lorf[" + i + "].ori_file_name", v.ori_file_name);
-				});
-
-				fd.append("error_code", $(pageAct.work_type == "1" ? '#inpErrCode' : '#inpErrCode_2').val());
-				fd.append("location", "台北" + $('#buiActDrop').text() + pageAct.floor);
-				fd.append("location_code", pageAct.AreaTag + pageAct.buiTag + pageAct.floor);
-				fd.append("device_system_category_layer2", pageAct.sysMain);
-				fd.append("device_system_category_layer3", pageAct.sysSub);
-				fd.append("work_type", parseInt($(pageAct.work_type == "1" ? '#inpWorTyp' : '#inpWorTyp_2').val()));
-				fd.append("fix_do", $(pageAct.work_type == "1" ? '#inpFixDo' : '#inpFixDo_2').val());
-				fd.append("fix_do_code", $(pageAct.work_type == "1" ? '#inpFixDoCode' : '#inpFixDoCode_2').val());
-				fd.append("fix_firm", parseInt($(pageAct.work_type == "1" ? '#inpFixFirm' : '#inpFixFirm_2').val()));
-				fd.append("status", parseInt($('#' + (pageAct.work_type == '1' ? 'inpStatus' : 'inpStatus_2') + ' [name=' + (pageAct.work_type == '1' ? 'inpSta' : 'inpSta_2') + ']:checked').data('value')));
-				fd.append("work_person_id", $(pageAct.work_type == "1" ? '#inpWorPerId' : '#inpWorPerId_2').val());
-				fd.append("start_time", ($(pageAct.work_type == "1" ? '#inpStaTime' : '#inpStaTime_2').val() || null) == null ? null : new Date($(pageAct.work_type == "1" ? '#inpStaTime' : '#inpStaTime_2').val()).toISOString());
-				//fd.append("end_time", ($('#inpEndTime').val() || null) == null ? $('#inpEndTime').val() : new Date($('#inpEndTime').val()).toISOString());
-				//fd.append("work_time", ($('#inpWorTime').val() || null) == null ? $('#inpWorTime').val() : new Date($('#inpWorTime').val()).toISOString());
-				fd.append("finish_time", (parseInt($('#' + (pageAct.work_type == '1' ? 'inpStatus' : 'inpStatus_2') + ' [name=' + (pageAct.work_type == '1' ? 'inpSta' : 'inpSta_2') + ']:checked').data('value'))) == 1 ? new Date(Date.now()).toISOString() : null);
-				fd.append("notice", $(pageAct.work_type == "1" ? '#inpNotice' : '#inpNotice_2').val() || '');
-				fd.append("description", $(pageAct.work_type == "1" ? '#inpDescription' : '#inpDescription_2').val() || '');
-
-				//let sendData = {
-				//	location: $('#inpArea option:selected').text() + $('#inpBuilding option:selected').text() + $('#inpFloor option:selected').text(),
-				//	location_code: $('#inpArea').val().toString() + $('#inpBuilding').val().toString() + $('#inpFloor').val().toString(),
-				//	device_system_category_layer2: $('#inpRecSelSysMain').val(),
-				//	device_system_category_layer3: $('#inpRecSelSysSub').val(),
-				//	work_type: parseInt($('#inpWorTyp').val()),
-				//	fix_do: $('#inpFixDo').val(),
-				//	fix_do_code: $('#inpFixDoCode').val(),
-				//	fix_firm: parseInt($('#inpFixFirm').val()),
-				//	status: parseInt($('#inpStatus').val()),
-				//	work_person_id: $('#inpWorPerId').val(),
-				//	start_time: $('#inpStaTime').val() == null ? null : new Date(new Date($('#inpStaTime').val()).getTime() + gmtTime),
-				//	end_time: $('#inpEndTime').val() == null ? $('#inpEndTime').val() : new Date(new Date($('#inpEndTime').val()).getTime() + gmtTime),
-				//	work_time: $('#inpWorTime').val() == null ? $('#inpWorTime').val() : new Date(new Date($('#inpWorTime').val()).getTime() + gmtTime),
-				//	finish_time: $('#inpFinTime').val() == null ? null : new Date(new Date($('#inpFinTime').val()).getTime() + gmtTime),
-				//	notice: $('#inpNotice').val() || null,
-				//	description: $('#inpDescription').val() || null,
-				//	lorf: pageAct.imageFile,
-				//};
-				if (pageAct.opeRecId != null)
-					fd.append("id", pageAct.opeRecId);
-
-				objSendData.Data = sendData;
-				$.ajax({
-					url: url,
-					type: "POST",
-					data: fd,
-					async: false,
-					cache: false,
-					contentType: false,
-					processData: false,
-					beforeSend: function (xhr) { xhr.setRequestHeader('Authorization', "Bearer " + cookies.get("JWT-Authorization")) },
-					success: function (res) {
-						if (!res || res.code != "0000" || !res.data) {
+										pageAct.selSysSub.push(v2);
+								});
+						});
 
+						if (pageAct.mainStatus) {
+								$("#mainList").html(mainStrHtml);
+								$("#subList").html(subStrHtml);
 						} else {
-							toast_ok(common.AddSuc);
-							//$("#opeFirmModal").modal("hide");
-							$(pageAct.work_type == '1' ? "#OpeRecCanBtn" : "#OpeRecCanBtn_2").click();
-							refTable();
+								$("#mainList").html(subStrHtml);
 						}
-					}
+
+						if (pageAct.sub_system_tag != null) {
+								$.each(pageAct.sub_system_tag, function (i, v) {
+										$("#" + v).click();
+								});
+						}
+				}
+				ytAjax = new YourTeam.Ajax(url, objSendData, success, null, "POST").send();
+		}
+
+		function refTable() {
+				if (pageAct.work_type == null) loadOpeFirmTable();
+				else loadOpeRecTable();
+		}
+
+		function exportExcel(e) {
+				console.log("export", e);
+				let url = baseApiUrl + "/operation/OpeExportExcel";
+
+				objSendData.Data = {
+						work_type: pageAct.work_type,
+						startdate: pageAct.startdate == undefined ? null : pageAct.startdate,
+						enddate: pageAct.enddate == undefined ? null : pageAct.enddate,
+				};
+				console.log("data", objSendData.Data);
+				ytAjax = new YourTeam.Ajax(
+						url,
+						objSendData,
+						function (rel) {
+								if (rel.code == "0000")
+										location.href =
+												baseApiUrl +
+												"/api/df?path=" +
+												rel.data.split("/")[0] +
+												"&fileName=" +
+												rel.data.split("/")[1] +
+												"&token=" +
+												cookies.get("JWT-Authorization");
+						},
+						null,
+						"POST"
+				).send();
+		}
+
+		function selSysMain() {
+				$("#inpFirmSelSysMain").html();
+				$("#inpFirmSelSysSub").html();
+				let mainStrHtml = ``;
+				let subStrHtml = ``;
+				$.each(pageAct.selSysMain, (index, roleObj) => {
+						let selected = index == 0 ? "selected" : "";
+						mainStrHtml += `<option value='${roleObj.main_system_tag}' ${selected}>${roleObj.full_name}</option>`;
+
+						$.each(roleObj.history_Sub_systems, (index2, roleObj2) => {
+								subStrHtml += `<option value='${roleObj2.sub_system_tag}' data-main='${roleObj.main_system_tag}' ${selected} hidden>${roleObj2.full_name}</option>`;
+						});
 				});
-			}
-		});
 
-		onEvent('click', '#opeRecEdiBtn', function () {
-			clearOpeRecPageAct();
-			selUser();
-			selDevice();
-			selOpeFir();
+				$("#inpFirmSelSysMain").html(mainStrHtml);
+				$("#inpFirmSelSysSub").html(subStrHtml);
+				$(
+						`[data-main=` +
+						$("#inpFirmSelSysMain").find("option:selected").val() +
+						`]`
+				).attr("hidden", false);
+		}
 
-			$('#ope_forImage').html('');
-			$('#ope_forFile').html('');
-			$('#ope_forImage_2').html('');
-			$('#ope_forFile_2').html('');
+		function selDevice() {
+				let url = baseApiUrl + "/operation/DevList";
+				let lsst = [];
+				pageAct.selSysSub.map(function (v, i) {
+						lsst.push(v.sub_system_tag.toString());
+				});
+				sendData = {
+						device_area_tag: pageAct.AreaTag,
+						device_building_tag: pageAct.buiTag,
+						list_sub_system_tag: lsst,
+				};
+				objSendData.Data = sendData;
+				ytAjax = new YourTeam.Ajax(
+						url,
+						objSendData,
+						function (res) {
+								if (!res || res.code != "0000" || !res.data) {
+								} else {
+										strHtml = `<option value=''></option>`;
+										$(
+												pageAct.work_type == "1" ? "#inpFixDoCode" : "#inpFixDoCode_2"
+										).html();
+										strHtml = `<option value='' disabled>未選擇</option>`;
+										$.each(res.data, (index, roleObj) => {
+												strHtml += `<option value='${roleObj.device_number}' data-floor=${roleObj.device_floor_tag} data-main=${roleObj.device_system_tag} data-sub=${roleObj.device_name_tag}>${roleObj.device_name}</option>`;
 
-			pageAct.imageFile = [];
-			$('#opeRecTitle').html(pageAct.work_type == 1 ? "編輯保養" : "編輯維修");
-			let url = baseApiUrl + "/operation/OpeRecRead";
-			pageAct.opeRecId = $(this).parent().data('id');
-			objSendData.Data = { id: pageAct.opeRecId };
-			ytAjax = new YourTeam.Ajax(url, objSendData, function (res) {
-				if (!res || res.code != "0000" || !res.data) {
+												if (index == 0) {
+														pageAct.sysMain = roleObj.device_system_tag;
+														pageAct.sysSub = roleObj.device_name_tag;
+														pageAct.floor = roleObj.device_floor_tag;
+														pageAct.number = roleObj.device_number;
+												}
+										});
+										$(
+												pageAct.work_type == "1" ? "#inpFixDoCode" : "#inpFixDoCode_2"
+										).html(strHtml);
+								}
+						},
+						null,
+						"POST"
+				).send();
+		}
 
+		function selUser() {
+				let url = baseApiUrl + "/User/UserManagerList";
+				ytAjax = new YourTeam.Ajax(
+						url,
+						objSendData,
+						function (res) {
+								if (!res || res.code != "0000" || !res.data) {
+								} else {
+										$(
+												pageAct.work_type == "1" ? "#inpWorPerId" : "#inpWorPerId_2"
+										).html();
+										strHtml = ``;
+										strHtml += `<option value=''>未選擇</option>`;
+										$.each(res.data, (index, roleObj) => {
+												strHtml += `<option value='${roleObj.userinfo_guid}'>${roleObj.full_name}</option>`;
+										});
+										$(pageAct.work_type == "1" ? "#inpWorPerId" : "#inpWorPerId_2").html(
+												strHtml
+										);
+								}
+						},
+						null,
+						"POST"
+				).send();
+		}
+
+		function selOpeFir() {
+				let url = baseApiUrl + "/operation/OpeFirSel";
+				objSendData.Data = { sub_system_tag: [pageAct.sysSub] };
+				ytAjax = new YourTeam.Ajax(
+						url,
+						objSendData,
+						function (res) {
+								if (!res || res.code != "0000" || !res.data) {
+								} else {
+										$(pageAct.work_type == "1" ? "#inpFixFirm" : "#inpFixFirm_2").html();
+										strHtml = ``;
+										strHtml += `<option value=''>未選擇</option>`;
+										$.each(res.data, (index, roleObj) => {
+												strHtml += `<option value='${roleObj.id}'>${roleObj.name}</option>`;
+										});
+										$(pageAct.work_type == "1" ? "#inpFixFirm" : "#inpFixFirm_2").html(
+												strHtml
+										);
+								}
+						},
+						null,
+						"POST"
+				).send();
+		}
+
+		function selAllSysVal(elem) {
+				$(loadEle).Loading("start");
+				if ($(elem).html() == "全選類別") {
+						$("#mainList input").map(function (i, v) {
+								if (!$(v).is(":checked")) {
+										$(v).click();
+								}
+						});
+						$("#subList input").map(function (i, v) {
+								if (!$(v).is(":checked")) {
+										$(v).click();
+								}
+						});
+						$(elem).html("取消全選");
 				} else {
-					pageAct.sysMain = res.data.device_system_category_layer2;
-					pageAct.sysSub = res.data.device_system_category_layer3;
-					pageAct.number = res.data.fix_do_code;
+						$("#mainList input").map(function (i, v) {
+								if ($(v).is(":checked")) $(v).click();
+						});
+						$("#subList input").map(function (i, v) {
+								if ($(v).is(":checked")) $(v).click();
+						});
+						$(elem).html("全選類別");
+				}
 
+				refTable();
+				$(loadEle).Loading("close");
+		}
 
-					callbackForErr(JSON.stringify({
-						count: [res.data].length,
-						data: [{ uuid: res.data.error_code }]
-					}));
-					$(pageAct.work_type == "1" ? '#inpNumber' : '#inpNumber_2').val(res.data.formId);
-					$(pageAct.work_type == "1" ? '#inpWorTyp' : '#inpWorTyp_2').val(res.data.work_type);
-					$(pageAct.work_type == "1" ? '#inpErrCode' : '#inpErrCode_2').val(res.data.error_code);
-					$(pageAct.work_type == "1" ? '#inpFixDo' : '#inpFixDo_2').val(res.data.fix_do);
-					$(pageAct.work_type == "1" ? '#inpFixDoCode' : '#inpFixDoCode_2').val(res.data.fix_do_code);
-					$(pageAct.work_type == "1" ? '#inpFixFirm' : '#inpFixFirm_2').val(res.data.fix_firm);
-					$('#' + (pageAct.work_type == '1' ? 'inpStatus' : 'inpStatus_2') + ' [name=' + (pageAct.work_type == '1' ? 'inpSta' : 'inpSta_2') + '][data-value=' + res.data.status + ']').click();
-					$(pageAct.work_type == "1" ? '#inpWorPerId' : '#inpWorPerId_2').val(res.data.work_person_id);
-					$(pageAct.work_type == "1" ? '#inpStaTime' : '#inpStaTime_2').val(displayDate(res.data.start_time, 'date').replaceAll('/', '-'));
-					$(pageAct.work_type == "1" ? '#inpNotice' : '#inpNotice_2').val(res.data.notice);
-					$(pageAct.work_type == "1" ? '#inpDescription' : '#inpDescription_2').val(res.data.description);
-					let elemSel = $(pageAct.work_type == "1" ? '#inpFixDoCode' : '#inpFixDoCode_2').find('option:selected');;
-					pageAct.number = elemSel.val();
+		function event() {
+				onEvent("click", "#newForm", function () {
+						uploader["ope1"][0].dropzone.removeAllFiles();
+						uploader["ope2"][0].dropzone.removeAllFiles();
+						if (pageAct.work_type == null) {
+								pageAct.opeFirmAct = "add";
+								$("#opeFirmTitle").html("新增廠商資料");
+								$("#opeFirmModal input").map(function (i, v) {
+										$(v).val("");
+								});
+								$("#opeFirmModal [id*=-error]").hide();
+						} else {
+								clearOpeRecPageAct();
+								$(
+										"#" +
+										(pageAct.work_type == "1" ? "opeRecForm" : "opeRecForm_2") +
+										" [id*=-error]"
+								).hide();
+								pageAct.opeRecId = null;
+								pageAct.imageFile = [];
+								$(pageAct.work_type == "1" ? "#opeRecTitle" : "#opeRecTitle_2").html(
+										pageAct.work_type == 1 ? "新增保養" : "新增維修"
+								);
+								$(
+										pageAct.work_type == "1"
+												? "#opeRecModal input"
+												: "#opeRecModal_2 input"
+								).map(function (i, v) {
+										$(v).val("");
+								});
+								let today = displayDate(new Date(Date.now()), "date").replaceAll(
+										"/",
+										"-"
+								);
+								$(
+										pageAct.work_type == "1"
+												? "#opeRecModal input[id*=Time]"
+												: "#opeRecModal_2 input[id*=Time]"
+								).map(function (i, v) {
+										$(v).val(today);
+								});
+								$(pageAct.work_type == "1" ? "#ope_forImage" : "#ope_forImage_2").html(
+										""
+								);
+								$(pageAct.work_type == "1" ? "#ope_forFile" : "#ope_forFile_2").html(
+										""
+								);
+								$(
+										pageAct.work_type == "1" ? "#inpDescription" : "#inpDescription_2"
+								).val("");
+								$(pageAct.work_type == "1" ? "#inpNotice" : "#inpNotice_2").val("");
+								$(pageAct.work_type == "1" ? "#inpFixDo" : "#inpFixDo_2").val("");
+								selUser();
+								selDevice();
+								selOpeFir();
+								errCodeList();
+								getFormId();
+								getUser();
+						}
 
+						selSysMain();
+				});
 
-					ope_imgHtml = null;
-					$.each(res.data.lorf, function (i, v) {
+				onEvent("click", "#opeFirmEdiBtn", function () {
+						selSysMain();
+						$("#opeFirmTitle").html("編輯廠商資料");
+						let url = baseApiUrl + "/operation/OpeFirRead";
+						pageAct.opeFirmId = $(this).parent().data("id");
+						objSendData.Data = { id: pageAct.opeFirmId };
+						ytAjax = new YourTeam.Ajax(
+								url,
+								objSendData,
+								function (res) {
+										if (!res || res.code != "0000" || !res.data) {
+										} else {
+												pageAct.opeFirmAct = "edit";
+												$("#opeFirmForm select[id=inpFirmSelSysMain]")
+														.val(res.data.device_system_category_layer2)
+														.change();
+												$("#opeFirmForm select[id=inpFirmSelSysSub]")
+														.val(res.data.device_system_category_layer3)
+														.change();
+												$("#opeFirmForm input[id=inpName]").val(res.data.name);
+												$("#opeFirmForm input[id=inpConPer]").val(res.data.contact_person);
+												$("#opeFirmForm input[id=inpPhone]").val(res.data.phone);
+												$("#opeFirmForm input[id=inpEmail]").val(res.data.email);
+												$("#opeFirmForm input[id=inpTaxIdNum]").val(res.data.tax_id_number);
+												$("#opeFirmForm input[id=inpRemark]").val(res.data.remark);
+										}
+								},
+								null,
+								"POST"
+						).send();
+				});
 
-						let extName = v.ori_file_name.split('.')[1];
+				onEvent("click", "#OpeFirmSendBtn", function () {
+						let form = $("#opeFirmForm");
 
-						if (/\.(jpe?g|png|gif)$/i.test(v.ori_file_name)) {
+						$(form).validate({
+								rules: {
+										inpFirmSelSysMain: { required: true },
+										inpFirmSelSysSub: { required: true },
+										inpName: { required: true, maxlength: 50 },
+								},
+						});
+						if ($(form).valid()) {
+								let url =
+										baseApiUrl +
+										"/operation/" +
+										(pageAct.opeFirmAct == "add" ? "SaveOpeFirm" : "EdtOneOpeFirm");
+								let sendData = {
+										device_system_category_layer2: $("#inpFirmSelSysMain").val(),
+										device_system_category_layer3: $("#inpFirmSelSysSub").val(),
+										name: $("#inpName").val() || null,
+										contact_person: $("#inpConPer").val() || null,
+										phone: $("#inpPhone").val() || null,
+										email: $("#inpEmail").val() || null,
+										tax_id_number: $("#inpTaxIdNum").val() || null,
+										remark: $("#inpRemark").val() || null,
+								};
 
-							ope_colI = creEle("i", null, null, null, ["fa fa-times"]);
+								if (pageAct.opeFirmAct == "edit") sendData.id = pageAct.opeFirmId;
+
+								objSendData.Data = sendData;
+
+								ytAjax = new YourTeam.Ajax(
+										url,
+										objSendData,
+										function (res) {
+												if (!res || res.code != "0000" || !res.data) {
+														toast_error(common.AddErr + (res.msg || res.data));
+												} else {
+														toast_ok(common.AddSuc);
+														//$("#opeFirmModal").modal("hide");
+														$("#OpeFirmCanBtn").click();
+														refTable();
+												}
+										},
+										null,
+										"POST"
+								).send();
+						}
+				});
+
+				onEvent("click", "#opeFirmDelBtn", function () {
+						pageAct.opeRecId = null;
+						pageAct.opeFirmId = $(this).parent().data("id");
+				});
+
+				onEvent("click", "#confirmDelBtn", function () {
+						objSendData.Data = { id: pageAct.opeFirmId ?? pageAct.opeRecId };
+						let url =
+								baseApiUrl +
+								"/operation/" +
+								(pageAct.work_type == null ? "DelOpeFirm" : "DelOpeRecord");
+
+						ytAjax = new YourTeam.Ajax(
+								url,
+								objSendData,
+								function (res) {
+										if (!res || res.code != "0000" || !res.data) {
+										} else {
+												toast_ok(common.DelSuc);
+												//$("#delModal").modal("hide");
+												$("#confirmDelCanBtn").click();
+												refTable();
+										}
+								},
+								null,
+								"DELETE"
+						).send();
+				});
+
+				onEvent("click", "#opeRecDelBtn", function () {
+						pageAct.opeRecId = $(this).parent().data("id");
+						pageAct.opeFirmId = null;
+				});
+
+				onEvent("click", "#OpeRecSendBtn, #OpeRecSendBtn_2", function () {
+						let form = $(pageAct.work_type == "1" ? "#opeRecForm" : "#opeRecForm_2");
+						if (pageAct.work_type == "1") {
+								$(form).validate({
+										rules: {
+												inpWorTyp: { required: true },
+												inpFixFirm: { required: true },
+												inpStatus: { required: true },
+												inpWorPerId: { required: true },
+										},
+								});
+						} else {
+								$(form).validate({
+										rules: {
+												inpWorTyp_2: { required: true },
+												inpFixFirm_2: { required: true },
+												inpStatus_2: { required: true },
+												inpWorPerId_2: { required: true },
+										},
+								});
+						}
+
+						if ($(form).valid()) {
+								let url = baseApiUrl + "/operation/SavOpeRecord";
+								let fd = new FormData();
+								$.each(pageAct.imageFile, function (i, v) {
+										fd.append("lorf[" + i + "].id", v.id);
+										fd.append("lorf[" + i + "].file", v.file);
+										fd.append("lorf[" + i + "].save_file_name", v.save_file_name);
+										fd.append("lorf[" + i + "].ori_file_name", v.ori_file_name);
+								});
+
+								fd.append(
+										"error_code",
+										$(pageAct.work_type == "1" ? "#inpErrCode" : "#inpErrCode_2").val()
+								);
+								fd.append("location", "台北" + $("#buiActDrop").text() + pageAct.floor);
+								fd.append(
+										"location_code",
+										pageAct.AreaTag + pageAct.buiTag + pageAct.floor
+								);
+								fd.append("device_system_category_layer2", pageAct.sysMain);
+								fd.append("device_system_category_layer3", pageAct.sysSub);
+								fd.append(
+										"work_type",
+										parseInt(
+												$(pageAct.work_type == "1" ? "#inpWorTyp" : "#inpWorTyp_2").val()
+										)
+								);
+								fd.append(
+										"fix_do",
+										$(pageAct.work_type == "1" ? "#inpFixDo" : "#inpFixDo_2").val()
+								);
+								fd.append(
+										"fix_do_code",
+										$(
+												pageAct.work_type == "1" ? "#inpFixDoCode" : "#inpFixDoCode_2"
+										).val()
+								);
+								fd.append(
+										"fix_firm",
+										parseInt(
+												$(pageAct.work_type == "1" ? "#inpFixFirm" : "#inpFixFirm_2").val()
+										)
+								);
+								fd.append(
+										"status",
+										parseInt(
+												$(
+														"#" +
+														(pageAct.work_type == "1" ? "inpStatus" : "inpStatus_2") +
+														" [name=" +
+														(pageAct.work_type == "1" ? "inpSta" : "inpSta_2") +
+														"]:checked"
+												).data("value")
+										)
+								);
+								fd.append(
+										"work_person_id",
+										$(pageAct.work_type == "1" ? "#inpWorPerId" : "#inpWorPerId_2").val()
+								);
+								fd.append(
+										"start_time",
+										($(
+												pageAct.work_type == "1" ? "#inpStaTime" : "#inpStaTime_2"
+										).val() || null) == null
+												? null
+												: new Date(
+														$(
+																pageAct.work_type == "1" ? "#inpStaTime" : "#inpStaTime_2"
+														).val()
+												).toISOString()
+								);
+								//fd.append("end_time", ($('#inpEndTime').val() || null) == null ? $('#inpEndTime').val() : new Date($('#inpEndTime').val()).toISOString());
+								//fd.append("work_time", ($('#inpWorTime').val() || null) == null ? $('#inpWorTime').val() : new Date($('#inpWorTime').val()).toISOString());
+								fd.append(
+										"finish_time",
+										parseInt(
+												$(
+														"#" +
+														(pageAct.work_type == "1" ? "inpStatus" : "inpStatus_2") +
+														" [name=" +
+														(pageAct.work_type == "1" ? "inpSta" : "inpSta_2") +
+														"]:checked"
+												).data("value")
+										) == 1
+												? new Date(Date.now()).toISOString()
+												: null
+								);
+								fd.append(
+										"notice",
+										$(pageAct.work_type == "1" ? "#inpNotice" : "#inpNotice_2").val() ||
+										null
+								);
+								fd.append(
+										"description",
+										$(
+												pageAct.work_type == "1" ? "#inpDescription" : "#inpDescription_2"
+										).val() || null
+								);
+
+								//let sendData = {
+								//	location: $('#inpArea option:selected').text() + $('#inpBuilding option:selected').text() + $('#inpFloor option:selected').text(),
+								//	location_code: $('#inpArea').val().toString() + $('#inpBuilding').val().toString() + $('#inpFloor').val().toString(),
+								//	device_system_category_layer2: $('#inpRecSelSysMain').val(),
+								//	device_system_category_layer3: $('#inpRecSelSysSub').val(),
+								//	work_type: parseInt($('#inpWorTyp').val()),
+								//	fix_do: $('#inpFixDo').val(),
+								//	fix_do_code: $('#inpFixDoCode').val(),
+								//	fix_firm: parseInt($('#inpFixFirm').val()),
+								//	status: parseInt($('#inpStatus').val()),
+								//	work_person_id: $('#inpWorPerId').val(),
+								//	start_time: $('#inpStaTime').val() == null ? null : new Date(new Date($('#inpStaTime').val()).getTime() + gmtTime),
+								//	end_time: $('#inpEndTime').val() == null ? $('#inpEndTime').val() : new Date(new Date($('#inpEndTime').val()).getTime() + gmtTime),
+								//	work_time: $('#inpWorTime').val() == null ? $('#inpWorTime').val() : new Date(new Date($('#inpWorTime').val()).getTime() + gmtTime),
+								//	finish_time: $('#inpFinTime').val() == null ? null : new Date(new Date($('#inpFinTime').val()).getTime() + gmtTime),
+								//	notice: $('#inpNotice').val() || null,
+								//	description: $('#inpDescription').val() || null,
+								//	lorf: pageAct.imageFile,
+								//};
+								if (pageAct.opeRecId != null) fd.append("id", pageAct.opeRecId);
+
+								objSendData.Data = sendData;
+								$.ajax({
+										url: url,
+										type: "POST",
+										data: fd,
+										async: false,
+										cache: false,
+										contentType: false,
+										processData: false,
+										beforeSend: function (xhr) {
+												xhr.setRequestHeader(
+														"Authorization",
+														"Bearer " + cookies.get("JWT-Authorization")
+												);
+										},
+										success: function (res) {
+												if (!res || res.code != "0000" || !res.data) {
+												} else {
+														toast_ok(common.AddSuc);
+														//$("#opeFirmModal").modal("hide");
+														$(
+																pageAct.work_type == "1" ? "#OpeRecCanBtn" : "#OpeRecCanBtn_2"
+														).click();
+														refTable();
+												}
+										},
+								});
+						}
+				});
+
+				onEvent("click", "#opeRecEdiBtn", function () {
+						clearOpeRecPageAct();
+						selUser();
+						selDevice();
+						uploader["ope1"][0].dropzone.removeAllFiles();
+						uploader["ope2"][0].dropzone.removeAllFiles();
+
+						$("#ope_forImage").html("");
+						$("#ope_forFile").html("");
+						$("#ope_forImage_2").html("");
+						$("#ope_forFile_2").html("");
+
+						pageAct.imageFile = [];
+						$("#opeRecTitle").html(pageAct.work_type == 1 ? "編輯保養" : "編輯維修");
+						let url = baseApiUrl + "/operation/OpeRecRead";
+						pageAct.opeRecId = $(this).parent().data("id");
+						objSendData.Data = { id: pageAct.opeRecId };
+						ytAjax = new YourTeam.Ajax(
+								url,
+								objSendData,
+								function (res) {
+										if (!res || res.code != "0000" || !res.data) {
+										} else {
+												pageAct.sysMain = res.data.device_system_category_layer2;
+												pageAct.sysSub = res.data.device_system_category_layer3;
+												pageAct.number = res.data.fix_do_code;
+
+												callbackForErr(
+														JSON.stringify({
+																count: [res.data].length,
+																data: [{ uuid: res.data.error_code }],
+														})
+												);
+												selOpeFir();
+												$(pageAct.work_type == "1" ? "#inpNumber" : "#inpNumber_2").val(
+														res.data.formId
+												);
+												$(pageAct.work_type == "1" ? "#inpWorTyp" : "#inpWorTyp_2").val(
+														res.data.work_type
+												);
+												$(pageAct.work_type == "1" ? "#inpErrCode" : "#inpErrCode_2").val(
+														res.data.error_code
+												);
+												$(pageAct.work_type == "1" ? "#inpFixDo" : "#inpFixDo_2").val(
+														res.data.fix_do
+												);
+												$(
+														pageAct.work_type == "1" ? "#inpFixDoCode" : "#inpFixDoCode_2"
+												).val(res.data.fix_do_code);
+												$(pageAct.work_type == "1" ? "#inpFixFirm" : "#inpFixFirm_2").val(
+														res.data.fix_firm.toString()
+												);
+												$(
+														"#" +
+														(pageAct.work_type == "1" ? "inpStatus" : "inpStatus_2") +
+														" [name=" +
+														(pageAct.work_type == "1" ? "inpSta" : "inpSta_2") +
+														"][data-value=" +
+														res.data.status +
+														"]"
+												).click();
+												$(pageAct.work_type == "1" ? "#inpWorPerId" : "#inpWorPerId_2").val(
+														res.data.work_person_id
+												);
+												$(pageAct.work_type == "1" ? "#inpStaTime" : "#inpStaTime_2").val(
+														displayDate(res.data.start_time, "date").replaceAll("/", "-")
+												);
+												$(pageAct.work_type == "1" ? "#inpNotice" : "#inpNotice_2").val(
+														res.data.notice
+												);
+												$(
+														pageAct.work_type == "1" ? "#inpDescription" : "#inpDescription_2"
+												).val(res.data.description);
+												let elemSel = $(
+														pageAct.work_type == "1" ? "#inpFixDoCode" : "#inpFixDoCode_2"
+												).find("option:selected");
+												pageAct.number = elemSel.val();
+
+												ope_imgHtml = null;
+
+												$.each(res.data.lorf, function (i, v) {
+														let extName = v.ori_file_name.split(".")[1];
+
+														if (v?.ori_file_name != null) {
+																let imgUrl =
+																		baseApiUrl +
+																		"/upload/operation/" +
+																		v?.save_file_name +
+																		"." +
+																		extName;
+																let fileObj = {
+																		name: v?.ori_file_name,
+																		dataURL: imgUrl,
+																		savename: v?.save_file_name,
+																		size: 0,
+																		lorf: v,
+																		isExisted: true,
+																};
+																uploader[
+																		"ope" + pageAct.work_type
+																][0].dropzone?.displayExistingFile(fileObj, imgUrl);
+														}
+
+														if (/\.(jpe?g|png|gif)$/i.test(v.ori_file_name)) {
+																/*ope_colI = creEle("i", null, null, null, ["fa fa-times"]);
 							ope_colBtn = creBtn(null, null, "btnDelImg", ["btn-dark m-1"]);
 							ope_colImg = creImg("img", null, null, null, null, { filename: v.ori_file_name, savename: v.save_file_name }, { style: "margin-left: 30px; margin-top: 10px", height: "70px", width: "70px", src: baseApiUrl + "/upload/operation/" + v.save_file_name + "." + extName });
 							ope_colA = creEle("a", null, null, null, null, null, { href: baseApiUrl + "/upload/operation/" + v.save_file_name + "." + extName, download: v.ori_file_name, target: "_blank" });
@@ -1423,10 +2058,13 @@
 							ope_imgHtml.append(ope_colA);
 							ope_colBtn.append(ope_colI);
 							ope_imgHtml.append(ope_colBtn);
-							$(pageAct.work_type == "1" ? '#ope_forImage' : '#ope_forImage_2').append(ope_imgHtml ? ope_imgHtml.outerHtml() : null);
-						}
-						else if (/\.(xls?x|doc?x|ptt?x|pdf|zip|rar|7zip|txt|odt|xml|rtf|ods|odp|pps?x)$/i.test(v.ori_file_name)) {
-							icons = null
+							$(pageAct.work_type == "1" ? '#ope_forImage' : '#ope_forImage_2').append(ope_imgHtml ? ope_imgHtml.outerHtml() : null);*/
+														} else if (
+																/\.(xls?x|doc?x|ptt?x|pdf|zip|rar|7zip|txt|odt|xml|rtf|ods|odp|pps?x|ppt?x)$/i.test(
+																		v.ori_file_name
+																)
+														) {
+																/*icons = null
 							if (extName == "xlsx" || extName == "xls")
 								icons = "fas fa-file-excel";
 							else if (extName == "pdf" || extName == "ods")
@@ -1447,178 +2085,328 @@
 							ope_imgHtml.append(ope_colI);
 							ope_imgHtml.append(ope_colA);
 							ope_imgHtml.append(ope_colBtn);
-							$(pageAct.work_type == "1" ? '#ope_forFile' : '#ope_forFile_2').append(ope_imgHtml ? ope_imgHtml.outerHtml() : null);
+							$(pageAct.work_type == "1" ? '#ope_forFile' : '#ope_forFile_2').append(ope_imgHtml ? ope_imgHtml.outerHtml() : null);*/
+														}
+												});
+										}
+								},
+								null,
+								"POST"
+						).send();
+				});
+
+				onEvent("click", "[name=btnDelImg]", function () {
+						elem = $(this).parent();
+						if (elem.attr("data-id"))
+								pageAct.imageFile.push({
+										id: elem.data("id"),
+										ori_file_name: elem.find("img").data("filename"),
+										save_file_name: elem.find("img").data("savename"),
+								});
+						else {
+								pageAct.imageFile = $.grep(pageAct.imageFile, function (image) {
+										return image.save_file_name != elem.find("img").data("savename");
+								});
+
+								pageAct.imageFile = $.grep(pageAct.imageFile, function (file) {
+										return file.save_file_name != elem.find("a").data("savename");
+								});
 						}
-					});
-				}
-			}, null, "POST").send()
-		});
 
-		onEvent("click", "[name=btnDelImg]", function () {
-			elem = $(this).parent();
-			if (elem.attr('data-id'))
-				pageAct.imageFile.push({ "id": elem.data('id'), "ori_file_name": elem.find('img').data('filename'), "save_file_name": elem.find('img').data('savename') });
-			else {
-				pageAct.imageFile =
-					$.grep(pageAct.imageFile, function (image) {
-						return image.save_file_name != elem.find('img').data('savename');
-					});
+						elem.remove();
+				});
 
-				pageAct.imageFile =
-					$.grep(pageAct.imageFile, function (file) {
-						return file.save_file_name != elem.find('a').data('savename');
-					});
-			}
+				onEvent("change", "#inpFirmSelSysMain", function () {
+						let mainTag = $("#inpFirmSelSysMain").find("option:selected").val();
+						$(`[data-main=${mainTag}]`).attr("hidden", false);
+						$("#inpFirmSelSysSub")
+								.find(`option[data-main!=${mainTag}]`)
+								.attr("hidden", true);
+						$(`#inpFirmSelSysSub option`).removeAttr("selected");
+						$($(`#inpFirmSelSysSub option[data-main=${mainTag}]`)[0]).attr(
+								"selected",
+								"selected"
+						);
+				});
 
-			elem.remove();
-		});
+				onEvent("change", "#inpFixDoCode, #inpFixDoCode_2", function () {
+						elemSel = $(this).find("option:selected");
+						pageAct.sysSub = elemSel.data("sub");
+						pageAct.sysMain = elemSel.data("main");
+						pageAct.floor = elemSel.data("floor");
+						pageAct.number = elemSel.val();
+						selOpeFir();
+						errCodeList();
+				});
+		}
 
-		onEvent("change", "#inpFirmSelSysMain", function () {
-			let mainTag = $("#inpFirmSelSysMain").find('option:selected').val();
-			$(`[data-main=${mainTag}]`).attr('hidden', false);
-			$('#inpFirmSelSysSub').find(`option[data-main!=${mainTag}]`).attr('hidden', true);
-			$(`#inpFirmSelSysSub option`).removeAttr('selected');
-			$($(`#inpFirmSelSysSub option[data-main=${mainTag}]`)[0]).attr('selected', 'selected')
-		});
+		function errCodeList() {
+				$(loadEle).Loading("start");
+				let _pathArr = pageAct.number.split("_"); //TPE_B1_ELEV_EL_R2F_NA_ELEV1_N1
+				let _devicePath =
+						_pathArr[0] +
+						"_" +
+						_pathArr[1] +
+						"_" +
+						_pathArr[2] +
+						"_" +
+						_pathArr[3] +
+						"_" +
+						_pathArr[4] +
+						"_" +
+						_pathArr[5];
+				getOneDeviceAlarmTop10ByBaja(_devicePath, callbackForErr);
+		}
 
-		onEvent("change", "#inpFixDoCode, #inpFixDoCode_2", function () {
-			elemSel = $(this).find('option:selected');
-			pageAct.sysSub = elemSel.data('sub');
-			pageAct.sysMain = elemSel.data('main');
-			pageAct.floor = elemSel.data('floor');
-			pageAct.number = elemSel.val();
-			selOpeFir();
-			errCodeList();
-		});
-	}
+		function callbackForErr(res) {
+				res = JSON.parse(res) || res;
+				console.log(res);
+				strHtml = ``;
 
-	function errCodeList() {
-		$(loadEle).Loading("start");
-		let _pathArr = pageAct.number.split("_"); //TPE_B1_ELEV_EL_R2F_NA_ELEV1_N1
-		let _devicePath = _pathArr[0] + "_" + _pathArr[1] + "_" + _pathArr[2] + "_" + _pathArr[3] + "_" + _pathArr[4] + "_" + _pathArr[5];
-		getOneDeviceAlarmTop10ByBaja(_devicePath, callbackForErr);
-	}
+				$.each(res.data, function (i, v) {
+						msg =
+								v.msgText != null
+										? $.trim(v.msgText.toString()).length > 0
+												? v.msgText.split(":")[0]
+												: ""
+										: "";
+						strHtml += `<option value=${v.uuid}>${v.uuid.split("-")[0]}</option>`;
+				});
+				if (res.count > 0)
+						$(pageAct.work_type == "1" ? "#inpErrCode" : "#inpErrCode_2").html(
+								strHtml
+						);
+				else $(pageAct.work_type == "1" ? "#inpErrCode" : "#inpErrCode_2").html("");
+				$(loadEle).Loading("close");
+		}
 
-	function callbackForErr(res) {
-		res = JSON.parse(res) || res;
-		console.log(res)
-		strHtml = ``;
+		//上傳檔案 dropzone
+		function initDropzone() {
+				Dropzone.autoDiscover = false;
+				uploader.ope1 = $("#ope_dropZone").dropzone({
+						url: "/",
+						addRemoveLinks: true,
+						dictRemoveFile: `<span class="material-icons mi-delete">delete</span>`,
+						dictInvalidFileType: `上傳格式錯誤`,
+						dictCancelUploadConfirmation: `確定要取消上傳此檔案嗎？`,
+						dictCancelUpload: `<span class="material-icons mi-cancel">cancel</span>`,
+						maxFilesize: 10,
+						filesizeBase: 1024,
+						thumbnailWidth: 300,
+						thumbnailHeight: 300,
+						maxFiles: 50,
+						acceptedFiles:
+								".pdf, .docx, .doc, .xls, .xlsm, .xlsx, .ppt, .pptx, .gif, .png, .jpg, .jpeg",
+						headers: { Authorization: "Bearer " + cookies.get("JWT-Authorization") },
+						autoProcessQueue: false,
+						init: function () {
+								this.on("addedfile", function (file) {
+										$(this.previewsContainer).find(".dz-progress").addClass("d-none");
+										$(this.previewsContainer)
+												.find(".dz-size")
+												.css("visibility", "hidden");
+										if (file.savename) {
+												file.accepted = true;
+												this.files.push(file);
+										}
+								});
+								this.on("complete", function (file) {
+										if (file.savename) {
+												$(file.previewElement).find(".dz-image img").remove();
+										}
+								});
+								this.on("thumbnail", function (file) {
+										// 若為讀取檔案時
+										if (file.savename) {
+												$(file.previewElement)
+														.removeClass("dz-image-preview")
+														.addClass("dz-file-preview");
+										}
+								});
+						},
+				});
 
-		$.each(res.data, function (i, v) {
-			msg = v.msgText != null ? ($.trim(v.msgText.toString()).length > 0 ? v.msgText.split(':')[0] : '') : '';
-			strHtml += `<option value=${v.uuid}>${v.uuid.split("-")[0]}</option>`;
-		});
-		if (res.count > 0)
-			$(pageAct.work_type == '1' ? '#inpErrCode' : '#inpErrCode_2').html(strHtml);
-		else
-			$(pageAct.work_type == '1' ? '#inpErrCode' : '#inpErrCode_2').html("");
-		$(loadEle).Loading("close");
-	}
+				uploader["ope1"][0].dropzone.on("addedfile", (file) => {
+						let fileHelper = new YourTeam.Utility.File();
+						if (/\.(jpe?g|png|gif)$/i.test(file.name)) {
+								if (file.isExisted) {
+										pageAct.imageFile.push({
+												ori_file_name: file.name,
+												save_file_name: file.lorf.save_file_name,
+												file: file,
+										});
+								} else {
+										pageAct.imageFile.push({
+												ori_file_name: file.name,
+												save_file_name: file.upload.uuid,
+												file: file,
+										});
+								}
+						} else if (
+								/\.(xls?x|doc?x|ptt?x|pdf|zip|rar|7zip|txt|odt|xml|rtf|ods|odp|pps?x|ppt?x)$/i.test(
+										file.name
+								)
+						) {
+								if (file.isExisted) {
+										pageAct.imageFile.push({
+												ori_file_name: file.name,
+												save_file_name: file.lorf.save_file_name,
+												file: file,
+										});
+								} else {
+										pageAct.imageFile.push({
+												ori_file_name: file.name,
+												save_file_name: file.upload.uuid,
+												file: file,
+										});
+								}
+						}
+				});
 
-	//上傳檔案 dropzone
-	function initDropzone() {
-		$("#ope_dropZone").dropzone({
-			url: baseApiUrl + '/api/Upload',
-			previewsContainer: false,
-			addRemoveLinks: false,
-			dictRemoveFile: `<span class="material-icons mi-delete">delete</span>`,
-			dictInvalidFileType: `上傳格式錯誤`,
-			dictCancelUploadConfirmation: `確定要取消上傳此檔案嗎？`,
-			dictCancelUpload: `<span class="material-icons mi-cancel">cancel</span>`,
-			maxFilesize: 10,
-			filesizeBase: 1024,
-			maxFiles: 50,
-			acceptedFiles: ".pdf, .docx, .doc, .xls, .xlsm, .xlsx, .ppt, .pptx, .gif, .png, .jpg, .jpeg",
-			headers: { "Authorization": 'Bearer ' + cookies.get("JWT-Authorization") },
-			accept: function (file, done) {
-				let fileHelper = new YourTeam.Utility.File();
-				tmpGuidArr = [];
+				uploader["ope1"][0].dropzone.on("removedfile", (file) => {
+						if (file.isExisted)
+								pageAct.imageFile.push({
+										id: file.lorf.id,
+										ori_file_name: file.name,
+										save_file_name: file.savename,
+								});
+						else {
+								pageAct.imageFile.splice(
+										pageAct.imageFile.findIndex((f) => f.savename == file.upload?.uuid),
+										1
+								);
+						}
+						file.previewElement.remove();
+				});
 
-				if (/\.(jpe?g|png|gif)$/i.test(file.name)) {
-					fileHelper.readAndPreviewImages(file, 'ope_forImage', 70, 70, '<span class="file-item m-1">', '<button class="btn-dark m-1" name="btnDelImg"><i class="fa fa-times"></i></button></span>');
+				uploader.ope2 = $("#ope_dropZone_2").dropzone({
+						url: "/",
+						addRemoveLinks: true,
+						dictRemoveFile: `<span class="material-icons mi-delete">delete</span>`,
+						dictInvalidFileType: `上傳格式錯誤`,
+						dictCancelUploadConfirmation: `確定要取消上傳此檔案嗎？`,
+						dictCancelUpload: `<span class="material-icons mi-cancel">cancel</span>`,
+						maxFilesize: 10,
+						filesizeBase: 1024,
+						maxFiles: 50,
+						acceptedFiles:
+								".pdf, .docx, .doc, .xls, .xlsm, .xlsx, .ppt, .pptx, .gif, .png, .jpg, .jpeg",
+						headers: { Authorization: "Bearer " + cookies.get("JWT-Authorization") },
+						autoProcessQueue: false,
+						init: function () {
+								this.on("addedfile", function (file) {
+										$(this.previewsContainer).find(".dz-progress").addClass("d-none");
+										$(this.previewsContainer)
+												.find(".dz-size")
+												.css("visibility", "hidden");
+										if (file.savename) {
+												file.accepted = true;
+												this.files.push(file);
+										}
+								});
+								this.on("complete", function (file) {
+										if (file.savename) {
+												$(file.previewElement).find(".dz-image img").remove();
+										}
+								});
+								this.on("thumbnail", function (file) {
+										// 若為讀取檔案時
+										if (file.savename) {
+												$(file.previewElement)
+														.removeClass("dz-image-preview")
+														.addClass("dz-file-preview");
+										}
+								});
+						},
+				});
 
-					pageAct.imageFile.map(function (v, i) { if (v['file']) tmpGuidArr.push(v.file.guid); });
-					if (jQuery.inArray(file.guid, tmpGuidArr) == -1) { //not in array
-						let fd = new FormData();
-						let f = file;
-						fd.append('file', f);
-						pageAct.imageFile.push({ "ori_file_name": f.name, "save_file_name": f.guid, "file": fd.get("file") });
-					}
-				}
-				else if (/\.(xls?x|doc?x|ptt?x|pdf|zip|rar|7zip|txt|odt|xml|rtf|ods|odp|pps?x)$/i.test(file.name)) {
-					fileHelper.readAndPreviewFiles(file, 'ope_forFile', 70, 70, "<div class='file-item'><i class='fas fa-file-alt fa-2x m-1'></i>", "<button class='btn-dark m-1' name='btnDelImg'><i class='fa fa-times'></i></button></div>");
+				uploader["ope2"][0].dropzone.on("addedfile", (file) => {
+						let fileHelper = new YourTeam.Utility.File();
+						tmpGuidArr = [];
 
-					pageAct.imageFile.map(function (v, i) { if (v['file']) tmpGuidArr.push(v.file.guid); });
-					if (jQuery.inArray(file.guid, tmpGuidArr) == -1) { //not in array
-						let fd = new FormData();
-						let f = file;
-						fd.append('file', f);
-						pageAct.imageFile.push({ "ori_file_name": f.name, "save_file_name": f.guid, "file": fd.get("file") });
-					}
-				}
-			}
-		});
+						if (/\.(jpe?g|png|gif)$/i.test(file.name)) {
+								if (file.isExisted) {
+										pageAct.imageFile.push({
+												ori_file_name: file.name,
+												save_file_name: file.lorf.save_file_name,
+												file: file,
+										});
+								} else {
+										pageAct.imageFile.push({
+												ori_file_name: file.name,
+												save_file_name: file.upload.uuid,
+												file: file,
+										});
+								}
+						} else if (
+								/\.(xls?x|doc?x|ptt?x|pdf|zip|rar|7zip|txt|odt|xml|rtf|ods|odp|pps?x|ppt?x)$/i.test(
+										file.name
+								)
+						) {
+								if (file.isExisted) {
+										pageAct.imageFile.push({
+												ori_file_name: file.name,
+												save_file_name: file.lorf.save_file_name,
+												file: file,
+										});
+								} else {
+										pageAct.imageFile.push({
+												ori_file_name: file.name,
+												save_file_name: file.upload.uuid,
+												file: file,
+										});
+								}
+						}
+				});
 
-		$("#ope_dropZone_2").dropzone({
-			url: baseApiUrl + '/api/Upload',
-			previewsContainer: false,
-			addRemoveLinks: false,
-			dictRemoveFile: `<span class="material-icons mi-delete">delete</span>`,
-			dictInvalidFileType: `上傳格式錯誤`,
-			dictCancelUploadConfirmation: `確定要取消上傳此檔案嗎？`,
-			dictCancelUpload: `<span class="material-icons mi-cancel">cancel</span>`,
-			maxFilesize: 10,
-			filesizeBase: 1024,
-			maxFiles: 50,
-			acceptedFiles: ".pdf, .docx, .doc, .xls, .xlsm, .xlsx, .ppt, .pptx, .gif, .png, .jpg, .jpeg",
-			headers: { "Authorization": 'Bearer ' + cookies.get("JWT-Authorization") },
-			accept: function (file, done) {
-				let fileHelper = new YourTeam.Utility.File();
-				tmpGuidArr = [];
+				uploader["ope2"][0].dropzone.on("removedfile", (file) => {
+						if (file.isExisted)
+								pageAct.imageFile.push({
+										id: file.lorf.id,
+										ori_file_name: file.name,
+										save_file_name: file.savename,
+								});
+						else {
+								pageAct.imageFile.splice(
+										pageAct.imageFile.findIndex((f) => f.savename == file.upload?.uuid),
+										1
+								);
+						}
+						file.previewElement.remove();
+				});
+		}
 
-				if (/\.(jpe?g|png|gif)$/i.test(file.name)) {
-					fileHelper.readAndPreviewImages(file, 'ope_forImage_2', 70, 70, '<span class="file-item m-1">', '<button class="btn-dark m-1" name="btnDelImg"><i class="fa fa-times"></i></button></span>');
+		function getFormId() {
+				ytAjax = new YourTeam.Ajax(
+						baseApiUrl + "/operation/GetFormId",
+						objSendData,
+						function (res) {
+								if (!res || res.code != "0000" || !res.data) {
+								} else {
+										$(pageAct.work_type == "1" ? "#inpNumber" : "#inpNumber_2").val(
+												res.data
+										);
+								}
+						},
+						null,
+						"POST"
+				).send();
+		}
 
-					pageAct.imageFile.map(function (v, i) { if (v['file']) tmpGuidArr.push(v.file.guid); });
-					if (jQuery.inArray(file.guid, tmpGuidArr) == -1) { //not in array
-						let fd = new FormData();
-						let f = file;
-						fd.append('file', f);
-						pageAct.imageFile.push({ "ori_file_name": f.name, "save_file_name": f.guid, "file": fd.get("file") });
-					}
-				}
-				else if (/\.(xls?x|doc?x|ptt?x|pdf|zip|rar|7zip|txt|odt|xml|rtf|ods|odp|pps?x)$/i.test(file.name)) {
-					fileHelper.readAndPreviewFiles(file, 'ope_forFile_2', 70, 70, "<div class='file-item'><i class='fas fa-file-alt fa-2x m-1'></i>", "<button class='btn-dark m-1' name='btnDelImg'><i class='fa fa-times'></i></button></div>");
-
-					pageAct.imageFile.map(function (v, i) { if (v['file']) tmpGuidArr.push(v.file.guid); });
-					if (jQuery.inArray(file.guid, tmpGuidArr) == -1) { //not in array
-						let fd = new FormData();
-						let f = file;
-						fd.append('file', f);
-						pageAct.imageFile.push({ "ori_file_name": f.name, "save_file_name": f.guid, "file": fd.get("file") });
-					}
-				}
-			}
-		});
-	}
-
-	function getFormId() {
-		ytAjax = new YourTeam.Ajax(baseApiUrl + '/operation/GetFormId', objSendData, function (res) {
-			if (!res || res.code != "0000" || !res.data) {
-
-			} else {
-				$(pageAct.work_type == '1' ? '#inpNumber' : '#inpNumber_2').val(res.data);
-			}
-		}, null, "POST").send();
-	}
-
-	function getUser() {
-		ytAjax = new YourTeam.Ajax(baseApiUrl + "/api/getUser", null, function (res) {
-			if (!res || res.code != "0000" || !res.data) {
-
-			} else {
-				$(pageAct.work_type == '1' ? '#inpWorPerId' : '#inpWorPerId_2').val(res.data);
-			}
-		}, null, "POST").send();
-	}
-</script>
\ No newline at end of file
+		function getUser() {
+				ytAjax = new YourTeam.Ajax(
+						baseApiUrl + "/api/getUser",
+						null,
+						function (res) {
+								if (!res || res.code != "0000" || !res.data) {
+								} else {
+										$(pageAct.work_type == "1" ? "#inpWorPerId" : "#inpWorPerId_2").val(
+												res.data
+										);
+								}
+						},
+						null,
+						"POST"
+				).send();
+		}
+</script>
diff --git a/Frontend/index.html b/Frontend/index.html
index 0dcade8..b5c4a5d 100644
--- a/Frontend/index.html
+++ b/Frontend/index.html
@@ -1629,7 +1629,7 @@ License: You must have a valid license purchased only from wrapbootstrap.com (li
             title: "發生/完成時間",
             data: "finishTime",
             render: function (data, type, row) {
-              return row.createdAt + "<br>" + data;
+              return row.createdAt + "<br>" + (data.includes("0001")? "未完工": data);
             },
           },
         ];
@@ -1758,7 +1758,6 @@ License: You must have a valid license purchased only from wrapbootstrap.com (li
 
       // Card - 異常紀錄 Table
       function callbackForErr(result) {
-        // console.log("@@@",result)
         if (errRecTable) {
           errRecTable.destroy();
         }
@@ -1787,8 +1786,8 @@ License: You must have a valid license purchased only from wrapbootstrap.com (li
             data: "ackState",
           },
           {
-            title: "發生/完成時間",
-            data: "normalTime",
+            title: "發生時間",
+            data: "timestamp",
             // "render": function (data, type, row) {
             //     return row.timestamp + "<br>" + data;
             // },
diff --git a/Frontend/js/n4js/alarmbaja.js b/Frontend/js/n4js/alarmbaja.js
index 7e2f95e..6325d60 100644
--- a/Frontend/js/n4js/alarmbaja.js
+++ b/Frontend/js/n4js/alarmbaja.js
@@ -212,7 +212,7 @@ function getOneDeviceAlarmTop10ByBaja(devicePath, callback) {
   //{ "count":2,"data": [{ "time": "2022/11/14 15:00:00", "errId": "0001", "ackCheck": "未確認", "errReason": "燈泡故障" }, { "time": "2022/11/14 15:00:00", "errId": "0002", "ackCheck": "未確認", "errReason": "燈泡故障" }]}
   require(["baja!"], function (baja) {
     baja.Ord.make(
-      "local:|foxs:|alarm:|bql:select top 10 timestamp, ackState, alarmData, alarmData.sourceName, sourceState, uuid, alarmData.msgText, normalTime where alarmData.sourceName like '%" +
+      "local:|foxs:|alarm:|bql:select top 10 timestamp, ackState,  ackTime, alarmData, alarmData.sourceName, sourceState, uuid, alarmData.msgText, normalTime where alarmData.sourceName like '%" +
       devicePath +
       "%' order by timestamp desc"
     )
@@ -237,8 +237,8 @@ function getOneDeviceAlarmTop10ByBaja(devicePath, callback) {
             // _occurrenceTime += _timestampTemp.getFullYear().toString() + "-" + addzero(_timestampTemp.getMonth() + 1).toString() + "-" + addzero(_timestampTemp.getDate()).toString() + " " + addzero(_timestampTemp.getHours()).toString() + ":" + addzero(_timestampTemp.getMinutes()).toString() + ":" + addzero(_timestampTemp.getSeconds()).toString();
 
             //var _occurrenceTime = _timestamp.format("yyyy-MM-dd hh:mm:ss");//.toLocaleString();
-            var _normalTime = new Date(
-              record.get("normalTime").$cEncStr
+            var _ackTime = new Date(
+              record.get("ackTime").$cEncStr
             ).toLocaleString("zh-tw", {
               year: "numeric",
               month: "2-digit",
@@ -248,9 +248,19 @@ function getOneDeviceAlarmTop10ByBaja(devicePath, callback) {
             });
             // _normalTime += _normaltime.getFullYear().toString() + "-" + addzero(_normaltime.getMonth() + 1).toString() + "-" + addzero(_normaltime.getDate()).toString() + " " + addzero(_normaltime.getHours()).toString() + ":" + addzero(_normaltime.getMinutes()).toString() + ":" + addzero(_normaltime.getSeconds()).toString();
 
+            var _normalTime = new Date(
+              record.get("normalTime").$cEncStr
+            ).toLocaleString("zh-tw", {
+              year: "numeric",
+              month: "2-digit",
+              day: "2-digit",
+              hour: "2-digit",
+              minute: "2-digit",
+            });
+
             var _msgText = record.get("alarmData").get("msgText"); // == 1 ? _occurrenceTime : "未確認";
             var _ackText =
-              record.get("ackState") == 1 ? _occurrenceTime : "未確認";
+              record.get("ackState") == 0 ? _ackTime : "未確認";
             _ss.push({
               uuid: _resultUuid[0],
               msgText: _msgText,