From a91c4397a469b7df3346bc2396ae75001c5dadc1 Mon Sep 17 00:00:00 2001
From: ko1234 <ko.ko@mjmtech.com.tw>
Date: Thu, 6 Feb 2025 11:41:20 +0800
Subject: [PATCH] =?UTF-8?q?=20=E8=A8=AD=E5=82=99=E7=AE=A1=E7=90=86:?=
 =?UTF-8?q?=E7=B5=84=E5=90=88=E9=BB=9E=E4=BD=8D-=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E7=B5=84=E5=90=88=E9=BB=9E=E4=BD=8D=E7=9A=84=E5=8F=83=E6=95=B8?=
 =?UTF-8?q?=E9=A1=AF=E7=A4=BA=E5=90=8D=E7=A8=B1=E3=80=81=E5=A4=A7=E9=A1=9E?=
 =?UTF-8?q?=E7=82=BAElectricity=20System=E6=99=82=EF=BC=8C=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E7=94=A8=E9=9B=BB=E9=A1=9E=E5=88=A5(option)=E3=80=81?=
 =?UTF-8?q?=E9=9A=B1=E8=97=8F=E7=B3=BB=E7=B5=B1=E9=A1=9E=E5=88=A5=E7=9A=84?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E8=88=87=E4=BF=AE=E6=94=B9=E5=8A=9F=E8=83=BD?=
 =?UTF-8?q?=20|=20=E5=B8=B3=E8=99=9F=E7=AE=A1=E7=90=86:=20=E8=A7=92?=
 =?UTF-8?q?=E8=89=B2=E7=AE=A1=E7=90=86=E7=9A=84=E6=AC=8A=E9=99=90bug=20|?=
 =?UTF-8?q?=20=E6=AD=B7=E5=8F=B2=E8=B3=87=E6=96=99:=20=E6=9F=A5=E8=A9=A2?=
 =?UTF-8?q?=E6=99=82=EF=BC=8C=E6=96=B0=E5=A2=9ELoading=E7=9A=84=E5=9C=96?=
 =?UTF-8?q?=E7=A4=BA=20|=20=E5=8D=B3=E6=99=82=E5=91=8A=E8=AD=A6:=20?=
 =?UTF-8?q?=E5=91=8A=E8=AD=A6=E8=A8=AD=E5=AE=9A=E8=A6=81"=E5=88=AA?=
 =?UTF-8?q?=E9=99=A4"=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/apis/alert/api.js                         |  1 +
 src/apis/alert/index.js                       | 12 ++++++++++
 src/views/AssetManagement/AssetManagement.vue |  9 +++++++-
 .../components/AssetMainList.vue              |  4 ++--
 .../components/AssetMainListAddModal.vue      |  4 ++--
 .../components/AssetTableModalLeftInfo.vue    | 18 +++++++++++++--
 .../components/AssetTableModalLeftInfoIoT.vue |  2 +-
 .../AlertSetting/AlertOutliersTable.vue       | 23 ++++++++++++++++++-
 src/views/history/components/HistoryTable.vue |  2 +-
 9 files changed, 65 insertions(+), 10 deletions(-)

diff --git a/src/apis/alert/api.js b/src/apis/alert/api.js
index 6794093..3a5f802 100644
--- a/src/apis/alert/api.js
+++ b/src/apis/alert/api.js
@@ -14,6 +14,7 @@ export const GET_OUTLIERS_LIST_API = `api/Alarm/GetAlarmSetting`;
 export const GET_OUTLIERS_DEVLIST_API = `api/Alarm/GetDevList`; // 取得設備
 export const GET_OUTLIERS_POINTS_API = `api/Alarm/GetAlarmPoints`; // 取得點位
 export const POST_OUTLIERS_SETTING_API = `api/Alarm/SaveAlarmSetting`; // 新增與修改
+export const DELETE_OUTLIERS_SETTING_API = `api/Alarm/DeleteAlarmSetting`; // 刪除
 
 export const GET_ALERT_SCHEDULE_LIST_API = `api/Alarm/GetAlarmSchedule`;
 export const POST_ALERT_SCHEDULE = `api/Alarm/SaveAlarmSchedule`;
diff --git a/src/apis/alert/index.js b/src/apis/alert/index.js
index 2c96364..edce98d 100644
--- a/src/apis/alert/index.js
+++ b/src/apis/alert/index.js
@@ -7,6 +7,7 @@ import {
   GET_OUTLIERS_DEVLIST_API,
   GET_OUTLIERS_POINTS_API,
   POST_OUTLIERS_SETTING_API,
+  DELETE_OUTLIERS_SETTING_API,
   GET_ALERT_MEMBER_LIST_API,
   GET_ALERT_MEMBER,
   POST_ALERT_MEMBER,
@@ -160,6 +161,17 @@ export const postOutliersSetting = async (data) => {
   });
 };
 
+export const delOutliersSetting = async (Id) => {
+  const res = await instance.post(DELETE_OUTLIERS_SETTING_API, {
+    Id,
+  });
+
+  return apihandler(res.code, res.data, {
+    msg: res.msg,
+    code: res.code,
+  });
+};
+
 export const getAlarmScheduleList = async () => {
   const res = await instance.post(GET_ALERT_SCHEDULE_LIST_API, {});
 
diff --git a/src/views/AssetManagement/AssetManagement.vue b/src/views/AssetManagement/AssetManagement.vue
index bea656f..3ed310d 100644
--- a/src/views/AssetManagement/AssetManagement.vue
+++ b/src/views/AssetManagement/AssetManagement.vue
@@ -4,11 +4,12 @@ import AssetMainList from "./components/AssetMainList.vue";
 import AssetSubList from "./components/AssetSubList.vue";
 import AssetTable from "./components/AssetTable.vue";
 import { getOperationCompanyList } from "@/apis/operation";
-import { getIOTSchema } from "@/apis/asset";
+import { getIOTSchema, getElecTypeList } from "@/apis/asset";
 import useSearchParam from "@/hooks/useSearchParam";
 const { searchParams, changeParams } = useSearchParam();
 const companyOptions = ref([]);
 const iotSchemaOptions = ref([]);
+const elecTypeOptions = ref([]);
 const getCompany = async () => {
   const res = await getOperationCompanyList();
   companyOptions.value = res.data.map((d) => ({ ...d, key: d.id }));
@@ -17,9 +18,14 @@ const getIOTSchemaOptions = async (id) => {
   const res = await getIOTSchema(Number(id));
   iotSchemaOptions.value = res.data.map((d) => ({ ...d, key: d.id }));
 };
+const getElecType = async () => {
+  const res = await getElecTypeList();
+  elecTypeOptions.value = res.data.map((d) => ({ ...d, key: d.id }));
+};
 
 onMounted(() => {
   getCompany();
+  getElecType();
 });
 
 watch(
@@ -37,6 +43,7 @@ watch(
 provide("asset_modal_options", {
   companyOptions,
   iotSchemaOptions,
+  elecTypeOptions,
 });
 </script>
 
diff --git a/src/views/AssetManagement/components/AssetMainList.vue b/src/views/AssetManagement/components/AssetMainList.vue
index 4e13115..85e96cf 100644
--- a/src/views/AssetManagement/components/AssetMainList.vue
+++ b/src/views/AssetManagement/components/AssetMainList.vue
@@ -83,12 +83,12 @@ watch(selectedBtn, (newValue) => {
       :getData="getMainSystems"
       :formState="formState"
     />
-    <button
+    <!-- <button
       @click.stop.prevent="isEditMode = !isEditMode"
       class="btn btn-sm btn-outline-success"
     >
       {{ isEditMode ? t("button.stop_edit") : t("button.start_edit") }}
-    </button>
+    </button> -->
   </div>
   <ButtonConnectedGroup
     :items="items"
diff --git a/src/views/AssetManagement/components/AssetMainListAddModal.vue b/src/views/AssetManagement/components/AssetMainListAddModal.vue
index 8a71b04..7d01386 100644
--- a/src/views/AssetManagement/components/AssetMainListAddModal.vue
+++ b/src/views/AssetManagement/components/AssetMainListAddModal.vue
@@ -47,9 +47,9 @@ const onReset = () => {
 </script>
 
 <template>
-  <button class="btn btn-sm btn-success" @click.stop.prevent="openModal">
+  <!-- <button class="btn btn-sm btn-success" @click.stop.prevent="openModal">
     <font-awesome-icon :icon="['fas', 'plus']" />{{ $t("button.add") }}
-  </button>
+  </button> -->
   <Modal
     id="asset_add_main_item"
     :title="
diff --git a/src/views/AssetManagement/components/AssetTableModalLeftInfo.vue b/src/views/AssetManagement/components/AssetTableModalLeftInfo.vue
index 98d8bcb..d056987 100644
--- a/src/views/AssetManagement/components/AssetTableModalLeftInfo.vue
+++ b/src/views/AssetManagement/components/AssetTableModalLeftInfo.vue
@@ -2,6 +2,7 @@
 import { ref, inject, onBeforeMount, onMounted, watch } from "vue";
 import * as yup from "yup";
 import "yup-phone-lite";
+import useSearchParam from "@/hooks/useSearchParam";
 import AssetTableModalLeftInfoIoT from "./AssetTableModalLeftInfoIoT.vue";
 import AssetTableModalLeftInfoDept from "./AssetTableModalLeftInfoDept.vue";
 import AssetTableModalLeftInfoGraph from "./AssetTableModalLeftInfoGraph.vue";
@@ -11,11 +12,11 @@ import dayjs from "dayjs";
 import { useI18n } from "vue-i18n";
 const { t } = useI18n();
 const FILE_BASEURL = import.meta.env.VITE_FILE_API_BASEURL;
-
+const { searchParams, changeParams } = useSearchParam();
 const { updateLeftFields, formErrorMsg, formState } = inject(
   "asset_table_modal_form"
 );
-const { companyOptions, iotSchemaOptions } = inject("asset_modal_options");
+const { companyOptions, iotSchemaOptions, elecTypeOptions } = inject("asset_modal_options");
 const store = useUserInfoStore();
 let schema = {
   full_name: yup.string().nullable(true),
@@ -52,6 +53,7 @@ onBeforeMount(() => {
     operation_id: 0,
     response_schema_id: 0,
     department_id: 0,
+    elec_id: null,
     asset_number: "",
     topic: "",
     sub_device: [],
@@ -141,6 +143,18 @@ watch(
       <template #topLeft>IoT</template>
     </Select>
   </div>
+  <div class="flex items-center w-72" v-if="searchParams.mainSys_id==26">
+    <Select
+      :value="formState"
+      selectClass="border-info focus-within:border-info"
+      name="elec_id"
+      Attribute="name"
+      :options="elecTypeOptions"
+      :required="true"
+    >
+      <template #topLeft>{{$t("energy.electricity_classification")}}</template>
+    </Select>
+  </div>
   <Input :value="formState" width="290" name="asset_number">
     <template #topLeft>{{ $t("assetManagement.asset_number") }}</template>
     <template #bottomLeft
diff --git a/src/views/AssetManagement/components/AssetTableModalLeftInfoIoT.vue b/src/views/AssetManagement/components/AssetTableModalLeftInfoIoT.vue
index 6b3c6fe..2406460 100644
--- a/src/views/AssetManagement/components/AssetTableModalLeftInfoIoT.vue
+++ b/src/views/AssetManagement/components/AssetTableModalLeftInfoIoT.vue
@@ -65,7 +65,7 @@ const getPoint = async (sub_system_tag) => {
   setPoints(
     res.data.map((d, index) => ({
       ...d,
-      title: d.points,
+      title: d.full_name,
       key: d.points,
       active: false,
     }))
diff --git a/src/views/alert/components/AlertSetting/AlertOutliersTable.vue b/src/views/alert/components/AlertSetting/AlertOutliersTable.vue
index 00ad084..994d302 100644
--- a/src/views/alert/components/AlertSetting/AlertOutliersTable.vue
+++ b/src/views/alert/components/AlertSetting/AlertOutliersTable.vue
@@ -4,6 +4,7 @@ import {
   getOutliersList,
   getOutliersDevList,
   getOutliersPoints,
+  delOutliersSetting,
 } from "@/apis/alert";
 import useSearchParam from "@/hooks/useSearchParam";
 import AlertOutliersTableAddModal from "./AlertOutliersTableAddModal.vue";
@@ -11,6 +12,7 @@ import AlertOutliersTableAddModal from "./AlertOutliersTableAddModal.vue";
 import { useI18n } from "vue-i18n";
 const { t } = useI18n();
 const { noticeList, timesList } = inject("notify_table");
+const { openToast, cancelToastOpen } = inject("app_toast");
 const { searchParams, changeParams } = useSearchParam();
 
 const tableData = ref([]);
@@ -70,7 +72,7 @@ const columns = computed(() => [
   {
     title: t("alert.operation"),
     key: "operation",
-    width: 150,
+    width: 300,
   },
 ]);
 
@@ -162,6 +164,19 @@ const openModal = (record) => {
   outliers_add_table_item.showModal();
 };
 
+const remove = async (Id) => {
+  openToast("warning", t("msg.sure_to_delete"), "body", async () => {
+    await cancelToastOpen();
+    const res = await delOutliersSetting(Id);
+    if (res.isSuccess) {
+      getOutliersData();
+      openToast("success", t("msg.delete_success"));
+    } else {
+      openToast("error", res.msg);
+    }
+  });
+};
+
 const onCancel = () => {
   editRecord.value = null;
   outliers_add_table_item.close();
@@ -188,6 +203,12 @@ const onCancel = () => {
         >
           {{ $t("button.edit") }}
         </button>
+        <button
+          class="btn btn-sm btn-error text-white"
+          @click.stop.prevent="() => remove(record.id)"
+        >
+          {{ $t("button.delete") }}
+        </button>
       </template>
       <template v-else-if="column.key === 'enable'">
         {{ record.enable === 1 ? t("alert.yes") : t("alert.no") }}
diff --git a/src/views/history/components/HistoryTable.vue b/src/views/history/components/HistoryTable.vue
index 97ab585..ac85baf 100644
--- a/src/views/history/components/HistoryTable.vue
+++ b/src/views/history/components/HistoryTable.vue
@@ -39,7 +39,7 @@ const { tableData, loading } = inject("history_table_data");
 </script>
 
 <template>
-  <Table :columns="columns" :dataSource="tableData"></Table>
+  <Table :columns="columns" :dataSource="tableData" :loading="loading"></Table>
 </template>
 
 <style lang="scss" scoped></style>