综合报警项目迁移

src/api/zhbj/index.js

@@ -980,3 +980,57 @@ export const getWarningCountList = (params) => {
     method: "get",
   });
 };
+
+
+export function getAlarmMap(url = "/alarmplan/queryAlarmPlanMap", params = {}) {
+    return request({
+      baseURL: process.env.VUE_APP_ALARM,
+      url,
+      params,
+      method: "GET",
+    });
+  }
+  
+  export function getAlarmMapById(params) {
+    return request({
+      baseURL: process.env.VUE_APP_ALARM,
+      url: "/alarmplan/alarmPlanlistById",
+      params,
+      method: "GET",
+    });
+  }
+  
+  export function getAlarmTypeList() {
+    return request({
+      baseURL: process.env.VUE_APP_ALARM,
+      url: `/alarmplan/alarmPlanTypelist`,
+      method: "GET",
+    });
+  }
+  
+  export function addAlarmItem(data) {
+    return request({
+      baseURL: process.env.VUE_APP_ALARM,
+      url: `/alarmplan/save`,
+      method: "POST",
+      data
+    });
+  }
+  
+  export function deleteAlarmItem(params) {
+    return request({
+      baseURL: process.env.VUE_APP_ALARM,
+      url: `/alarmplan/delete`,
+      method: "delete",
+      params
+    });
+  }
+  
+  export function getAlarmExcelTemplate() {
+    return request({
+      baseURL: process.env.VUE_APP_ALARM,
+      url: `/alarmplan/importtemplate`,
+      method: "get",
+      responseType: "blob",
+    });
+  }

src/assets/styles/dialog.less

@@ -180,7 +180,7 @@
 
             &.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active,
             &.el-tabs--border-card>.el-tabs__header .el-tabs__item:hover {
-                color: #05bb4c !important;
+                color: #fff !important;
                 background: transparent !important;
                 border-right-color: transparent !important;
                 border-left-color: transparent !important;
@@ -193,9 +193,9 @@
 
         .el-tag {
             margin-bottom: 5px;
-            --el-tag-background-color: #1f4f2e;
-            --el-tag-border-color: #1f4f2e;
-            --el-tag-font-color: #05bb4c;
+            --el-tag-background-color: #2c64a8;
+            --el-tag-border-color: #286292;
+            --el-tag-font-color: #fff;
             font-size: 14px;
         }
     }
@@ -325,7 +325,7 @@
     }
 
     .el-checkbox__input.is-checked .el-checkbox__inner {
-        border-color: #05bb4c !important;
+        border-color: #1974ff !important;
     }
 
     .el-date-editor--daterange {
@@ -351,9 +351,9 @@
         display: block;
         width: 100%;
         height: 7px;
-        border-bottom: 1px solid #05bb4c;
-        border-left: 1px solid #05bb4c;
-        border-right: 1px solid #05bb4c;
+        border-bottom: 1px solid #1974ff;
+        border-left: 1px solid #1974ff;
+        border-right: 1px solid #1974ff;
         position: absolute;
         bottom: 0;
         left: 0px;

src/router/index.js

@@ -183,6 +183,15 @@ export const asyncRoutes = [
                         },
                     },
                     {
+                        path: "earlyWarning",
+                        name: "earlyWarning",
+                        meta: {
+                            title: "预警排查方案",
+                        },
+                        component: () =>
+                            import("../views/IntegratedAlarm/earlyWarning/index.vue"),
+                    },
+                    {
                         path: "logs", // 规则修改日志
                         name: "logs",
                         component: () => import("@/views/IntegratedAlarm/alarmConfig/logs"),
@@ -1008,6 +1017,15 @@ export const asyncRoutes = [
                     },
                 ]
             },
+            {
+                path: "czzdybb",
+                name: "czzdybb",
+                component: () => import("@/views/nxReport/czzdybb"),
+                meta: {
+                    title: "自定义报表",
+                    icon: "svg-自定制报表管理",
+                },
+            },
             // {
             //     path: "fdscqk",
             //     name: "fdscqk",

src/views/IntegratedAlarm/alarmConfig/components/custom_components.vue

@@ -1,5 +1,18 @@
 <template>
-  <el-dialog v-model="isShow" width="60%" @close="closeDialog" destroy-on-close>
+  <el-dialog
+    v-model="isShow"
+    width="75%"
+    top="50px"
+    @close="closeDialog"
+    destroy-on-close
+    class="alDio"
+    @click="lPopVisible = false"
+    @closed="
+      () => {
+        lPopVisible = false;
+      }
+    "
+  >
     <el-form
       ref="ruleFormRef"
       :model="form"
@@ -58,7 +71,7 @@
               v-model="form.enable"
               :active-value="true"
               :inactive-value="false"
-              active-color="#13ce66"
+              active-color="#1974ff"
             />
           </el-form-item>
         </el-col>
@@ -136,7 +149,7 @@
           </el-form-item>
         </el-col>
         <el-col :span="9">
-          <el-tabs type="border-card">
+          <el-tabs type="border-card" class="currentTabs">
             <el-tab-pane label="AI测点">
               <el-input v-model="state.AIPointSearch"> </el-input>
               <el-table
@@ -234,16 +247,251 @@
           </el-form-item>
         </el-col>
       </el-row>
+      <el-form-item style="width: 100%">
+        <el-button
+          type="primary"
+          style="margin-right: 16px"
+          ref="buttonRef"
+          size="mini"
+          @click.stop="
+            () => {
+              lPopVisible = !lPopVisible;
+              setTableCheckbox();
+            }
+          "
+          >修改排查方案添\删除</el-button
+        >
+        <el-popover
+          :visible="lPopVisible"
+          placement="right-end"
+          :width="1250"
+          trigger="manual"
+          popper-class="alDioPop"
+          :effect="$store.state.theme ? 'light' : 'dark'"
+          :hide-after="0"
+          ref="popoverRef"
+          :virtual-ref="buttonRef"
+        >
+          <el-table
+            ref="multipleTableRef"
+            :max-height="550"
+            width="100%"
+            :data="state.alarmMapList"
+            @selection-change="handleSelectionChange"
+            stripe
+            border
+          >
+            <el-table-column type="selection" width="55" align="center" />
+            <el-table-column
+              label="类型"
+              prop="types"
+              align="center"
+              width="120px"
+              show-overflow-tooltip
+              column-key="types"
+              :filters="getFilters('types')"
+              :filter-method="filterHandler"
+            ></el-table-column>
+            <el-table-column
+              label="名称"
+              prop="name"
+              align="center"
+              width="200px"
+              column-key="name"
+              :filters="getFilters('name')"
+              :filter-method="filterHandler"
+            ></el-table-column>
+            <el-table-column
+              label="排查步骤"
+              prop="troubleMethod"
+              align="left"
+            >
+              <template #default="scope">
+                <template v-if="Array.isArray(splitStr(scope.row.troubleMethod))">
+                  <p
+                    v-for="(item, index) in splitStr(scope.row.troubleMethod)"
+                    :key="index"
+                  >
+                    {{ index + 1 }}. {{ item }}
+                  </p>
+                </template>
+                <p v-else>
+                  {{ scope.row.troubleMethod }}
+                </p>
+              </template>
+            </el-table-column>
+            <el-table-column
+              label="检修方案"
+              prop="processMethod"
+              align="left"
+            >
+              <template #default="scope">
+                <template v-if="Array.isArray(splitStr(scope.row.processMethod))">
+                  <p
+                    v-for="(item, index) in splitStr(scope.row.processMethod)"
+                    :key="index"
+                  >
+                    {{ index + 1 }}. {{ item }}
+                  </p>
+                </template>
+                <p v-else>
+                  {{ scope.row.processMethod }}
+                </p>
+              </template>
+            </el-table-column>
+            <el-table-column
+              label="所需工具"
+              prop="tools"
+              align="left"
+              width="120px"
+            >
+              <template #default="scope">
+                <template v-if="Array.isArray(splitStr(scope.row.tools))">
+                  <p v-for="(item, index) in splitStr(scope.row.tools)" :key="index">
+                    {{ index + 1 }}. {{ item }}
+                  </p>
+                </template>
+                <p v-else>
+                  {{ scope.row.tools }}
+                </p>
+              </template>
+            </el-table-column>
+            <el-table-column
+              label="备品备件"
+              prop="spareParts"
+              align="left"
+            >
+              <template #default="scope">
+                <template v-if="Array.isArray(splitStr(scope.row.spareParts))">
+                  <p v-for="(item, index) in splitStr(scope.row.spareParts)" :key="index">
+                    {{ index + 1 }}. {{ item }}
+                  </p>
+                </template>
+                <p v-else>
+                  {{ scope.row.spareParts }}
+                </p>
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-popover>
+        <el-table
+          width="100%"
+          style="height: 200px; margin-top: 10px"
+          :data="state.pcflList"
+          stripe
+          border
+        >
+          <el-table-column
+            label="类型"
+            prop="types"
+            align="center"
+            width="120px"
+            show-overflow-tooltip
+          ></el-table-column>
+          <el-table-column
+            label="名称"
+            prop="name"
+            align="center"
+            width="200px"
+            show-overflow-tooltip
+          ></el-table-column>
+          <el-table-column
+            label="排查步骤"
+            prop="troubleMethod"
+            align="left"
+            show-overflow-tooltip
+          >
+            <template #default="scope">
+              <template v-if="Array.isArray(scope.row.troubleMethod)">
+                <p
+                  v-for="(item, index) in scope.row.troubleMethod"
+                  :key="index"
+                >
+                  {{ index + 1 }}. {{ item }}
+                </p>
+              </template>
+              <p v-else>
+                {{ scope.row.troubleMethod }}
+              </p>
+            </template>
+          </el-table-column>
+          <el-table-column
+            label="检修方案"
+            prop="processMethod"
+            align="left"
+            show-overflow-tooltip
+          >
+            <template #default="scope">
+              <template v-if="Array.isArray(scope.row.processMethod)">
+                <p
+                  v-for="(item, index) in scope.row.processMethod"
+                  :key="index"
+                >
+                  {{ index + 1 }}. {{ item }}
+                </p>
+              </template>
+              <p v-else>
+                {{ scope.row.processMethod }}
+              </p>
+            </template>
+          </el-table-column>
+          <el-table-column
+            label="所需工具"
+            prop="tools"
+            align="left"
+            width="120px"
+            show-overflow-tooltip
+          >
+            <template #default="scope">
+              <template v-if="Array.isArray(scope.row.tools)">
+                <p v-for="(item, index) in scope.row.tools" :key="index">
+                  {{ index + 1 }}. {{ item }}
+                </p>
+              </template>
+              <p v-else>
+                {{ scope.row.tools }}
+              </p>
+            </template>
+          </el-table-column>
+          <el-table-column
+            label="备品备件"
+            prop="spareParts"
+            align="left"
+            width="120px"
+            show-overflow-tooltip
+          >
+            <template #default="scope">
+              <template v-if="Array.isArray(scope.row.spareParts)">
+                <p v-for="(item, index) in scope.row.spareParts" :key="index">
+                  {{ index + 1 }}. {{ item }}
+                </p>
+              </template>
+              <p v-else>
+                {{ scope.row.spareParts }}
+              </p>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-form-item>
     </el-form>
     <template #footer>
       <span class="footerButton">
-        <el-button round size="mini" @click="closeDialog">取 消</el-button>
+        <el-button
+          :style="`color:${$store.state.theme ? '#000' : '#fff'}`"
+          round
+          size="mini"
+          @click="closeDialog"
+          >取 消</el-button
+        >
         <el-button round size="mini" @click="submitForm(ruleFormRef)"
           >确 定</el-button
         >
       </span>
     </template>
   </el-dialog>
+  <el-dialog v-model="yjlxDialogVisible" title="修改预警类型" width="500">
+    <span>This is a message</span>
+  </el-dialog>
 </template>
 <script setup>
 import {
@@ -255,8 +503,10 @@ import {
   nextTick,
   defineEmits,
   defineProps,
+  unref,
 } from "vue";
 import { ElMessageBox, ElMessage } from "element-plus";
+import { ClickOutside as vClickOutside } from "element-plus";
 import {
   custombj_postSave,
   fetch_electrical_point_ai,
@@ -264,10 +514,36 @@ import {
   getStationinfo,
   fetchPointList,
   fetchPointListByBootst,
+  getAlarmMap,
+  getAlarmMapById,
 } from "@/api/zhbj/index.js";
 import { useStore } from "vuex";
 const store = useStore();
 const emits = defineEmits(["close"]);
+const buttonRef = ref();
+const popoverRef = ref();
+const multipleTableRef = ref();
+const lPopVisible = ref(false);
+
+const filterHandler = (value, row, column) => {
+  const property = column["property"];
+  return row[property] === value;
+};
+
+const setTableCheckbox = () => {
+  if (lPopVisible.value) {
+    state.pcflList.forEach((ele) => {
+      const findRes = state.alarmMapList.find((findEle) => {
+        return ele.id === findEle.id;
+      });
+      if (findRes) {
+        multipleTableRef?.value?.toggleRowSelection(findRes, true);
+      }
+    });
+    multipleTableRef?.value?.doLayout();
+  }
+};
+
 const props = defineProps({
   //是否显示
   isVisible: {
@@ -291,10 +567,20 @@ const props = defineProps({
     type: Array,
   },
 });
+
 watch(
   () => props.isVisible,
   (val, old) => {
     nextTick(() => {
+      if (val) {
+        getAlarmMap().then((res) => {
+          let alarmMapList = [];
+          for (let key in res.data) {
+            alarmMapList = [].concat(alarmMapList, res.data[key]);
+          }
+          state.alarmMapList = alarmMapList;
+        });
+      }
       isShow.value = val;
     });
   },
@@ -308,6 +594,9 @@ watch(
     nextTick(() => {
       form.value = val;
       if (val.id && val.id != "") {
+        getAlarmMapById({ alarmId: val.id }).then((res) => {
+          state.pcflList = res.data || [];
+        });
         if (val?.stationId.includes("FDC") || val?.stationId.includes("GDC")) {
           getfetchPointList();
         } else {
@@ -362,6 +651,17 @@ const form = ref({
   tag: "",
   uniformCode: "",
 });
+
+const splitStr = (str) => {
+  if (/(\d+\.\s+)/.test(str)) {
+    return str
+      .split(/(\d+\.\s+)/)
+      .filter(Boolean)
+      .filter((_, index) => index % 2 !== 0);
+  }
+  return str;
+}
+
 const getExtraCharacters = (str1, str2) => {
   let result = "";
   if (str1 && str2) {
@@ -374,11 +674,33 @@ const getExtraCharacters = (str1, str2) => {
 
   return result;
 };
+
+const handleSelectionChange = (value) => {
+  state.pcflList = value;
+};
+
+const getFilters = (key) => {
+  // 提取所有对象的特定键值
+  const values = state.alarmMapList.map((item) => item[key]);
+  // 使用Set去重
+  const uniqueValues = Array.from(new Set(values));
+
+  const result = uniqueValues.reduce((acc, name) => {
+    acc[name] = true;
+    return acc;
+  }, {});
+
+  let out = [];
+
+  for (let key in result) {
+    out.push({ text: key, value: key });
+  }
+  return out;
+};
 const newVal = ref("");
 watch(
   () => form.value.expression,
   (val, old) => {
-    console.log(val, old);
     let a = getExtraCharacters(val, old);
     newVal.value = a;
   },
@@ -404,6 +726,8 @@ const state = reactive({
   DIPointList: [],
   AIPointSearch: "",
   DIPointSearch: "",
+  alarmMapList: [],
+  pcflList: [],
 });
 const operator = [
   "+",
@@ -766,15 +1090,18 @@ const submitForm = async (formEl) => {
   await formEl.validate((valid, fields) => {
     if (valid) {
       save();
-    } else {
-      console.log("error submit!", fields);
     }
   });
 };
 //保存
 const save = async () => {
-  const res = await custombj_postSave(form.value);
-  console.warn(res);
+  let params = Object.assign({}, form.value);
+  let alarmPlan = [];
+  state.pcflList.forEach((ele) => {
+    alarmPlan.push(ele.id);
+  });
+  params.alarmPlan = alarmPlan.toString();
+  const res = await custombj_postSave(params);
   if (res.code != 200) {
     ElMessage.error(res.msg);
   } else {
@@ -840,3 +1167,30 @@ const closeDialog = () => {
   padding: 0;
 }
 </style>
+<style lang="less">
+.alDio {
+  .el-dialog__body {
+    max-height: 700px;
+    overflow-y: scroll;
+  }
+  .el-card__body {
+    padding: 10px;
+    color: #fff;
+    border: 1px solid #999;
+  }
+}
+
+.alDioPop {
+  max-height: 700px;
+  // overflow-y: hidden;
+
+  .el-table {
+    margin: 5px 0;
+    .el-table__inner-wrapper{
+      // max-width: 95%;
+      width: 100%;
+      overflow-x: auto;
+    }
+  }
+}
+</style>

src/views/IntegratedAlarm/alarmConfig/customConfig/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="custom-config">
     <div class="form-wrapper">
-      <div class="btns" style="margin-bottom: 10px">
+      <div class="btns">
         <el-button class="buttons" size="mini" round @click="handleInsert">
           新增记录
         </el-button>
@@ -36,7 +36,6 @@
           class="search-item"
           popper-class="select"
           @change="categorychanged"
-          v-if="$store.state.showGf"
         >
           <el-option key="1" label="风机报警" value="windturbine"></el-option>
           <!-- <el-option
@@ -141,7 +140,7 @@
       <el-table
         :data="state.tableData"
         stripe
-        height="calc(100% - 42px - 45px)"
+        style="height: calc(100% - 110px)"
       >
         <el-table-column
           v-for="item in state.tableHeader"
@@ -180,7 +179,9 @@
           <template #default="scope">
             <el-button
               type="text"
-              style="color: #05bb4c"
+              :style="`color: ${
+                $store.state.theme ? '#1890ff' : '#47aee7'
+              } !important`"
               size="mini"
               @click="handleEditClick(scope.row)"
               >编辑</el-button
@@ -249,12 +250,12 @@ const query = reactive({
   pageNum: 1,
   pageSize: 22,
   name: "",
-  wpId: "SXJ_KGDL_XWT_FDC_STA",
+  wpId: "",
   rank: "",
-  modelId: "SEC-W02B-1250kW",
+  modelId: "",
   category: "windturbine",
   enabled: "",
-  relatedparts: "YP",
+  relatedparts: "",
 });
 const state = reactive({
   tableData: [
@@ -387,24 +388,24 @@ const state = reactive({
 });
 //型号列表
 const modelList = computed(() => {
-  // if (query.wpId == "") {
-  //   return [];
-  // } else {
-  //   return state.modelListAll[query.wpId];
-  // }
+  if (query.wpId == "") {
+    return [];
+  } else {
+    return state.modelListAll[query.wpId];
+  }
   return [{ id: "SEC-W02B-1250kW", aname: "SEC-W02B-1250kW" }];
 });
 //部件列表
 const fetchList = computed(() => {
-  // if (query.wpId == "") {
-  //   return [];
-  // } else {
-  //   if (query.wpId.includes("FDC")) {
-  //     return state.fetchListAll?.fjbj;
-  //   } else {
-  //     return state.fetchListAll?.gfbj;
-  //   }
-  // }
+  if (query.wpId == "") {
+    return [];
+  } else {
+    if (query.wpId.includes("FDC")) {
+      return state.fetchListAll?.fjbj;
+    } else {
+      return state.fetchListAll?.gfbj;
+    }
+  }
   return [
     {
       id: "1",
@@ -605,7 +606,7 @@ const stationList = ref([
     height: null,
     windType: "-1",
     companyId: "SXJ_KGDL_FLFD_ZGS",
-    regionId: "NX_FGS",
+    regionId: "SXJ_RGN",
     groupId: "KGDL_FGS",
     isAble: 1,
     spare1: "XWT",
@@ -659,7 +660,7 @@ const stationList = ref([
     height: null,
     windType: "-1",
     companyId: "SXJ_KGDL_FLFD_ZGS",
-    regionId: "NX_FGS",
+    regionId: "SXJ_RGN",
     groupId: "KGDL_FGS",
     isAble: 1,
     spare1: "BHB",
@@ -713,7 +714,7 @@ const stationList = ref([
     height: null,
     windType: "-1",
     companyId: "SXJ_KGDL_FLFD_ZGS",
-    regionId: "NX_FGS",
+    regionId: "SXJ_RGN",
     groupId: "KGDL_FGS",
     isAble: 1,
     spare1: "YF",
@@ -767,7 +768,7 @@ const stationList = ref([
     height: null,
     windType: "-1",
     companyId: "SXJ_KGDL_FLFD_ZGS",
-    regionId: "NX_FGS",
+    regionId: "SXJ_RGN",
     groupId: "KGDL_FGS",
     isAble: 1,
     spare1: "BHB3",
@@ -821,7 +822,7 @@ const stationList = ref([
     height: null,
     windType: "-1",
     companyId: "SXJ_KGDL_FLFD_ZGS",
-    regionId: "NX_FGS",
+    regionId: "SXJ_RGN",
     groupId: "KGDL_FGS",
     isAble: 1,
     spare1: "PDL",
@@ -875,7 +876,7 @@ const stationList = ref([
     height: null,
     windType: "-1",
     companyId: "SXJ_KGDL_FLFD_ZGS",
-    regionId: "NX_FGS",
+    regionId: "SXJ_RGN",
     groupId: "KGDL_FGS",
     isAble: 1,
     spare1: "NJL",
@@ -929,7 +930,7 @@ const stationList = ref([
     height: null,
     windType: "-1",
     companyId: "SXJ_KGDL_FLFD_ZGS",
-    regionId: "NX_FGS",
+    regionId: "SXJ_RGN",
     groupId: "KGDL_FGS",
     isAble: 1,
     spare1: "DJY",
@@ -983,7 +984,7 @@ const stationList = ref([
     height: null,
     windType: "-1",
     companyId: "SXJ_KGDL_FLFD_ZGS",
-    regionId: "NX_FGS",
+    regionId: "SXJ_RGN",
     groupId: "KGDL_FGS",
     isAble: 1,
     spare1: "GJY",
@@ -1037,7 +1038,7 @@ const stationList = ref([
     height: null,
     windType: "-1",
     companyId: "SXJ_KGDL_FLFD_ZGS",
-    regionId: "NX_FGS",
+    regionId: "SXJ_RGN",
     groupId: "KGDL_FGS",
     isAble: 1,
     spare1: "PTZ",
@@ -1091,7 +1092,7 @@ const stationList = ref([
     height: null,
     windType: "-1",
     companyId: "SXJ_KGDL_FLFD_ZGS",
-    regionId: "NX_FGS",
+    regionId: "SXJ_RGN",
     groupId: "KGDL_FGS",
     isAble: 1,
     spare1: "HSM",
@@ -1145,7 +1146,7 @@ const stationList = ref([
     height: null,
     windType: "-1",
     companyId: "SXJ_KGDL_FLFD_ZGS",
-    regionId: "NX_FGS",
+    regionId: "SXJ_RGN",
     groupId: "KGDL_FGS",
     isAble: 1,
     spare1: "ZK",
@@ -1199,7 +1200,7 @@ const stationList = ref([
     height: null,
     windType: "-1",
     companyId: "SXJ_KGDL_FLFD_ZGS",
-    regionId: "NX_FGS",
+    regionId: "SXJ_RGN",
     groupId: "KGDL_FGS",
     isAble: 1,
     spare1: "YTY",
@@ -1253,7 +1254,7 @@ const stationList = ref([
     height: null,
     windType: "-1",
     companyId: "SXJ_KGDL_FLFD_ZGS",
-    regionId: "NX_FGS",
+    regionId: "SXJ_RGN",
     groupId: "KGDL_FGS",
     isAble: 1,
     spare1: "YLZ",
@@ -1361,7 +1362,7 @@ const stationList = ref([
     height: null,
     windType: "-2",
     companyId: "SXJ_KGDL_GFFD_ZGS",
-    regionId: "NX_FGS",
+    regionId: "SXJ_RGN",
     groupId: "KGDL_FGS",
     isAble: 1,
     spare1: "YY",
@@ -1415,7 +1416,7 @@ const stationList = ref([
     height: null,
     windType: "-2",
     companyId: "SXJ_KGDL_GFFD_ZGS",
-    regionId: "NX_FGS",
+    regionId: "SXJ_RGN",
     groupId: "KGDL_FGS",
     isAble: 1,
     spare1: "PL",
@@ -1469,7 +1470,7 @@ const stationList = ref([
     height: null,
     windType: "-2",
     companyId: "SXJ_KGDL_GFFD_ZGS",
-    regionId: "NX_FGS",
+    regionId: "SXJ_RGN",
     groupId: "KGDL_FGS",
     isAble: 1,
     spare1: "YX",
@@ -1523,7 +1524,7 @@ const stationList = ref([
     height: null,
     windType: "-2",
     companyId: "SXJ_KGDL_GFFD_ZGS",
-    regionId: "NX_FGS",
+    regionId: "SXJ_RGN",
     groupId: "KGDL_FGS",
     isAble: 1,
     spare1: "TZ",
@@ -1577,7 +1578,7 @@ const stationList = ref([
     height: null,
     windType: "-2",
     companyId: "SXJ_KGDL_GFFD_ZGS",
-    regionId: "NX_FGS",
+    regionId: "SXJ_RGN",
     groupId: "KGDL_FGS",
     isAble: 1,
     spare1: "YG",
@@ -1631,7 +1632,7 @@ const stationList = ref([
     height: null,
     windType: "-2",
     companyId: "SXJ_KGDL_GFFD_ZGS",
-    regionId: "NX_FGS",
+    regionId: "SXJ_RGN",
     groupId: "KGDL_FGS",
     isAble: 1,
     spare1: "FS",
@@ -1685,7 +1686,7 @@ const stationList = ref([
     height: null,
     windType: "-2",
     companyId: "SXJ_KGDL_GFFD_ZGS",
-    regionId: "NX_FGS",
+    regionId: "SXJ_RGN",
     groupId: "KGDL_FGS",
     isAble: 1,
     spare1: "SY",
@@ -1739,7 +1740,7 @@ const stationList = ref([
     height: null,
     windType: "-2",
     companyId: "SXJ_KGDL_GFFD_ZGS",
-    regionId: "NX_FGS",
+    regionId: "SXJ_RGN",
     groupId: "KGDL_FGS",
     isAble: 1,
     spare1: "HR",
@@ -1793,7 +1794,7 @@ const stationList = ref([
     height: null,
     windType: "-2",
     companyId: "SXJ_KGDL_GFFD_ZGS",
-    regionId: "NX_FGS",
+    regionId: "SXJ_RGN",
     groupId: "KGDL_FGS",
     isAble: 1,
     spare1: "TL",
@@ -1847,7 +1848,7 @@ const stationList = ref([
     height: null,
     windType: "-2",
     companyId: "SXJ_KGDL_GFFD_ZGS",
-    regionId: "NX_FGS",
+    regionId: "SXJ_RGN",
     groupId: "KGDL_FGS",
     isAble: 1,
     spare1: "JR",
@@ -1887,8 +1888,10 @@ const getWpArray = async () => {
 };
 const getData = async () => {
   const { data } = await custombj_fetchTableData(query);
-  state.tableData = data.records;
-  total.value = data.total;
+  if (data) {
+    state.tableData = data.records;
+    total.value = data.total;
+  }
 };
 //所属部件
 const getfetchRelatePart = async () => {
@@ -2041,27 +2044,26 @@ const enabledConvert = (val) => {
   }
 };
 </script>
-<style scoped lang="less">
+<style lang="less" scoped>
 .custom-config {
   height: 100%;
-  width: 100%;
-  padding: 0 20px;
-  padding-bottom: 10px;
   .form-wrapper {
     display: flex;
-    padding-top: 10px;
-    justify-content: space-between;
+    justify-content: flex-start;
+    align-items: center;
+    padding: 20px 0 10px 20px;
+
     .search-wrapper::v-deep {
       display: flex;
+      justify-content: flex-start;
       align-items: center;
       font-size: 14px;
       font-family: Microsoft YaHei;
       font-weight: 400;
       color: #b3b3b3;
-      margin-bottom: 10px;
       .search-item {
         margin-right: 10px;
-        max-width: 190px;
+        width: 120px;
       }
     }
 
@@ -2069,9 +2071,6 @@ const enabledConvert = (val) => {
       display: flex;
       justify-content: flex-end;
       margin-right: 10px;
-      //   position: absolute;
-      //   right: 0;
-      //   top: 53px;
       .el-button + .el-button {
         margin-left: 10px;
       }
@@ -2090,14 +2089,15 @@ const enabledConvert = (val) => {
   }
 }
 .table-wrapper {
-  height: calc(100% - 43px);
-  width: 100%;
+  height: calc(100% - 160px);
+  width: calc(100% - 40px);
+  padding: 20px;
   .leftContent {
     width: 242px;
     height: 41px;
     display: flex;
     align-items: center;
-    background: url("~@/assets/imgs/title_left_bg1.png") no-repeat;
+    background: url("~@/assets/imgs/title_left_bg.png") no-repeat;
 
     span {
       font-size: 16px;
@@ -2117,4 +2117,8 @@ const enabledConvert = (val) => {
     margin-top: 10px;
   }
 }
+
+.pagination {
+  margin-top: 15px;
+}
 </style>

src/views/IntegratedAlarm/alarmConfig/logs/index.vue

@@ -37,9 +37,8 @@
       </div>
       <el-table
         :data="tableData"
-        height="calc(100% - 57px - 40px)"
         stripe
-        style="width: 100%"
+        style="width: 100%; height: calc(100% - 130px)"
       >
         <el-table-column
           prop="ruleName"
@@ -455,11 +454,13 @@ const logsList = async () => {
     input.value,
     value.value
   );
-  data.records.forEach((ele) => {
-    ele.updateTimeName = dayjs(ele.updateTime).format("YYYY-MM-DD:HH:mm:ss");
-  });
-  query.pageTotal = data.total;
-  tableData.value = data.records;
+  if (data) {
+    data.records.forEach((ele) => {
+      ele.updateTimeName = dayjs(ele.updateTime).format("YYYY-MM-DD:HH:mm:ss");
+    });
+    query.pageTotal = data.total;
+    tableData.value = data.records;
+  }
 };
 // 分页导航
 const handlePageChange = (val) => {
@@ -469,10 +470,8 @@ const handlePageChange = (val) => {
 </script>
 <style lang="less" scoped>
 .logs {
-  height: 100%;
-  width: 100%;
-  padding: 0 20px;
-  padding-bottom: 10px;
+  height: calc(100% - 40px);
+  padding: 20px;
   .form-wrapper {
     display: flex;
     padding-top: 10px;
@@ -516,7 +515,7 @@ const handlePageChange = (val) => {
     height: 41px;
     display: flex;
     align-items: center;
-    background: url("~@/assets/imgs/title_left_bg1.png") no-repeat;
+    background: url("~@/assets/imgs/title_left_bg.png") no-repeat;
 
     span {
       font-size: 16px;

src/views/IntegratedAlarm/earlyWarning/index.vue

@@ -0,0 +1,711 @@
+<template>
+  <div class="history-warning">
+    <div class="form-wrapper">
+      <div class="search-wrapper">
+        <div class="search-item">
+          <span class="label">类型：</span>
+          <el-select
+            v-model="types"
+            placeholder="请选择"
+            clearable
+            style="width: 120px"
+          >
+            <el-option
+              v-for="item in typeList"
+              :key="item"
+              :label="item"
+              :value="item"
+            />
+          </el-select>
+        </div>
+        <div class="search-item">
+          <span class="label">名称：</span>
+          <div class="search-content"></div>
+          <el-input
+            v-model="name"
+            placeholder="请输入..."
+            size="mini"
+            clearable
+          ></el-input>
+        </div>
+      </div>
+      <div class="btns">
+        <el-button class="buttons" round size="mini" @click="getTableData"
+          >查询</el-button
+        >
+        <el-button size="mini" class="buttons" round @click="getExcelTemplate"
+          >获取模板</el-button
+        >
+        <el-upload
+          style="margin: 0 12px"
+          :action="`${$store.state.baseURL}/alarmplan/import`"
+          :show-file-list="false"
+          :on-success="handleSuccess"
+          :on-error="handleError"
+        >
+          <el-button class="buttons" size="mini" round>导入</el-button>
+        </el-upload>
+        <el-button class="buttons" round size="mini" @click="addEarly"
+          >新增</el-button
+        >
+        <el-button
+          class="buttons"
+          round
+          size="mini"
+          @click="deleteItem"
+          :disabled="!deleteSelectItem?.length"
+          >批量删除</el-button
+        >
+      </div>
+    </div>
+    <div class="table-wrapper">
+      <div class="leftContent" :data-type="$store.state.moreSty">
+        <span>预警排查方案</span>
+      </div>
+      <!-- :span-method="objectSpanMethod" -->
+      <el-table
+        size="mini"
+        :data="tableData"
+        style="width: 100%; height: calc(100% - 35px - 55px)"
+        @selection-change="handleSelectionChange"
+        stripe
+        border
+      >
+        <el-table-column type="selection" width="55" align="center" />
+        <el-table-column
+          label="类型"
+          prop="types"
+          align="center"
+          width="120px"
+          show-overflow-tooltip
+        ></el-table-column>
+        <el-table-column
+          label="名称"
+          prop="name"
+          align="center"
+          width="200px"
+          show-overflow-tooltip
+        ></el-table-column>
+        <!-- <el-table-column
+          label="编号"
+          prop="id"
+          align="center"
+          width="80px"
+          show-overflow-tooltip
+        ></el-table-column> -->
+
+        <el-table-column
+          label="排查步骤"
+          prop="troubleMethod"
+          align="left"
+          show-overflow-tooltip
+        >
+          <template #default="scope">
+            <template v-if="Array.isArray(scope.row.troubleMethod)">
+              <p v-for="(item, index) in scope.row.troubleMethod" :key="index">
+                {{ index + 1 }}. {{ item }}
+              </p>
+            </template>
+            <p v-else>
+              {{ scope.row.troubleMethod }}
+            </p>
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="检修方案"
+          prop="processMethod"
+          align="left"
+          show-overflow-tooltip
+        >
+          <template #default="scope">
+            <template v-if="Array.isArray(scope.row.processMethod)">
+              <p v-for="(item, index) in scope.row.processMethod" :key="index">
+                {{ index + 1 }}. {{ item }}
+              </p>
+            </template>
+            <p v-else>
+              {{ scope.row.processMethod }}
+            </p>
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="所需工具"
+          prop="tools"
+          align="left"
+          width="120px"
+          show-overflow-tooltip
+        >
+          <template #default="scope">
+            <template v-if="Array.isArray(scope.row.tools)">
+              <p v-for="(item, index) in scope.row.tools" :key="index">
+                {{ index + 1 }}. {{ item }}
+              </p>
+            </template>
+            <p v-else>
+              {{ scope.row.tools }}
+            </p>
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="备品备件"
+          prop="spareParts"
+          align="left"
+          width="120px"
+          show-overflow-tooltip
+        >
+          <template #default="scope">
+            <template v-if="Array.isArray(scope.row.spareParts)">
+              <p v-for="(item, index) in scope.row.spareParts" :key="index">
+                {{ index + 1 }}. {{ item }}
+              </p>
+            </template>
+            <p v-else>
+              {{ scope.row.spareParts }}
+            </p>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" width="80px" align="center">
+          <template #default="scope">
+            <el-button type="primary" size="small" @click="editItem(scope.row)">
+              <span style="color: #fff">编辑</span>
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="pagination-wrapper" v-if="false">
+        <el-pagination
+          layout="total, sizes, prev, pager, next"
+          :current-page="query.page"
+          :page-size="query.limit"
+          :page-sizes="[21, 100, 500, 1000]"
+          :total="query.pageTotal"
+          @size-change="
+            (value) => {
+              query.page = 1;
+              query.limit = value;
+              getAlarmHistoryt();
+            }
+          "
+          @current-change="handlePageChange"
+        ></el-pagination>
+      </div>
+    </div>
+    <el-dialog v-model="dialogVisible" width="40%" @closed="resetForm">
+      <el-form
+        :model="selectItem"
+        :rules="rules"
+        inline
+        label-width="80px"
+        ref="ruleFormRef"
+      >
+        <el-form-item label="类型" prop="types">
+          <el-select
+            v-model="selectItem.types"
+            placeholder="请选择"
+            style="width: 120px"
+          >
+            <el-option
+              v-for="item in typeList"
+              :key="item"
+              :label="item"
+              :value="item"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="名称" prop="name">
+          <el-input
+            v-model="selectItem.name"
+            style="width: 200px"
+            autosize
+            type="textarea"
+            placeholder="请输入"
+            resize="none"
+          />
+        </el-form-item>
+        <el-form-item label="排查步骤">
+          <el-input
+            v-model="selectItem.troubleMethod"
+            style="width: 200px"
+            autosize
+            type="textarea"
+            placeholder="请输入"
+            resize="none"
+          />
+        </el-form-item>
+        <el-form-item label="检修方案">
+          <el-input
+            v-model="selectItem.processMethod"
+            style="width: 200px"
+            autosize
+            type="textarea"
+            placeholder="请输入"
+            resize="none"
+          />
+        </el-form-item>
+        <el-form-item label="所需工具">
+          <el-input
+            v-model="selectItem.tools"
+            style="width: 200px"
+            autosize
+            type="textarea"
+            placeholder="请输入"
+            resize="none"
+          />
+        </el-form-item>
+        <el-form-item label="备品备件">
+          <el-input
+            v-model="selectItem.spareParts"
+            style="width: 200px"
+            autosize
+            type="textarea"
+            placeholder="请输入"
+            resize="none"
+          />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <span class="footerButton">
+          <el-button
+            size="mini"
+            class="buttons"
+            round
+            @click="editVisible = false"
+            >取 消</el-button
+          >
+          <el-button size="mini" class="buttons" round @click="save"
+            >确 定</el-button
+          >
+        </span>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {
+  getAlarmMap,
+  getAlarmTypeList,
+  addAlarmItem,
+  deleteAlarmItem,
+  getAlarmExcelTemplate,
+} from "@/api/zhbj/index.js";
+import { ElMessageBox } from "element-plus";
+export default {
+  data() {
+    return {
+      // theme: false,
+      types: "",
+      typeList: [],
+      name: "",
+      partRowSpans: {
+        传送链: { start: 0, count: 1 },
+        机舱: { start: 1, count: 1 },
+      },
+      tableData: [
+        {
+          id: "0002",
+          types: "传送链",
+          troubleMethod: [
+            "检查主轴是否有断裂或磨损。 ",
+            "检查联轴器是否有断裂或磨损。 ",
+            "观察传动系统是否有异常声音或卡滞现象。",
+          ],
+          processMethod: ["更换断裂的主轴或联轴器。 ", "维修磨损的部件。"],
+          tools: ["望远镜 ", "扳手 ", "螺丝刀"],
+          spareParts: ["主轴 ", "联轴器"],
+          name: "断轴或联轴打滑",
+          part: "传送链",
+          rowIndex: 0,
+        },
+        {
+          id: "0001",
+          types: "机舱",
+          troubleMethod: [
+            "检查偏航电机运行是否正常，是否有异响或卡滞。 ",
+            "检查偏航齿轮箱油位是否正常，是否有泄漏。 ",
+            "检查偏航液压系统油位是否正常，是否有泄漏。 ",
+            "检查偏航传感器是否正常工作，是否有故障。 ",
+            "观察偏航过程中是否有异常声音或卡滞现象。",
+          ],
+          processMethod: [
+            "更换故障的偏航电机。 ",
+            "更换损坏的偏航齿轮箱。 ",
+            "维修或更换泄漏的偏航液压系统。 ",
+            "更换故障的偏航传感器。",
+          ],
+          tools: ["兆欧表 ", "温度计 ", "油位尺 ", "扳手 ", "螺丝刀"],
+          spareParts: ["偏航电机 ", "偏航齿轮箱 ", "偏航液压泵 ", "偏航传感器"],
+          name: "风机偏航过程震动",
+          part: "机舱",
+          rowIndex: 1,
+        },
+      ],
+      query: {
+        page: 1,
+        limit: 21,
+        pageTotal: null,
+      },
+      selectItem: {
+        id: "",
+        types: "",
+        name: "",
+        troubleMethod: "",
+        processMethod: "",
+        tools: "",
+        spareParts: "",
+      },
+      deleteSelectItem: [],
+      rules: {
+        types: [
+          {
+            required: true,
+            message: "类型不可为空",
+            trigger: "blur",
+          },
+        ],
+        name: [
+          {
+            required: true,
+            message: "名称不可为空",
+            trigger: "blur",
+          },
+        ],
+      },
+      dialogVisible: false,
+      dialogFormData: {
+        metriccode: "",
+      },
+    };
+  },
+
+  created() {
+    this.init();
+  },
+
+  // watch: {
+  //   "$store.state.theme"(newVal, oldVal) {
+  //     this.theme = newVal
+  //   },
+  // },
+
+  methods: {
+    init() {
+      this.getTableData();
+      getAlarmTypeList().then((res) => {
+        this.typeList = res.data;
+      });
+    },
+
+    getTableData() {
+      let url = "";
+      let data = {};
+      let requestType = 0;
+      // if (!this.types && !this.name) {
+      //   requestType = 1;
+      //   url = `/alarmplan/queryAlarmPlanMap`;
+      // } else {
+      //   requestType = 2;
+      //   url = `/alarmplan/page`;
+      //   data = {
+      //     pageNum: 1,
+      //     pageSize: 200,
+      //     types: this.types || null,
+      //     name: this.name,
+      //   };
+      // }
+      url = `/alarmplan/page`;
+      data = {
+        pageNum: 1,
+        pageSize: 200,
+        types: this.types || null,
+        name: this.name,
+      };
+      getAlarmMap(url, data).then((res) => {
+        let partRowSpans = {};
+        let tableData = [];
+        let rowIndex = 0;
+        // let tableSourceData = requestType === 1 ? res.data : res.data.records;
+        let tableSourceData = res.data.records;
+        if (requestType !== 1) {
+          let tempObject = {};
+          tableSourceData.forEach((ele) => {
+            if (Array.isArray(tempObject?.[ele.types])) {
+              tempObject[ele.types].push(ele);
+            } else {
+              tempObject[ele.types] = [ele];
+            }
+          });
+          tableSourceData = tempObject;
+        }
+        Object.keys(tableSourceData).forEach((part) => {
+          const partData = tableSourceData[part];
+          partRowSpans[part] = {
+            start: rowIndex,
+            count: partData.length,
+          };
+          partData.forEach((item) => {
+            item.processMethod = this.splitStr(item.processMethod);
+            item.spareParts = this.splitStr(item.spareParts);
+            item.tools = this.splitStr(item.tools);
+            item.troubleMethod = this.splitStr(item.troubleMethod);
+            tableData.push({
+              ...item,
+              part,
+              rowIndex,
+            });
+            rowIndex++;
+          });
+        });
+        this.partRowSpans = partRowSpans;
+        this.tableData = tableData;
+      });
+    },
+
+    splitStr(str) {
+      if (/(\d+\.\s+)/.test(str)) {
+        return str
+          .split(/(\d+\.\s+)/)
+          .filter(Boolean)
+          .filter((_, index) => index % 2 !== 0);
+      }
+      return str;
+    },
+
+    objectSpanMethod({ row, column, rowIndex, columnIndex }) {
+      if (columnIndex === 0) {
+        // 合并第一列（部件）
+        const part = row.part;
+        const { start, count } = this.partRowSpans[part];
+        if (rowIndex === start) {
+          return {
+            rowspan: count,
+            colspan: 1,
+          };
+        } else {
+          return {
+            rowspan: 0,
+            colspan: 0,
+          };
+        }
+      }
+    },
+
+    addEarly() {
+      this.dialogVisible = true;
+    },
+
+    editItem(selectItem) {
+      this.selectItem = Object.assign({}, selectItem);
+      this.dialogVisible = true;
+    },
+
+    handleSelectionChange(deleteSelectItem) {
+      this.deleteSelectItem = deleteSelectItem;
+    },
+
+    deleteItem() {
+      ElMessageBox.confirm("确定要删除吗？", "提示", {
+        type: "warning",
+      })
+        .then(() => {
+          let ids = [];
+          this.deleteSelectItem.forEach((ele) => {
+            ids.push(ele.id);
+          });
+          deleteAlarmItem({ id: ids.toString() }).then((res) => {
+            if (res.code === 200 && res.data) {
+              this.BASE.showMsg({
+                type: "success",
+                msg: "删除成功",
+              });
+              this.getTableData();
+            } else {
+              this.BASE.showMsg({
+                type: "error",
+                msg: "删除失败",
+              });
+            }
+          });
+        })
+        .catch(() => {});
+    },
+
+    async save() {
+      if (!this.$refs.ruleFormRef) return;
+      await this.$refs.ruleFormRef.validate((valid, fields) => {
+        if (valid) {
+          let selectItem = Object.assign(this.selectItem);
+          for (let key in selectItem) {
+            if (/processMethod|spareParts|troubleMethod|tools/.test(key)) {
+              if (Array.isArray(selectItem[key])) {
+                let rinseStr = "";
+                selectItem[key].forEach((ele, index) => {
+                  rinseStr += `${index + 1}. ${ele}`;
+                });
+                selectItem[key] = rinseStr;
+              }
+            }
+          }
+          addAlarmItem(selectItem).then((res) => {
+            if (res.code === 200) {
+              this.BASE.showMsg({
+                type: "success",
+                msg: "提交成功",
+              });
+              this.dialogVisible = false;
+              this.getTableData();
+            }
+          });
+        }
+      });
+    },
+
+    resetForm(clearSelectItem = true) {
+      this.$refs.ruleFormRef.resetFields();
+      if (clearSelectItem) {
+        this.selectItem = {
+          id: "",
+          types: "",
+          name: "",
+          troubleMethod: "",
+          processMethod: "",
+          tools: "",
+          spareParts: "",
+        };
+      }
+    },
+
+    getExcelTemplate() {
+      getAlarmExcelTemplate().then((res) => {
+        // 创建一个临时的URL来引用Blob对象
+        const url = window.URL.createObjectURL(
+          new Blob([res], {
+            type: "application/vnd.ms-excel",
+          })
+        );
+
+        // 创建一个隐藏的<a>元素
+        const a = document.createElement("a");
+        a.style.display = "none";
+        a.href = url;
+
+        // 设置文件名
+        const contentDisposition = res?.headers?.["content-disposition"];
+        let filename = "预警排查方案模板.xls"; // 默认文件名
+
+        a.download = filename; // 根据实际情况调整文件名
+
+        // 添加到DOM中
+        document.body.appendChild(a);
+
+        // 模拟点击
+        a.click();
+
+        // 清理
+        window.URL.revokeObjectURL(url);
+        document.body.removeChild(a);
+      });
+    },
+
+    handleSuccess(res) {
+      if (res.code === 200) {
+        this.BASE.showMsg({
+          type: "success",
+          msg: "导入成功",
+        });
+        this.getTableData();
+      }
+    },
+
+    handleError() {
+      this.BASE.showMsg({
+        type: "error",
+        msg: "导入失败",
+      });
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.history-warning {
+  height: calc(100% - 40px);
+  padding: 0 20px;
+  padding-bottom: 10px;
+  .form-wrapper ::v-deep {
+    display: flex;
+    flex-direction: column;
+    padding-top: 10px;
+    position: relative;
+    .search-wrapper {
+      display: flex;
+      align-items: center;
+      font-size: 14px;
+      font-family: Microsoft YaHei;
+      font-weight: 400;
+      color: #b3b3b3;
+      margin-bottom: 10px;
+      .search-item {
+        display: flex;
+        margin-right: 10px;
+        max-width: 450px;
+        align-items: center;
+        .label {
+          margin-right: 10px;
+          text-align: right;
+          white-space: nowrap;
+          // width: 60px;
+        }
+        .search-content {
+          flex: 1;
+        }
+      }
+    }
+
+    .btns {
+      display: flex;
+      justify-content: flex-end;
+      margin-right: 10px;
+      position: absolute;
+      right: 0;
+      // top: 53px;
+      top: 10px;
+    }
+
+    .buttons {
+      background-color: rgba(5, 187, 76, 0.2);
+      border: 1px solid #3b6c53;
+      color: #b3b3b3;
+      font-size: 14px;
+
+      &:hover {
+        background-color: rgba(5, 187, 76, 0.5);
+        color: #ffffff;
+      }
+    }
+  }
+  .table-wrapper {
+    height: calc(100% - 60px);
+    width: calc(100% - 20px);
+    .leftContent {
+      width: 242px;
+      height: 41px;
+      display: flex;
+      align-items: center;
+      background: url("~@/assets/imgs/title_left_bg.png") no-repeat;
+
+      span {
+        font-size: 16px;
+        font-family: Microsoft YaHei;
+        font-weight: 400;
+        color: #05bb4c;
+        margin-left: 25px;
+      }
+    }
+    .pagination-wrapper :deep {
+      text-align: right;
+      margin-top: 10px;
+    }
+  }
+}
+</style>

src/views/IntegratedAlarm/reliability/customAnalyse/index.vue

@@ -144,7 +144,7 @@
 
     <!-- 页面下部---统计表 -->
     <div class="table_all">
-      <div class="leftContent" :data-type="$store.state.moreSty">
+      <div class="leftContent">
         <span>{{ pageTitle }}</span>
       </div>
       <!--     @cell-click="handle" -->
@@ -834,18 +834,12 @@ const compare = function (property) {
     width: calc(100% - 20px);
     height: calc(100% - 130px);
     padding: 20px;
-    .leftContent[data-type~="greenSty"] {
-      background: url("~@/assets/imgs/title_left_bg1.png") no-repeat;
-    }
-    .leftContent[data-type~="blueSty"] {
-      background: url("~@/assets/imgs/title_left_bg.png") no-repeat;
-    }
     .leftContent {
       width: 242px;
       height: 41px;
       display: flex;
       align-items: center;
-
+        background: url("~@/assets/imgs/title_left_bg.png") no-repeat;
       span {
         font-size: 16px;
         font-family: Microsoft YaHei;

src/views/IntegratedAlarm/reliability/historyAnalyse/index.vue

@@ -148,7 +148,7 @@
 
     <!-- 页面下部---统计表 -->
     <div class="table_all">
-      <div class="leftContent" :data-type="$store.state.moreSty">
+      <div class="leftContent">
         <span>{{ pageTitle }}</span>
       </div>
       <el-table
@@ -800,17 +800,12 @@ const compare = function (property) {
     width: calc(100% - 20px);
     height: calc(100% - 130px);
     padding: 20px;
-    .leftContent[data-type~="greenSty"] {
-      background: url("~@/assets/imgs/title_left_bg1.png") no-repeat;
-    }
-    .leftContent[data-type~="blueSty"] {
-      background: url("~@/assets/imgs/title_left_bg.png") no-repeat;
-    }
     .leftContent {
       width: 242px;
       height: 41px;
       display: flex;
       align-items: center;
+      background: url("~@/assets/imgs/title_left_bg.png") no-repeat;
 
       span {
         font-size: 16px;

src/views/IntegratedAlarm/safe/customWarning/index.vue

@@ -173,7 +173,7 @@
     </div>
 
     <div class="table-wrapper">
-      <div class="leftContent" :data-type="$store.state.moreSty">
+      <div class="leftContent">
         <span>{{ pageTitle }}</span>
       </div>
       <el-table
@@ -800,17 +800,12 @@ p {
   .table-wrapper {
     height: calc(100% - 60px);
     width: calc(100% - 20px);
-    .leftContent[data-type~="greenSty"] {
-      background: url("~@/assets/imgs/title_left_bg1.png") no-repeat;
-    }
-    .leftContent[data-type~="blueSty"] {
-      background: url("~@/assets/imgs/title_left_bg.png") no-repeat;
-    }
     .leftContent {
       width: 242px;
       height: 41px;
       display: flex;
       align-items: center;
+      background: url("~@/assets/imgs/title_left_bg.png") no-repeat;
 
       span {
         font-size: 16px;

src/views/IntegratedAlarm/safe/dataSearch/index.vue

@@ -601,7 +601,8 @@ const export2Excel = async () => {
     height: 41px;
     display: flex;
     align-items: center;
-    background: url("~@/assets/imgs/title_left_bg1.png") no-repeat;
+    // background: url("~@/assets/imgs/title_left_bg1.png") no-repeat;
+    background: url("~@/assets/imgs/title_left_bg.png") no-repeat;
 
     span {
       font-size: 16px;

src/views/IntegratedAlarm/safe/historyWarning/index.vue

@@ -169,7 +169,7 @@
     </div>
 
     <div class="table-wrapper">
-      <div class="leftContent" :data-type="$store.state.moreSty">
+      <div class="leftContent">
         <span>{{ pageTitle }}</span>
       </div>
       <el-table
@@ -847,17 +847,12 @@ p {
   .table-wrapper {
     height: calc(100% - 60px);
     width: calc(100% - 20px);
-    .leftContent[data-type~="greenSty"] {
-      background: url("~@/assets/imgs/title_left_bg1.png") no-repeat;
-    }
-    .leftContent[data-type~="blueSty"] {
-      background: url("~@/assets/imgs/title_left_bg.png") no-repeat;
-    }
     .leftContent {
       width: 242px;
       height: 41px;
       display: flex;
       align-items: center;
+      background: url("~@/assets/imgs/title_left_bg.png") no-repeat;
 
       span {
         font-size: 16px;

src/views/IntegratedAlarm/safe/stopQuery/index.vue

@@ -378,7 +378,8 @@ export default {
       height: 41px;
       display: flex;
       align-items: center;
-      background: url("~@/assets/imgs/title_left_bg1.png") no-repeat;
+    //   background: url("~@/assets/imgs/title_left_bg1.png") no-repeat;
+    background: url("~@/assets/imgs/title_left_bg.png") no-repeat;
 
       span {
         font-size: 16px;

src/views/SandTable/SandTable.vue

@@ -62,7 +62,7 @@
                     </template>
                 </PanelSandToolbar>
             </div>
-            <div class="sand-table-bottom"
+            <!-- <div class="sand-table-bottom"
                 :style="$store.state.themeName === 'dark' ? 'right: calc(50vw - 545px);' : 'right: calc(50vw - 590px);'"
                 v-if="showPanel">
                 <Ppanel title="利用小时" :data="riseNumber(gxkmap.bg_dxkyss)" dataColor="#0a82f2" :days="gxkmap.ydxkyss"
@@ -126,7 +126,7 @@
                 ? 'svg-icon-sm svg-icon-yellow'
                 : 'svg-icon-sm svg-icon-green'
             "></Ppanel>
-            </div>
+            </div> -->
             <el-dialog title="" :custom-class="tableDialogClass" v-model="showHealthDialog" width="80%"
                 :destroy-on-close="true" :before-close="
             (done) => {

src/views/layout/login-page.vue

@@ -90,6 +90,7 @@
             $route: {
                 handler(val) {
                     this.redirectUrl = val.query.redirect ? val.query.redirect : "/integratedAlarm";
+                    this.notLogin(val)
                 },
                 immediate: true,
             },
@@ -163,6 +164,22 @@
                     // });
                 });
             },
+            notLogin(val) {
+                if (val?.query?.iamCode && val?.query?.iamAccessToken) {
+                    console.log('有iamCode===>>>', val)
+                    const res = {
+                        "userId": val?.query?.iamCode,
+                        "accessToken": val?.query?.iamAccessToken,
+                        "refreshToken": "3343184e9d5a4b8298bfccde0bdecc33",
+                        "expiresTime": 1724548810066
+                    }
+                    this.$store.commit("user/SET_TOKEN", res);
+                    this.$store.commit("user/SET_NAME", "admin");
+                    this.loading = false;
+                    this.$emit("onLogin");
+                    this.$router.push("/integratedAlarm"); // 跳转到首页
+                }
+            },
 
             updateRemember(v) {
                 Cookies.set("rememberMe", v);

src/views/nxReport/czzdybb/index.vue

@@ -0,0 +1,29 @@
+<template>
+    <div style="height: 100%">
+        <iframe :src="url" width="100%" height="100%" frameborder="0" scrolling="auto"></iframe>
+    </div>
+</template>
+<script>
+    export default {
+        data() {
+            return {
+                url: "http://10.220.1.5:8001/rbi/ebibase/showreport.do?resid=EANA$2$2$1$72977a47b6154b299ebcc708634e63dc$f6c89c7391914af08b438662b125e26a&id=admin&pw=admin",
+            };
+        },
+    };
+</script>
+<style lang="less" scope>
+    @titleGray: #9ca5a8;
+    @rowGray: #606769;
+    @darkBack: #536268;
+
+    .knowledge-2 {
+        .el-select {
+            width: 200px;
+        }
+
+        .el-input {
+            width: 200px;
+        }
+    }
+</style>