From 0477e2e9a58cfda029d37f506f8160f3dc51571f Mon Sep 17 00:00:00 2001 From: Free-sss <630042479@qq.com> Date: Thu, 21 Aug 2025 14:01:20 +0800 Subject: [PATCH] =?UTF-8?q?MaxTrim=20AlarmList=20=20SmallBorder=EF=BC=9A?= =?UTF-8?q?=E6=97=A0=E6=A0=87=E9=A2=98=E8=BE=B9=E6=A1=86?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Charts/MyComponents/AlarmList/config.ts | 36 +- .../Charts/MyComponents/AlarmList/config.vue | 81 ++-- .../Charts/MyComponents/AlarmList/index.vue | 168 +++++---- .../Charts/MyComponents/MaxTrim/config.ts | 58 +++ .../Charts/MyComponents/MaxTrim/config.vue | 96 +++++ .../Charts/MyComponents/MaxTrim/index.ts | 14 + .../Charts/MyComponents/MaxTrim/index.vue | 347 ++++++++++++++++++ .../Charts/MyComponents/SmallBorder/config.ts | 18 + .../MyComponents/SmallBorder/config.vue | 54 +++ .../Charts/MyComponents/SmallBorder/index.ts | 17 + .../Charts/MyComponents/SmallBorder/index.vue | 259 +++++++++++++ .../components/Charts/MyComponents/index.ts | 13 +- 12 files changed, 1066 insertions(+), 95 deletions(-) create mode 100644 src/packages/components/Charts/MyComponents/MaxTrim/config.ts create mode 100644 src/packages/components/Charts/MyComponents/MaxTrim/config.vue create mode 100644 src/packages/components/Charts/MyComponents/MaxTrim/index.ts create mode 100644 src/packages/components/Charts/MyComponents/MaxTrim/index.vue create mode 100644 src/packages/components/Charts/MyComponents/SmallBorder/config.ts create mode 100644 src/packages/components/Charts/MyComponents/SmallBorder/config.vue create mode 100644 src/packages/components/Charts/MyComponents/SmallBorder/index.ts create mode 100644 src/packages/components/Charts/MyComponents/SmallBorder/index.vue diff --git a/src/packages/components/Charts/MyComponents/AlarmList/config.ts b/src/packages/components/Charts/MyComponents/AlarmList/config.ts index 36fca19..e23ef6d 100644 --- a/src/packages/components/Charts/MyComponents/AlarmList/config.ts +++ b/src/packages/components/Charts/MyComponents/AlarmList/config.ts @@ -2,29 +2,55 @@ import { PublicConfigClass } from '@/packages/public' import { CreateComponentType } from '@/packages/index.d' import { AlarmListConfig } from './index' import dataJson from './data.json' +import { chartInitConfig } from '@/settings/designSetting' +export enum FontWeightEnum { + NORMAL = '常规', + BOLD = '加粗', +} +export enum FontStyleEnum { + NORMAL = '常规', + ITALIC = '斜体', +} + +export const FontWeightObject = { + [FontWeightEnum.NORMAL]: 'normal', + [FontWeightEnum.BOLD]: 'bold', +} + +export const FontStyleObject = { + [FontStyleEnum.NORMAL]: 'normal', + [FontStyleEnum.ITALIC]: 'italic', +} export const option = { dataset: dataJson.source, header: ['报警事件', '时间', '所属企业', '状态'], headerTextColor: '#B4B4B4', textColor: '#ffffff', headerBackgroundColor: '#17325F', - itemBackgroundColor: '#0F233E', + itemBackgroundColor: '#242834', statusColors: { '未解决': '#FF4D4F', '已解决': '#ffffff' }, - headerHeight: 40, - itemHeight: 35, - fontSize: 14, + headerHeight: 30, + itemHeight: 30, + fontSize: 17, title: '近60分钟报警信息', titleSize: 18, titleColor: '#ffffff', - iconColor: '#00E5FF' + iconColor: '#00E5FF', + fontWeight: 'normal', + fontStyle: 'normal', + paddingX: 40, + paddingY: -16, + letterSpacing: 2 } export default class Config extends PublicConfigClass implements CreateComponentType { public key = AlarmListConfig.key public chartConfig = AlarmListConfig public option = option + public attr = { ...chartInitConfig, x: 0, y: 0, w: 450, h: 300, zIndex: 1 } + } diff --git a/src/packages/components/Charts/MyComponents/AlarmList/config.vue b/src/packages/components/Charts/MyComponents/AlarmList/config.vue index 4378d80..101257f 100644 --- a/src/packages/components/Charts/MyComponents/AlarmList/config.vue +++ b/src/packages/components/Charts/MyComponents/AlarmList/config.vue @@ -1,31 +1,70 @@ diff --git a/src/packages/components/Charts/MyComponents/AlarmList/index.vue b/src/packages/components/Charts/MyComponents/AlarmList/index.vue index 3d3a682..1fef711 100644 --- a/src/packages/components/Charts/MyComponents/AlarmList/index.vue +++ b/src/packages/components/Charts/MyComponents/AlarmList/index.vue @@ -1,61 +1,65 @@ diff --git a/src/packages/components/Charts/MyComponents/MaxTrim/index.ts b/src/packages/components/Charts/MyComponents/MaxTrim/index.ts new file mode 100644 index 0000000..d11e140 --- /dev/null +++ b/src/packages/components/Charts/MyComponents/MaxTrim/index.ts @@ -0,0 +1,14 @@ +import { ConfigType, ChartFrameEnum } from '@/packages/index.d' + +export const MaxTrimConfig: ConfigType = { + key: 'MaxTrim', + chartKey: 'VMaxTrim', + conKey: 'VCMaxTrim', + title: '最大装饰条', + category: 'MyComponents', + categoryName: '自定义组件', + package: 'Charts', + chartFrame: ChartFrameEnum.COMMON, + image: 'MaxTrim.png' +} +export default MaxTrimConfig \ No newline at end of file diff --git a/src/packages/components/Charts/MyComponents/MaxTrim/index.vue b/src/packages/components/Charts/MyComponents/MaxTrim/index.vue new file mode 100644 index 0000000..472ce16 --- /dev/null +++ b/src/packages/components/Charts/MyComponents/MaxTrim/index.vue @@ -0,0 +1,347 @@ + + + + diff --git a/src/packages/components/Charts/MyComponents/SmallBorder/config.ts b/src/packages/components/Charts/MyComponents/SmallBorder/config.ts new file mode 100644 index 0000000..ccf8d39 --- /dev/null +++ b/src/packages/components/Charts/MyComponents/SmallBorder/config.ts @@ -0,0 +1,18 @@ +import { PublicConfigClass } from '@/packages/public' +import { CreateComponentType } from '@/packages/index.d' +import { SmallBorderConfig } from './index' +import cloneDeep from 'lodash/cloneDeep' +import { chartInitConfig } from '@/settings/designSetting' + +export const option = { + colors: ['#1089ff', '#0000ff'], + backgroundColor: '#00000000' +} + +export default class Config extends PublicConfigClass implements CreateComponentType { + public key = SmallBorderConfig.key + public chartConfig = cloneDeep(SmallBorderConfig) + public option = cloneDeep(option) + public attr = { ...chartInitConfig, x: 0, y: 0, w: 450, h: 300, zIndex: 1 } + +} diff --git a/src/packages/components/Charts/MyComponents/SmallBorder/config.vue b/src/packages/components/Charts/MyComponents/SmallBorder/config.vue new file mode 100644 index 0000000..8c5b2c2 --- /dev/null +++ b/src/packages/components/Charts/MyComponents/SmallBorder/config.vue @@ -0,0 +1,54 @@ + + + diff --git a/src/packages/components/Charts/MyComponents/SmallBorder/index.ts b/src/packages/components/Charts/MyComponents/SmallBorder/index.ts new file mode 100644 index 0000000..22e23e3 --- /dev/null +++ b/src/packages/components/Charts/MyComponents/SmallBorder/index.ts @@ -0,0 +1,17 @@ +import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d' +// import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d' +// 曲线图 +export const SmallBorderConfig: ConfigType = { + key: 'SmallBorder', + chartKey: 'VSmallBorder', + conKey: 'VCSmallBorder', + title: '带标题小边框', + category: 'MyComponents', + categoryName: '自定义组件', + package: 'Charts', + chartFrame: ChartFrameEnum.COMMON, + image: "SmallBorder.png", +} + +// 默认导出配置对象 +export default SmallBorderConfig \ No newline at end of file diff --git a/src/packages/components/Charts/MyComponents/SmallBorder/index.vue b/src/packages/components/Charts/MyComponents/SmallBorder/index.vue new file mode 100644 index 0000000..4f4b8a8 --- /dev/null +++ b/src/packages/components/Charts/MyComponents/SmallBorder/index.vue @@ -0,0 +1,259 @@ + + + diff --git a/src/packages/components/Charts/MyComponents/index.ts b/src/packages/components/Charts/MyComponents/index.ts index 0d532c1..ab89786 100644 --- a/src/packages/components/Charts/MyComponents/index.ts +++ b/src/packages/components/Charts/MyComponents/index.ts @@ -6,8 +6,14 @@ import { ParkingSceneConfig } from './ParkingScene/index' import { WorkshopSceneConfig } from './WorkshopScene/index' import { DeviceStatusConfig } from './DeviceStatus/index' import { StorageSceneConfig } from './StorageScene' - +// import { LineGraph01Config } from './LineGraph01/index' +// import { LineGraph02Config } from './LineGraph02/index' +import { MaxTrimConfig } from './MaxTrim/index' +import { SmallBorderConfig } from './SmallBorder/index' + + export default [ + SmallBorderConfig, AlarmListConfig, SceneDistributionConfig, TopAlarmsConfig, @@ -15,5 +21,8 @@ export default [ ParkingSceneConfig, WorkshopSceneConfig, DeviceStatusConfig, - StorageSceneConfig + StorageSceneConfig, + MaxTrimConfig, + // LineGraph01Config, + // LineGraph02Config, ]