ibms-MCUT/Frontend/_alert.html

<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 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>
		</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="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="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="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>
						</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="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="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;

	$(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);
						}
					})
					.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();
			}
		});

		//$('#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();
			$("#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({
				sourceName_zh: $(this).data("devicenumber"),
			});
			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();
			}
		});
	}

	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");
		}

		if (!first) getData();
	}

	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 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 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 = "";

			//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(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>`;
			//	}

			//	$.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>`;

			//		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);
				}

				$.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);

					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",
			},
			{
				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 displayDate(data);
				},
			},
			{
				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>${displayDate(
							row.ackedTime
						)}</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-devicenumber="${row.sourceName_zh}">${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]
						}' data-devicenumber="${row.sourceName_zh}">+ 維修單</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 = "";
					console.log("@alr_tableData", alr_tableData);
					if (alr_tableData) {
						const currentDevice = res.data.find(
							({ device_number }) =>
								device_number === alr_tableData.sourceName_zh
						);
						strHtml += `<option value='${currentDevice.device_number}' 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 {
					const deviceNumber = $(this).data("devicenumber");
					console.log("@", $(this), deviceNumber);
					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({
						sourceName_zh: deviceNumber,
					});
					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();
	});

	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");
	}

	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>