add:添加告警管理内容 告警统揽和告警设置 修改公共组件 适配多种情况

lib/component/table/table.vue

@@ -30,6 +30,7 @@
               :expand="expand"
               :showExpand="showExpand"
               :expandAll="expandAll"
+              :title="formConfig.title"
               :showExpandAll="showExpandAll"
               :model="formModel"
               @finish="formFinish" />
@@ -140,6 +141,16 @@
                     <span class="text-ellipsis" v-else> - </span>
                   </span>
                 </template>
+                <!-- 添加关闭按钮 -->
+                <template v-if="data.column.dataIndex === 'isUse'">
+                  <a-switch
+                    v-model:checked="data.record.isUse"
+                    :class="{
+                      'blue-background': data.record.isUse,
+                      'grey-background': !data.record.isUse,
+                    }"
+                    @click="clickSwitch({ isUse: data.record.isUse, record: data.record })" />
+                </template>
                 <template v-if="data.column.dataIndex === 'tableAction'">
                   <ns-table-action
                     :data="data.record"
@@ -349,6 +360,10 @@
           page: 1,
         });
       }, 300);
+      /* 点击开关按钮 */
+      const clickSwitch = (data: object) => {
+        emit('switch', data);
+      };
 
       function setLoading(loading: boolean) {
         tableState.loading = loading;
@@ -632,6 +647,7 @@
         tableState,
         isEmpty,
         formFinish,
+        clickSwitch,
         tableChangeEvent,
         treeSelect,
         getTreeBindValue,
@@ -746,4 +762,27 @@
     word-break: break-word;
     width: 100%;
   }
+  .blue-background.ant-switch-checked {
+    background-color: linear-gradient(
+      180deg,
+      rgba(1, 206, 255, 1) 0%,
+      rgba(0, 150, 229, 1) 100%
+    ) !important;
+  }
+
+  .grey-background.ant-switch {
+    background-color: grey !important;
+  }
+
+  .blue-background.ant-switch-checked .ant-switch-handle {
+    background-color: linear-gradient(
+      180deg,
+      rgba(1, 206, 255, 1) 0%,
+      rgba(0, 150, 229, 1) 100%
+    ) !important;
+  }
+
+  .grey-background.ant-switch .ant-switch-handle {
+    background-color: grey !important;
+  }
 </style>