feat: 告警设置模块静态完成
parent
c807eb7123
commit
c7db8824ef
@ -0,0 +1,39 @@
|
|||||||
|
/*
|
||||||
|
* @Author: zhoux zhouxia@supervision.ltd
|
||||||
|
* @Date: 2023-11-15 15:01:34
|
||||||
|
* @LastEditors: zhoux zhouxia@supervision.ltd
|
||||||
|
* @LastEditTime: 2023-12-20 11:25:15
|
||||||
|
* @FilePath: \general-ai-platform-web\src\components\DictionaryBox\isEnable.tsx
|
||||||
|
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||||
|
*/
|
||||||
|
import { ArrowUpOutlined, DownOutlined } from '@ant-design/icons';
|
||||||
|
|
||||||
|
type AlarmLevelBoxProps = {
|
||||||
|
icon?: 'ArrowUpOutlined' | 'default' | undefined;
|
||||||
|
color?: string;
|
||||||
|
size?: number;
|
||||||
|
};
|
||||||
|
|
||||||
|
const AlarmLevelBox: React.FC<AlarmLevelBoxProps> = (props) => {
|
||||||
|
const { icon, color, size } = props;
|
||||||
|
const finalSize = size || 14;
|
||||||
|
return (
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
backgroundColor: color,
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'center',
|
||||||
|
alignItems: 'center',
|
||||||
|
width: finalSize,
|
||||||
|
height: finalSize,
|
||||||
|
borderRadius: '50%',
|
||||||
|
color: 'white',
|
||||||
|
fontSize: finalSize * 0.55,
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{icon === 'ArrowUpOutlined' ? <ArrowUpOutlined /> : <DownOutlined />}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default AlarmLevelBox;
|
||||||
@ -0,0 +1,3 @@
|
|||||||
|
export const localStorageKeyEnums = {
|
||||||
|
alarmSetting_model_alarmStatusSetting: 'alarmSetting_model_alarmStatusSetting_key',
|
||||||
|
};
|
||||||
@ -1,41 +0,0 @@
|
|||||||
import React from "react";
|
|
||||||
import {Drawer} from "antd";
|
|
||||||
import {ProColumns, ProDescriptions, ProDescriptionsItemProps} from "@ant-design/pro-components";
|
|
||||||
|
|
||||||
export type ColumnDrawProps = {
|
|
||||||
handleDrawer: (id?: any)=>void;
|
|
||||||
isShowDetail: boolean;
|
|
||||||
columns: ProColumns<API.DeviceCategory>[];
|
|
||||||
currentRow: API.DeviceCategory | undefined;
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
const ColumnDrawer: React.FC<ColumnDrawProps> = (props) => {
|
|
||||||
|
|
||||||
return (
|
|
||||||
<Drawer
|
|
||||||
width={500}
|
|
||||||
open={props.isShowDetail}
|
|
||||||
onClose={() => {
|
|
||||||
props.handleDrawer();
|
|
||||||
}}
|
|
||||||
closable={true}
|
|
||||||
>
|
|
||||||
{props.currentRow?.id && (
|
|
||||||
<ProDescriptions<API.DeviceCategory>
|
|
||||||
column={2}
|
|
||||||
title={props.currentRow?.id}
|
|
||||||
request={async () => ({
|
|
||||||
data: props.currentRow || {},
|
|
||||||
})}
|
|
||||||
params={{
|
|
||||||
id: props.currentRow?.id,
|
|
||||||
}}
|
|
||||||
columns={props.columns as ProDescriptionsItemProps<API.DeviceCategory>[]}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
</Drawer>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
export {ColumnDrawer}
|
|
||||||
|
|
||||||
@ -0,0 +1,78 @@
|
|||||||
|
// TODO 改为ts格式
|
||||||
|
/**
|
||||||
|
* Set storage
|
||||||
|
*
|
||||||
|
* @param name
|
||||||
|
* @param content
|
||||||
|
* @param maxAge
|
||||||
|
*/
|
||||||
|
export const setStore = (name, content, maxAge = null) => {
|
||||||
|
if (!global.window || !name) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
if (typeof content !== 'string') {
|
||||||
|
content = JSON.stringify(content)
|
||||||
|
}
|
||||||
|
|
||||||
|
const storage = global.window.localStorage
|
||||||
|
|
||||||
|
storage.setItem(name, content)
|
||||||
|
if (maxAge && !isNaN(parseInt(maxAge))) {
|
||||||
|
const timeout = parseInt(new Date().getTime() / 1000)
|
||||||
|
storage.setItem(`${name}_expire`, timeout + maxAge)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get storage
|
||||||
|
*
|
||||||
|
* @param name
|
||||||
|
* @returns {*}
|
||||||
|
*/
|
||||||
|
export const getStore = name => {
|
||||||
|
if (!global.window || !name) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
const content = window.localStorage.getItem(name)
|
||||||
|
const _expire = window.localStorage.getItem(`${name}_expire`)
|
||||||
|
|
||||||
|
if (_expire) {
|
||||||
|
const now = parseInt(new Date().getTime() / 1000)
|
||||||
|
if (now > _expire) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
return JSON.parse(content)
|
||||||
|
} catch (e) {
|
||||||
|
return content
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Clear storage
|
||||||
|
*
|
||||||
|
* @param name
|
||||||
|
*/
|
||||||
|
export const clearStore = name => {
|
||||||
|
if (!global.window || !name) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
window.localStorage.removeItem(name)
|
||||||
|
window.localStorage.removeItem(`${name}_expire`)
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Clear all storage
|
||||||
|
*/
|
||||||
|
export const clearAll = () => {
|
||||||
|
if (!global.window || !name) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
window.localStorage.clear()
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue