-
+
+
+
+
+
+
+
+
+
+
+
+
@@ -169,7 +178,7 @@ import { ref, PropType } from 'vue'
import { PickCreateComponentType, BlendModeEnumList } from '@/packages/index.d'
import { SettingItemBox, SettingItem, CollapseItem } from '@/components/Pages/ChartItemSetting'
import { icon } from '@/plugins'
-import logoImg from '@/assets/logo.png'
+// import logoImg from '@/assets/logo.png'
import { useDesignStore } from '@/store/modules/designStore/designStore'
const props = defineProps({
@@ -210,7 +219,7 @@ const presetImageList = ref([] as presetImageData[])
for (let i = 1; i <= 12; i++) {
presetImageList.value.push({
index: i,
- src: logoImg,
+ src: '',
hueRotate: i * 30
})
}
diff --git a/src/components/VDialog/index.vue b/src/components/VDialog/index.vue
new file mode 100644
index 00000000..d3f9bdc8
--- /dev/null
+++ b/src/components/VDialog/index.vue
@@ -0,0 +1,22 @@
+
+
+ >
+
diff --git a/src/packages/components/Charts/Mores/Radar/index.vue b/src/packages/components/Charts/Mores/Radar/index.vue
index 164516ef..b0128cc1 100644
--- a/src/packages/components/Charts/Mores/Radar/index.vue
+++ b/src/packages/components/Charts/Mores/Radar/index.vue
@@ -3,19 +3,19 @@
diff --git a/src/packages/components/Charts/Mores/WaterPolo/config.ts b/src/packages/components/Charts/Mores/WaterPolo/config.ts
index ee45be1c..16416ff5 100644
--- a/src/packages/components/Charts/Mores/WaterPolo/config.ts
+++ b/src/packages/components/Charts/Mores/WaterPolo/config.ts
@@ -2,6 +2,7 @@ import { echartOptionProfixHandle, PublicConfigClass } from '@/packages/public'
import { CreateComponentType } from '@/packages/index.d'
import { WaterPoloConfig } from './index'
import cloneDeep from 'lodash/cloneDeep'
+import { CurrentSourceEnum } from '@/store/modules/chartEditStore/chartEditStore.d'
export const shapes = [
{
@@ -43,7 +44,21 @@ export const option = {
type: 'liquidFill',
shape: shapes[0].value,
radius: '90%',
- data: [0],
+ data: [
+ {
+ name: '',
+ value: 0,
+ unit: '',
+ showValue: 0,
+ config: {
+ showPercent: false,
+ showUnit: false,
+ showSubText: true,
+ showSubTextUnit: true,
+ max: 100,
+ }
+ }
+ ],
center: ['50%', '50%'],
color: [
{
@@ -72,9 +87,38 @@ export const option = {
label: {
normal: {
textStyle: {
- fontSize: 50,
+ fontSize: 40,
color: '#fff',
},
+ formatter: (param:any) => {
+ const { showPercent, showUnit, showSubText, showSubTextUnit } = param.data.config
+ const { name, value, unit, showValue } = param.data
+
+ let str = ''
+ if(typeof showValue === 'number') {
+ if(showPercent) str += `${showValue * 100}%`
+ else str += showUnit ? `${showValue}${unit}` : showValue
+ }
+ else if(typeof showValue === 'string') {
+ let v = Number(showValue)
+ if(!isNaN(v)) {
+ if(showPercent) str += `${v * 100}%`
+ else str += showUnit ? `${v}${unit}` : v
+ }
+ else {
+ if(showPercent) str += 'NaN%'
+ else str += showUnit ? `${showValue}${unit}` : showValue
+ }
+ }
+ else {
+ str += '--'
+ }
+
+ str += '\n'
+ if(showSubText) str += name
+ if(showSubTextUnit && unit) str += showSubText ? `(${unit})` : unit
+ return str
+ }
},
},
outline: {
@@ -91,6 +135,10 @@ export const option = {
export default class Config extends PublicConfigClass implements CreateComponentType
{
+ constructor() {
+ super();
+ this.commonData.currentSource = CurrentSourceEnum.SINGLEPOINT
+ }
public key = WaterPoloConfig.key
public chartConfig = cloneDeep(WaterPoloConfig)
public option = echartOptionProfixHandle(option, includes)
diff --git a/src/packages/components/Charts/Mores/WaterPolo/config.vue b/src/packages/components/Charts/Mores/WaterPolo/config.vue
index 4121b380..15e6fbce 100644
--- a/src/packages/components/Charts/Mores/WaterPolo/config.vue
+++ b/src/packages/components/Charts/Mores/WaterPolo/config.vue
@@ -5,16 +5,47 @@
name="水球"
:expanded="true"
>
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+ 是否百分比
+
+
+
+
+
+ 展示单位
+
+
+
+
+
+
+ 展示副标题
+
+
+
+
+ 展示单位
+
+
+
+
@@ -27,14 +58,14 @@
size="small"
:modes="['hex']"
v-model:value="item.color[0].colorStops[0].color"
- >
+ >
diff --git a/src/packages/components/Charts/Mores/WaterPolo/index.ts b/src/packages/components/Charts/Mores/WaterPolo/index.ts
index 0fd42de7..15a8b559 100644
--- a/src/packages/components/Charts/Mores/WaterPolo/index.ts
+++ b/src/packages/components/Charts/Mores/WaterPolo/index.ts
@@ -9,6 +9,6 @@ export const WaterPoloConfig: ConfigType = {
category: ChatCategoryEnum.MORE,
categoryName: ChatCategoryEnumName.MORE,
package: PackagesCategoryEnum.CHARTS,
- chartFrame: ChartFrameEnum.COMMON,
+ chartFrame: ChartFrameEnum.ECHARTS,
image: 'water_WaterPolo.png'
}
diff --git a/src/packages/components/Charts/Mores/WaterPolo/index.vue b/src/packages/components/Charts/Mores/WaterPolo/index.vue
index 91072e70..1d0905bd 100644
--- a/src/packages/components/Charts/Mores/WaterPolo/index.vue
+++ b/src/packages/components/Charts/Mores/WaterPolo/index.vue
@@ -3,7 +3,7 @@
diff --git a/src/packages/components/Charts/Mores/index.ts b/src/packages/components/Charts/Mores/index.ts
index a246346b..4ddd2c7f 100644
--- a/src/packages/components/Charts/Mores/index.ts
+++ b/src/packages/components/Charts/Mores/index.ts
@@ -9,13 +9,13 @@ import { SankeyConfig } from './Sankey/index'
import { GraphConfig } from './Graph/index'
export default [
- ProcessConfig,
- RadarConfig,
- FunnelConfig,
- HeatmapConfig,
+ // ProcessConfig,
+ // RadarConfig,
+ // FunnelConfig,
+ // HeatmapConfig,
WaterPoloConfig,
- TreeMapConfig,
- GraphConfig,
- SankeyConfig,
- DialConfig
+ // TreeMapConfig,
+ // GraphConfig,
+ // SankeyConfig,
+ // DialConfig
]
diff --git a/src/packages/components/Charts/Pies/PieCircle/config.ts b/src/packages/components/Charts/Pies/PieCircle/config.ts
index cbee4975..4279281c 100644
--- a/src/packages/components/Charts/Pies/PieCircle/config.ts
+++ b/src/packages/components/Charts/Pies/PieCircle/config.ts
@@ -2,6 +2,7 @@ import { echartOptionProfixHandle, PublicConfigClass } from '@/packages/public'
import { PieCircleConfig } from './index'
import { CreateComponentType } from '@/packages/index.d'
import cloneDeep from 'lodash/cloneDeep'
+import { CurrentSourceEnum } from '@/store/modules/chartEditStore/chartEditStore.d'
export const includes = []
@@ -14,6 +15,13 @@ const option = {
show: true,
},
dataset: 0.25,
+ titleContrl: {
+ showPercent: false,
+ showUnit: false,
+ showSubText: true,
+ showSubTextUnit: true,
+ max: 100,
+ },
title: {
text: 25 + "%",
x: "center",
@@ -21,7 +29,13 @@ const option = {
textStyle: {
color: "#56B9F8",
fontSize: 30
- }
+ },
+ subtext: '',
+ subtextStyle: {
+ color: "#56B9F8",
+ fontSize: 30
+ },
+ top: 'middle',
},
series: [
{
@@ -56,6 +70,10 @@ const option = {
}
export default class Config extends PublicConfigClass implements CreateComponentType {
+ constructor() {
+ super();
+ this.commonData.currentSource = CurrentSourceEnum.SINGLEPOINT
+ }
public key: string = PieCircleConfig.key
public chartConfig = cloneDeep(PieCircleConfig)
diff --git a/src/packages/components/Charts/Pies/PieCircle/config.vue b/src/packages/components/Charts/Pies/PieCircle/config.vue
index f343aa23..506d0e50 100644
--- a/src/packages/components/Charts/Pies/PieCircle/config.vue
+++ b/src/packages/components/Charts/Pies/PieCircle/config.vue
@@ -2,19 +2,54 @@
-
-
-
+
+
+ 是否百分比
+
+
+
+
+
+
+ 展示单位
+
-
-
-
+
+
+
+
+
+
+ 展示副标题
+
+
+
+
+ 展示单位
+
+
+
+
+
+ {
- return props.optionData
-})
+ // 使用类型断言来告诉 TypeScript 编译器 title 总是存在
+ return props.optionData as GlobalThemeJsonType & { title: NonNullable };
+});
diff --git a/src/packages/components/Charts/Pies/PieCircle/index.ts b/src/packages/components/Charts/Pies/PieCircle/index.ts
index 079bf607..848846c9 100644
--- a/src/packages/components/Charts/Pies/PieCircle/index.ts
+++ b/src/packages/components/Charts/Pies/PieCircle/index.ts
@@ -6,7 +6,7 @@ export const PieCircleConfig: ConfigType = {
key: 'PieCircle',
chartKey: 'VPieCircle',
conKey: 'VCPieCircle',
- title: '饼图-环形',
+ title: '饼图-得分环',
category: ChatCategoryEnum.PIE,
categoryName: ChatCategoryEnumName.PIE,
package: PackagesCategoryEnum.CHARTS,
diff --git a/src/packages/components/Charts/Pies/PieCircle/index.vue b/src/packages/components/Charts/Pies/PieCircle/index.vue
index bf6250cd..6a2d7790 100644
--- a/src/packages/components/Charts/Pies/PieCircle/index.vue
+++ b/src/packages/components/Charts/Pies/PieCircle/index.vue
@@ -1,5 +1,5 @@
-
+
diff --git a/src/packages/components/Charts/Pies/PieCommon/config.ts b/src/packages/components/Charts/Pies/PieCommon/config.ts
index 35cc632f..ccccb7b6 100644
--- a/src/packages/components/Charts/Pies/PieCommon/config.ts
+++ b/src/packages/components/Charts/Pies/PieCommon/config.ts
@@ -13,7 +13,7 @@ export enum PieTypeEnum {
}
export const PieTypeObject = {
- [PieTypeEnum.NORMAL]: 'nomal',
+ [PieTypeEnum.NORMAL]: 'normal',
[PieTypeEnum.RING]: 'ring',
[PieTypeEnum.ROSE]: 'rose'
}
@@ -22,24 +22,28 @@ export const PieTypeObject = {
const otherConfig = {
// 轮播动画
isCarousel: false,
+ legendShowValue: false,
}
const option = {
...otherConfig,
- type: 'ring',
+ type: 'normal',
tooltip: {
show: true,
trigger: 'item'
},
legend: {
- show: true
+ show: true,
+ formatter: (name: string) => {
+ return name
+ }
},
dataset: { ...dataJson },
series: [
{
type: 'pie',
radius: ['40%', '65%'],
- center: ['50%', '60%'],
+ center: ['50%', '50%'],
roseType: false,
avoidLabelOverlap: false,
itemStyle: {
diff --git a/src/packages/components/Charts/Pies/PieCommon/config.vue b/src/packages/components/Charts/Pies/PieCommon/config.vue
index bce322cd..762c57c7 100644
--- a/src/packages/components/Charts/Pies/PieCommon/config.vue
+++ b/src/packages/components/Charts/Pies/PieCommon/config.vue
@@ -2,9 +2,17 @@
-
+
+
+
+
+
+
-
+ 展示数值
+
@@ -129,6 +137,7 @@ const props = defineProps({
required: true
}
})
+console.log(props.optionData,'props.optionData')
const fontWeightOptions = [
{
label: PieTypeEnum.NORMAL,
diff --git a/src/packages/components/Charts/Pies/PieCommon/index.ts b/src/packages/components/Charts/Pies/PieCommon/index.ts
index 85d9bda3..7545df07 100644
--- a/src/packages/components/Charts/Pies/PieCommon/index.ts
+++ b/src/packages/components/Charts/Pies/PieCommon/index.ts
@@ -10,5 +10,5 @@ export const PieCommonConfig: ConfigType = {
categoryName: ChatCategoryEnumName.PIE,
package: PackagesCategoryEnum.CHARTS,
chartFrame: ChartFrameEnum.ECHARTS,
- image: 'pie.png'
+ image: 'PieCommon.png'
}
diff --git a/src/packages/components/Charts/Pies/PieCommon/index.vue b/src/packages/components/Charts/Pies/PieCommon/index.vue
index ecb4e673..d7d846f0 100644
--- a/src/packages/components/Charts/Pies/PieCommon/index.vue
+++ b/src/packages/components/Charts/Pies/PieCommon/index.vue
@@ -20,9 +20,9 @@ import { CanvasRenderer } from 'echarts/renderers'
import { PieChart } from 'echarts/charts'
import { mergeTheme } from '@/packages/public/chart'
import config, { includes } from './config'
-import { useChartDataFetch } from '@/hooks'
+import {useChartCommonData, useChartDataFetch} from '@/hooks'
import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
-import { isPreview } from '@/utils'
+import {isPreview, setTooltipPosition} from '@/utils'
import { DatasetComponent, GridComponent, TooltipComponent, LegendComponent } from 'echarts/components'
import dataJson from './data.json'
@@ -40,7 +40,11 @@ const props = defineProps({
required: true
}
})
+
+props.chartConfig.option.tooltip.position = setTooltipPosition(props.chartConfig.attr)
+
const initOptions = useCanvasInitOptions(props.chartConfig.option, props.themeSetting)
+console.log(initOptions,'initOptions')
let seriesDataNum = -1
let seriesDataMaxLength = 0
let intervalInstance: any = null
@@ -50,6 +54,7 @@ use([DatasetComponent, CanvasRenderer, PieChart, GridComponent, TooltipComponent
const option = computed(() => {
return mergeTheme(props.chartConfig.option, props.themeSetting, includes)
})
+console.log(option,'option')
// 会重新选择需要选中和展示的数据
const handleSeriesData = () => {
@@ -103,7 +108,7 @@ watch(
() => props.chartConfig.option.type,
newData => {
try {
- if (newData === 'nomal') {
+ if (newData === 'normal') {
props.chartConfig.option.series[0].radius = '70%'
props.chartConfig.option.series[0].roseType = false
} else if (newData === 'ring') {
@@ -133,13 +138,42 @@ watch(
}
)
-const { vChartRef } = useChartDataFetch(props.chartConfig, useChartEditStore, (newData: typeof dataJson) => {
- clearPieInterval()
- if (props.chartConfig.option.isCarousel) {
- addPieInterval(newData)
+watch(
+ () => props.chartConfig.option.series.length,
+ (v) => {
+ if(v === 1) return
+ else props.chartConfig.option.series.splice(1)
}
+)
+
+watch(() => props.chartConfig.option.legendShowValue, v => {
+ if(v) {
+ let k1 = props.chartConfig.option.dataset?.dimensions?.[0] || ''
+ let k2 = props.chartConfig.option.dataset?.dimensions?.[1] || ''
+ props.chartConfig.option.legend.formatter = (name: string) => {
+ let arr = props.chartConfig.option.dataset?.source || []
+ let obj = arr.find((_: any) => _[k1] === name) || {}
+ return `${name} ${obj[k2]}`
+ }
+ }
+ else {
+ props.chartConfig.option.legend.formatter = (name: string) => {
+ return name
+ }
+ }
+}, {
+ immediate: true
})
+// const { vChartRef } = useChartDataFetch(props.chartConfig, useChartEditStore, (newData: typeof dataJson) => {
+// clearPieInterval()
+// if (props.chartConfig.option.isCarousel) {
+// addPieInterval(newData)
+// }
+// })
+const { vChartRef } = useChartCommonData(props.chartConfig, useChartEditStore)
+
+
onMounted(() => {
seriesDataMaxLength = dataJson.source.length
if (props.chartConfig.option.isCarousel) {
diff --git a/src/packages/components/Charts/Pies/PieCommon1/config.ts b/src/packages/components/Charts/Pies/PieCommon1/config.ts
new file mode 100644
index 00000000..8809c324
--- /dev/null
+++ b/src/packages/components/Charts/Pies/PieCommon1/config.ts
@@ -0,0 +1,86 @@
+import { echartOptionProfixHandle, PublicConfigClass } from '@/packages/public'
+import { PieCommon1Config } from './index'
+import { CreateComponentType } from '@/packages/index.d'
+import cloneDeep from 'lodash/cloneDeep'
+import dataJson from './data.json'
+
+export const includes = ['legend']
+
+export enum PieTypeEnum {
+ NORMAL = '常规图',
+ RING = '环形图',
+ ROSE = '玫瑰图'
+}
+
+export const PieTypeObject = {
+ [PieTypeEnum.NORMAL]: 'normal',
+ [PieTypeEnum.RING]: 'ring',
+ [PieTypeEnum.ROSE]: 'rose'
+}
+
+// 其它配置
+const otherConfig = {
+ // 轮播动画
+ isCarousel: false,
+ legendShowValue: false,
+}
+
+const option = {
+ ...otherConfig,
+ type: 'ring',
+ tooltip: {
+ show: true,
+ trigger: 'item',
+ // formatter: (params: any) => {
+ // let str = `${params.seriesName}
${params.marker}${params.name}` + // return str + // } + }, + legend: { + show: true, + formatter: (name: string) => { + return name + } + }, + dataset: { ...dataJson }, + series: [ + { + type: 'pie', + radius: ['40%', '65%'], + center: ['50%', '50%'], + roseType: false, + avoidLabelOverlap: false, + itemStyle: { + show: true, + borderRadius: 10, + borderColor: '#fff', + borderWidth: 2 + }, + label: { + show: false, + position: 'center', + formatter: '{b}', + fontSize:12 + }, + emphasis: { + label: { + show: true, + fontSize: '40', + fontWeight: 'bold' + } + }, + labelLine: { + show: false + } + } + ] +} + +export default class Config extends PublicConfigClass implements CreateComponentType { + public key: string = PieCommon1Config.key + + public chartConfig = cloneDeep(PieCommon1Config) + + // 图表配置项 + public option = echartOptionProfixHandle(option, includes) +} diff --git a/src/packages/components/Charts/Pies/PieCommon1/config.vue b/src/packages/components/Charts/Pies/PieCommon1/config.vue new file mode 100644 index 00000000..7a969f10 --- /dev/null +++ b/src/packages/components/Charts/Pies/PieCommon1/config.vue @@ -0,0 +1,108 @@ + + +
+
+
+
+
+
+
+
+
+ 展示数值
+
+
+
+
+
+
+ 开启（将自动隐藏图例）
+
+
+
+ 无鼠标点击图例场景时，可强行打开图例
+
+
+
+
+
+ 展示标签
+
+
+
+
+ 引导线
+
+
+
+
+
+
+
+
+
+
+ 圆角大小
+
+
+
+
+ 线条宽度
+
+
+
+
+
+
+
diff --git a/src/packages/components/Charts/Pies/PieCommon1/data.json b/src/packages/components/Charts/Pies/PieCommon1/data.json
new file mode 100644
index 00000000..b0dbe05f
--- /dev/null
+++ b/src/packages/components/Charts/Pies/PieCommon1/data.json
@@ -0,0 +1,33 @@
+{
+ "dimensions": ["product", "data1"],
+ "source": [
+ {
+ "product": "Mon",
+ "data1": 120
+ },
+ {
+ "product": "Tue",
+ "data1": 200
+ },
+ {
+ "product": "Wed",
+ "data1": 150
+ },
+ {
+ "product": "Thu",
+ "data1": 80
+ },
+ {
+ "product": "Fri",
+ "data1": 70
+ },
+ {
+ "product": "Sat",
+ "data1": 110
+ },
+ {
+ "product": "Sun",
+ "data1": 130
+ }
+ ]
+}
diff --git a/src/packages/components/Charts/Pies/PieCommon1/index.ts b/src/packages/components/Charts/Pies/PieCommon1/index.ts
new file mode 100644
index 00000000..0615c655
--- /dev/null
+++ b/src/packages/components/Charts/Pies/PieCommon1/index.ts
@@ -0,0 +1,14 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
+
+export const PieCommon1Config: ConfigType = {
+ key: 'PieCommon1',
+ chartKey: 'VPieCommon1',
+ conKey: 'VCPieCommon1',
+ title: '饼图-环形图',
+ category: ChatCategoryEnum.PIE,
+ categoryName: ChatCategoryEnumName.PIE,
+ package: PackagesCategoryEnum.CHARTS,
+ chartFrame: ChartFrameEnum.ECHARTS,
+ image: 'PieCommon1.png'
+}
diff --git a/src/packages/components/Charts/Pies/PieCommon1/index.vue b/src/packages/components/Charts/Pies/PieCommon1/index.vue
new file mode 100644
index 00000000..43e2197b
--- /dev/null
+++ b/src/packages/components/Charts/Pies/PieCommon1/index.vue
@@ -0,0 +1,200 @@
+
+
+
+
+
+
+
+
+
+ 展示数值
+
+
+
+
+
+
+ 开启（将自动隐藏图例）
+
+
+
+ 无鼠标点击图例场景时，可强行打开图例
+
+
+
+
+
+ 展示标签
+
+
+
+
+ 引导线
+
+
+
+
+
+
+
+
+
+
+ 圆角大小
+
+
+
+
+ 线条宽度
+
+
+
+
+
+
+
diff --git a/src/packages/components/Charts/Pies/PieCommon2/data.json b/src/packages/components/Charts/Pies/PieCommon2/data.json
new file mode 100644
index 00000000..b0dbe05f
--- /dev/null
+++ b/src/packages/components/Charts/Pies/PieCommon2/data.json
@@ -0,0 +1,33 @@
+{
+ "dimensions": ["product", "data1"],
+ "source": [
+ {
+ "product": "Mon",
+ "data1": 120
+ },
+ {
+ "product": "Tue",
+ "data1": 200
+ },
+ {
+ "product": "Wed",
+ "data1": 150
+ },
+ {
+ "product": "Thu",
+ "data1": 80
+ },
+ {
+ "product": "Fri",
+ "data1": 70
+ },
+ {
+ "product": "Sat",
+ "data1": 110
+ },
+ {
+ "product": "Sun",
+ "data1": 130
+ }
+ ]
+}
diff --git a/src/packages/components/Charts/Pies/PieCommon2/index.ts b/src/packages/components/Charts/Pies/PieCommon2/index.ts
new file mode 100644
index 00000000..b0bcc3ac
--- /dev/null
+++ b/src/packages/components/Charts/Pies/PieCommon2/index.ts
@@ -0,0 +1,14 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
+
+export const PieCommon2Config: ConfigType = {
+ key: 'PieCommon2',
+ chartKey: 'VPieCommon2',
+ conKey: 'VCPieCommon2',
+ title: '饼图-玫瑰图',
+ category: ChatCategoryEnum.PIE,
+ categoryName: ChatCategoryEnumName.PIE,
+ package: PackagesCategoryEnum.CHARTS,
+ chartFrame: ChartFrameEnum.ECHARTS,
+ image: 'PieCommon2.png'
+}
diff --git a/src/packages/components/Charts/Pies/PieCommon2/index.vue b/src/packages/components/Charts/Pies/PieCommon2/index.vue
new file mode 100644
index 00000000..86d3d42c
--- /dev/null
+++ b/src/packages/components/Charts/Pies/PieCommon2/index.vue
@@ -0,0 +1,184 @@
+
+
+
+
+
+
+
+
+
+ 展示数值
+
+
+
+
+
+
+ 开启（将自动隐藏图例）
+
+
+
+ 无鼠标点击图例场景时，可强行打开图例
+
+
+
+
+
+ 展示标签
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Charts/Pies/PieCommon3/data.json b/src/packages/components/Charts/Pies/PieCommon3/data.json
new file mode 100644
index 00000000..57bfeed9
--- /dev/null
+++ b/src/packages/components/Charts/Pies/PieCommon3/data.json
@@ -0,0 +1,43 @@
+{
+ "dimensions": ["name", "value"],
+ "source": [{
+ "name": "财务管理决策实训",
+ "value": 18
+},
+{
+ "name": "商品流通业实训",
+ "value": 16
+},
+{
+ "name": "暖心陪伴（津乐园20cm定制蛋糕）",
+ "value": 15
+},
+{
+ "name": "嘉果荟萃（津乐园20cm定制蛋糕）",
+ "value": 14
+},
+{
+ "name": "优雅圆舞曲（津乐园20cm）",
+ "value": 10
+},
+{
+ "name": "巧克力之夏（津乐园20cm定制蛋糕）",
+ "value": 7.9
+},
+{
+ "name": "财税宝4G",
+ "value": 6.7
+},
+{
+ "name": "成本会计",
+ "value": 6
+},
+{
+ "name": "纳税会计与筹划",
+ "value": 4.5
+},
+{
+ "name": "金融担保业实训",
+ "value": 3
+}]
+}
diff --git a/src/packages/components/Charts/Pies/PieCommon3/index.ts b/src/packages/components/Charts/Pies/PieCommon3/index.ts
new file mode 100644
index 00000000..243c7c7d
--- /dev/null
+++ b/src/packages/components/Charts/Pies/PieCommon3/index.ts
@@ -0,0 +1,14 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
+
+export const PieCommon3Config: ConfigType = {
+ key: 'PieCommon3',
+ chartKey: 'VPieCommon3',
+ conKey: 'VCPieCommon3',
+ title: '饼图-自定义',
+ category: ChatCategoryEnum.PIE,
+ categoryName: ChatCategoryEnumName.PIE,
+ package: PackagesCategoryEnum.CHARTS,
+ chartFrame: ChartFrameEnum.ECHARTS,
+ image: 'PieCommon3.png'
+}
diff --git a/src/packages/components/Charts/Pies/PieCommon3/index.vue b/src/packages/components/Charts/Pies/PieCommon3/index.vue
new file mode 100644
index 00000000..ebb43dd1
--- /dev/null
+++ b/src/packages/components/Charts/Pies/PieCommon3/index.vue
@@ -0,0 +1,188 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/AlarmDiagram/DeviceAlarmOverview/index.ts b/src/packages/components/CustomComponents/AlarmDiagram/DeviceAlarmOverview/index.ts
new file mode 100644
index 00000000..be5f81a7
--- /dev/null
+++ b/src/packages/components/CustomComponents/AlarmDiagram/DeviceAlarmOverview/index.ts
@@ -0,0 +1,15 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '@/packages/components/CustomComponents/index.d'
+
+export const DeviceAlarmOverviewConfig: ConfigType = {
+ key: 'DeviceAlarmOverview',
+ chartKey: 'VDeviceAlarmOverview',
+ conKey: 'VCDeviceAlarmOverview',
+ conDataKey: 'VCDDeviceAlarmOverview',
+ title: '当前设备告警概况',
+ category: ChatCategoryEnum.ALARMDIAGRAM,
+ categoryName: ChatCategoryEnumName.ALARMDIAGRAM,
+ package: PackagesCategoryEnum.CUSTOMCOMPONENTS,
+ chartFrame: ChartFrameEnum.COMMON,
+ image: 'DeviceAlarmOverview.png'
+}
diff --git a/src/packages/components/CustomComponents/AlarmDiagram/DeviceAlarmOverview/index.vue b/src/packages/components/CustomComponents/AlarmDiagram/DeviceAlarmOverview/index.vue
new file mode 100644
index 00000000..cda1e626
--- /dev/null
+++ b/src/packages/components/CustomComponents/AlarmDiagram/DeviceAlarmOverview/index.vue
@@ -0,0 +1,196 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/AlarmDiagram/RealTimeAlarmStatistics/index.ts b/src/packages/components/CustomComponents/AlarmDiagram/RealTimeAlarmStatistics/index.ts
new file mode 100644
index 00000000..efe66303
--- /dev/null
+++ b/src/packages/components/CustomComponents/AlarmDiagram/RealTimeAlarmStatistics/index.ts
@@ -0,0 +1,18 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum,ChatCategoryEnumName } from '@/packages/components/CUSTOMCOMPONENTS/index.d'
+
+export const RealTimeAlarmStatisticsConfig: ConfigType = {
+ key: 'RealTimeAlarmStatistics',
+ chartKey: 'VRealTimeAlarmStatistics',
+ conKey: 'VCRealTimeAlarmStatistics',
+ conDataKey: 'VCDRealTimeAlarmStatistics',
+ title: '实时告警统计',
+ // category: ChatCategoryEnum.THEMES,
+ // categoryName: ChatCategoryEnumName.THEMES,
+ // package: PackagesCategoryEnum.THEMESANDLAYOUTS,
+ category: ChatCategoryEnum.ALARMDIAGRAM,
+ categoryName: ChatCategoryEnumName.ALARMDIAGRAM,
+ package: PackagesCategoryEnum.CUSTOMCOMPONENTS,
+ chartFrame: ChartFrameEnum.COMMON,
+ image: 'RealTimeAlarmStatistics.png'
+}
diff --git a/src/packages/components/CustomComponents/AlarmDiagram/RealTimeAlarmStatistics/index.vue b/src/packages/components/CustomComponents/AlarmDiagram/RealTimeAlarmStatistics/index.vue
new file mode 100644
index 00000000..327cd330
--- /dev/null
+++ b/src/packages/components/CustomComponents/AlarmDiagram/RealTimeAlarmStatistics/index.vue
@@ -0,0 +1,341 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/AlarmDiagram/RealTimeEvent/VModal.vue b/src/packages/components/CustomComponents/AlarmDiagram/RealTimeEvent/VModal.vue
new file mode 100644
index 00000000..3a241d1c
--- /dev/null
+++ b/src/packages/components/CustomComponents/AlarmDiagram/RealTimeEvent/VModal.vue
@@ -0,0 +1,146 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/AlarmDiagram/RealTimeEvent/VModalV1.vue b/src/packages/components/CustomComponents/AlarmDiagram/RealTimeEvent/VModalV1.vue
new file mode 100644
index 00000000..3f16326e
--- /dev/null
+++ b/src/packages/components/CustomComponents/AlarmDiagram/RealTimeEvent/VModalV1.vue
@@ -0,0 +1,143 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/AlarmDiagram/RealTimeEvent/config.ts b/src/packages/components/CustomComponents/AlarmDiagram/RealTimeEvent/config.ts
new file mode 100644
index 00000000..2a62053a
--- /dev/null
+++ b/src/packages/components/CustomComponents/AlarmDiagram/RealTimeEvent/config.ts
@@ -0,0 +1,34 @@
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { RealTimeEventConfig } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+// import logo from '@/assets/logo.png'
+
+export const option = {
+ // 图片路径
+ dataset: '',
+ // 适应方式
+ fit: 'contain',
+ // 圆角
+ borderRadius: 0
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType
+{
+ constructor() {
+ super();
+ this.attr.w = 950
+ this.attr.h = 300
+ this.request.requestInterval = 15
+ }
+ public key = RealTimeEventConfig.key
+ public chartConfig = cloneDeep(RealTimeEventConfig)
+ public option = cloneDeep(option)
+ public customData = cloneDeep({
+ title: '实时事件',
+ showInterval: true,
+ showFilter: false,
+ space_complete_id: '',
+ dems_device_point_signal_ids: [],
+ })
+}
diff --git a/src/packages/components/CustomComponents/AlarmDiagram/RealTimeEvent/config.vue b/src/packages/components/CustomComponents/AlarmDiagram/RealTimeEvent/config.vue
new file mode 100644
index 00000000..d1759a1d
--- /dev/null
+++ b/src/packages/components/CustomComponents/AlarmDiagram/RealTimeEvent/config.vue
@@ -0,0 +1,67 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/AlarmDiagram/RealTimeEvent/configData.vue b/src/packages/components/CustomComponents/AlarmDiagram/RealTimeEvent/configData.vue
new file mode 100644
index 00000000..8d820821
--- /dev/null
+++ b/src/packages/components/CustomComponents/AlarmDiagram/RealTimeEvent/configData.vue
@@ -0,0 +1,26 @@
+
+
+
+
+
+
+
+
+
+ 是
+ 否
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/AlarmDiagram/RealTimeEvent/index.ts b/src/packages/components/CustomComponents/AlarmDiagram/RealTimeEvent/index.ts
new file mode 100644
index 00000000..6d390092
--- /dev/null
+++ b/src/packages/components/CustomComponents/AlarmDiagram/RealTimeEvent/index.ts
@@ -0,0 +1,16 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '@/packages/components/CustomComponents/index.d'
+
+export const RealTimeEventConfig: ConfigType = {
+ key: 'RealTimeEvent',
+ chartKey: 'VRealTimeEvent',
+ conKey: 'VCRealTimeEvent',
+ // VCD开头
+ conDataKey: 'VCDRealTimeEvent',
+ title: '实时事件',
+ category: ChatCategoryEnum.ALARMDIAGRAM,
+ categoryName: ChatCategoryEnumName.ALARMDIAGRAM,
+ package: PackagesCategoryEnum.CUSTOMCOMPONENTS,
+ chartFrame: ChartFrameEnum.COMMON,
+ image: 'RealTimeEvent.png'
+}
diff --git a/src/packages/components/CustomComponents/AlarmDiagram/RealTimeEvent/index.vue b/src/packages/components/CustomComponents/AlarmDiagram/RealTimeEvent/index.vue
new file mode 100644
index 00000000..151597d1
--- /dev/null
+++ b/src/packages/components/CustomComponents/AlarmDiagram/RealTimeEvent/index.vue
@@ -0,0 +1,642 @@
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/AlarmDiagram/components/BorderBox.vue b/src/packages/components/CustomComponents/AlarmDiagram/components/BorderBox.vue
new file mode 100644
index 00000000..dbef1f35
--- /dev/null
+++ b/src/packages/components/CustomComponents/AlarmDiagram/components/BorderBox.vue
@@ -0,0 +1,58 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/Backgrounds/Backgrounds/index.ts b/src/packages/components/CustomComponents/Backgrounds/Backgrounds/index.ts
new file mode 100644
index 00000000..ffcae11e
--- /dev/null
+++ b/src/packages/components/CustomComponents/Backgrounds/Backgrounds/index.ts
@@ -0,0 +1,14 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum,ChatCategoryEnumName } from '@/packages/components/CustomComponents/index.d'
+
+export const BackgroundsConfig: ConfigType = {
+ key: 'Backgrounds',
+ chartKey: 'VBackgrounds',
+ conKey: 'VCBackgrounds',
+ title: '背景',
+ category: ChatCategoryEnum.BACKGROUNDS,
+ categoryName: ChatCategoryEnumName.BACKGROUNDS,
+ package: PackagesCategoryEnum.CUSTOMCOMPONENTS,
+ chartFrame: ChartFrameEnum.STATIC,
+ image: ''
+}
diff --git a/src/packages/components/CustomComponents/Backgrounds/Backgrounds/index.vue b/src/packages/components/CustomComponents/Backgrounds/Backgrounds/index.vue
new file mode 100644
index 00000000..340e743e
--- /dev/null
+++ b/src/packages/components/CustomComponents/Backgrounds/Backgrounds/index.vue
@@ -0,0 +1,49 @@
+
+
+ 若配置无响应，请在预览页面查看效果
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/packages/components/CustomComponents/CustomComponents/AirConditioningTable/configData.vue b/src/packages/components/CustomComponents/CustomComponents/AirConditioningTable/configData.vue
new file mode 100644
index 00000000..74250e4e
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/AirConditioningTable/configData.vue
@@ -0,0 +1,100 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/AirConditioningTable/index.ts b/src/packages/components/CustomComponents/CustomComponents/AirConditioningTable/index.ts
new file mode 100644
index 00000000..a4d29826
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/AirConditioningTable/index.ts
@@ -0,0 +1,16 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '@/packages/components/CustomComponents/index.d'
+
+
+export const AirConditioningTableConfig: ConfigType = {
+ key: 'AirConditioningTable',
+ chartKey: 'VAirConditioningTable',
+ conKey: 'VCAirConditioningTable',
+ conDataKey: 'VCDAirConditioningTable',
+ title: '空调可视化表格',
+ category: ChatCategoryEnum.CUSTOMCOMPONENTS,
+ categoryName: ChatCategoryEnumName.CUSTOMCOMPONENTS,
+ package: PackagesCategoryEnum.CUSTOMCOMPONENTS,
+ chartFrame: ChartFrameEnum.COMMON,
+ image: 'tables_basic.png'
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/AirConditioningTable/index.vue b/src/packages/components/CustomComponents/CustomComponents/AirConditioningTable/index.vue
new file mode 100644
index 00000000..732cabd2
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/AirConditioningTable/index.vue
@@ -0,0 +1,292 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/AlarmLevelStatistic/index.ts b/src/packages/components/CustomComponents/CustomComponents/AlarmLevelStatistic/index.ts
new file mode 100644
index 00000000..b5779c08
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/AlarmLevelStatistic/index.ts
@@ -0,0 +1,16 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '@/packages/components/CustomComponents/index.d'
+
+export const AlarmLevelStatistic: ConfigType = {
+ key: 'AlarmLevelStatistic',
+ chartKey: 'VAlarmLevelStatistic',
+ conKey: 'VCAlarmLevelStatistic',
+ // VCD开头
+ conDataKey: 'VCDAlarmLevelStatistic',
+ title: '告警等级数统计',
+ category: ChatCategoryEnum.CUSTOMCOMPONENTS,
+ categoryName: ChatCategoryEnumName.CUSTOMCOMPONENTS,
+ package: PackagesCategoryEnum.CUSTOMCOMPONENTS,
+ chartFrame: ChartFrameEnum.COMMON,
+ image: 'AlarmLevelStatistic.png'
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/AlarmLevelStatistic/index.vue b/src/packages/components/CustomComponents/CustomComponents/AlarmLevelStatistic/index.vue
new file mode 100644
index 00000000..96d66767
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/AlarmLevelStatistic/index.vue
@@ -0,0 +1,513 @@
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/AlarmTrend/config.ts b/src/packages/components/CustomComponents/CustomComponents/AlarmTrend/config.ts
new file mode 100644
index 00000000..36d0883b
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/AlarmTrend/config.ts
@@ -0,0 +1,27 @@
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { AlarmTrend } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+// import logo from '@/assets/logo.png'
+
+export const option = {}
+
+export default class Config extends PublicConfigClass implements CreateComponentType {
+ constructor() {
+ super();
+ this.attr.w = 450
+ this.attr.h = 300
+ this.request.requestInterval = 15
+ }
+ public key = AlarmTrend.key
+ public chartConfig = cloneDeep(AlarmTrend)
+ public option = cloneDeep(option)
+ public customData = cloneDeep({
+ title: '告警趋势',
+ showInterval: true,
+ signal_ids:'131240020010',
+ alarmConfirmStatus:['ok','not'],
+ alarmRecoveryStatus:['ok','not'],
+ level:[1, 2, 3, 4, 5]
+ })
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/AlarmTrend/config.vue b/src/packages/components/CustomComponents/CustomComponents/AlarmTrend/config.vue
new file mode 100644
index 00000000..ccedcbe7
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/AlarmTrend/config.vue
@@ -0,0 +1,23 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/packages/components/CustomComponents/CustomComponents/AlarmTrend/configData.vue b/src/packages/components/CustomComponents/CustomComponents/AlarmTrend/configData.vue
new file mode 100644
index 00000000..b8494c63
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/AlarmTrend/configData.vue
@@ -0,0 +1,49 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/AlarmTrend/index.ts b/src/packages/components/CustomComponents/CustomComponents/AlarmTrend/index.ts
new file mode 100644
index 00000000..fb5886fd
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/AlarmTrend/index.ts
@@ -0,0 +1,16 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '@/packages/components/CustomComponents/index.d'
+
+export const AlarmTrend: ConfigType = {
+ key: 'AlarmTrend',
+ chartKey: 'VAlarmTrend',
+ conKey: 'VCAlarmTrend',
+ // VCD开头
+ conDataKey: 'VCDAlarmTrend',
+ title: '告警趋势',
+ category: ChatCategoryEnum.CUSTOMCOMPONENTS,
+ categoryName: ChatCategoryEnumName.CUSTOMCOMPONENTS,
+ package: PackagesCategoryEnum.CUSTOMCOMPONENTS,
+ chartFrame: ChartFrameEnum.COMMON,
+ image: 'AlarmTrend.png'
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/AlarmTrend/index.vue b/src/packages/components/CustomComponents/CustomComponents/AlarmTrend/index.vue
new file mode 100644
index 00000000..79a155e2
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/AlarmTrend/index.vue
@@ -0,0 +1,246 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/ClassifiedStatistic/index.ts b/src/packages/components/CustomComponents/CustomComponents/ClassifiedStatistic/index.ts
new file mode 100644
index 00000000..cea6e10b
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/ClassifiedStatistic/index.ts
@@ -0,0 +1,16 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '@/packages/components/CustomComponents/index.d'
+
+export const ClassifiedStatistic: ConfigType = {
+ key: 'ClassifiedStatistic',
+ chartKey: 'VClassifiedStatistic',
+ conKey: 'VCClassifiedStatistic',
+ // VCD开头
+ conDataKey: 'VCDClassifiedStatistic',
+ title: '分类统计',
+ category: ChatCategoryEnum.CUSTOMCOMPONENTS,
+ categoryName: ChatCategoryEnumName.CUSTOMCOMPONENTS,
+ package: PackagesCategoryEnum.CUSTOMCOMPONENTS,
+ chartFrame: ChartFrameEnum.COMMON,
+ image: 'ClassifiedStatistic.png'
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/ClassifiedStatistic/index.vue b/src/packages/components/CustomComponents/CustomComponents/ClassifiedStatistic/index.vue
new file mode 100644
index 00000000..70688833
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/ClassifiedStatistic/index.vue
@@ -0,0 +1,234 @@
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUE/Svg.vue b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUE/Svg.vue
new file mode 100644
index 00000000..2a855324
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUE/Svg.vue
@@ -0,0 +1,17 @@
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUE/VCircle.vue b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUE/VCircle.vue
new file mode 100644
index 00000000..8d7e828a
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUE/VCircle.vue
@@ -0,0 +1,287 @@
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUE/config.ts b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUE/config.ts
new file mode 100644
index 00000000..5b762d2a
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUE/config.ts
@@ -0,0 +1,35 @@
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { ComprehensivePUEConfig } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+// import logo from '@/assets/logo.png'
+
+export const option = {
+ // 图片路径
+ dataset: '',
+ // 适应方式
+ fit: 'contain',
+ // 圆角
+ borderRadius: 0
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType
+{
+ constructor() {
+ super();
+ this.attr.w = 450
+ this.attr.h = 300
+ this.request.requestInterval = 15
+ }
+ public key = ComprehensivePUEConfig.key
+ public chartConfig = cloneDeep(ComprehensivePUEConfig)
+ public option = cloneDeep(option)
+ public customData = cloneDeep({
+ title: '综合PUE',
+ id_1: null,
+ id_2: null,
+ id_3: null,
+ id_4: null,
+ showInterval: true,
+ })
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUE/config.vue b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUE/config.vue
new file mode 100644
index 00000000..d1759a1d
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUE/config.vue
@@ -0,0 +1,67 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUE/configData.vue b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUE/configData.vue
new file mode 100644
index 00000000..248d3e2f
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUE/configData.vue
@@ -0,0 +1,28 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUE/index.ts b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUE/index.ts
new file mode 100644
index 00000000..f11cd9b4
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUE/index.ts
@@ -0,0 +1,15 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '@/packages/components/CustomComponents/index.d'
+
+export const ComprehensivePUEConfig: ConfigType = {
+ key: 'ComprehensivePUE',
+ chartKey: 'VComprehensivePUE',
+ conKey: 'VCComprehensivePUE',
+ conDataKey: 'VCDComprehensivePUE',
+ title: '综合PUE',
+ category: ChatCategoryEnum.CUSTOMCOMPONENTS,
+ categoryName: ChatCategoryEnumName.CUSTOMCOMPONENTS,
+ package: PackagesCategoryEnum.CUSTOMCOMPONENTS,
+ chartFrame: ChartFrameEnum.COMMON,
+ image: 'ComprehensivePUE.png'
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUE/index.vue b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUE/index.vue
new file mode 100644
index 00000000..8141a0bb
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUE/index.vue
@@ -0,0 +1,540 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV2/index.ts b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV2/index.ts
new file mode 100644
index 00000000..4cdf36e2
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV2/index.ts
@@ -0,0 +1,15 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '@/packages/components/CustomComponents/index.d'
+
+export const ComprehensivePUEV2Config: ConfigType = {
+ key: 'ComprehensivePUEV2',
+ chartKey: 'VComprehensivePUEV2',
+ conKey: 'VCComprehensivePUEV2',
+ conDataKey: 'VCDComprehensivePUEV2',
+ title: '综合PUE通用',
+ category: ChatCategoryEnum.CUSTOMCOMPONENTS,
+ categoryName: ChatCategoryEnumName.CUSTOMCOMPONENTS,
+ package: PackagesCategoryEnum.CUSTOMCOMPONENTS,
+ chartFrame: ChartFrameEnum.COMMON,
+ image: 'ComprehensivePUE.png'
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV2/index.vue b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV2/index.vue
new file mode 100644
index 00000000..1618dda5
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV2/index.vue
@@ -0,0 +1,565 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV3/index.ts b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV3/index.ts
new file mode 100644
index 00000000..42d31133
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV3/index.ts
@@ -0,0 +1,15 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '@/packages/components/CustomComponents/index.d'
+
+export const ComprehensivePUEV3Config: ConfigType = {
+ key: 'ComprehensivePUEV3',
+ chartKey: 'VComprehensivePUEV3',
+ conKey: 'VCComprehensivePUEV3',
+ conDataKey: 'VCDComprehensivePUEV3',
+ title: '综合PUE通用',
+ category: ChatCategoryEnum.CUSTOMCOMPONENTS,
+ categoryName: ChatCategoryEnumName.CUSTOMCOMPONENTS,
+ package: PackagesCategoryEnum.CUSTOMCOMPONENTS,
+ chartFrame: ChartFrameEnum.COMMON,
+ image: 'ComprehensivePUE.png'
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV3/index.vue b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV3/index.vue
new file mode 100644
index 00000000..72f1f410
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV3/index.vue
@@ -0,0 +1,645 @@
+
+
+
+
+
+
+
+
+
+ 普通模式
+ 演示模式
+ 手动模式
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV4/index.ts b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV4/index.ts
new file mode 100644
index 00000000..860c314e
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV4/index.ts
@@ -0,0 +1,15 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '@/packages/components/CustomComponents/index.d'
+
+export const ComprehensivePUEV4Config: ConfigType = {
+ key: 'ComprehensivePUEV4',
+ chartKey: 'VComprehensivePUEV4',
+ conKey: 'VCComprehensivePUEV4',
+ conDataKey: 'VCDComprehensivePUEV4',
+ title: '综合PUE通用1',
+ category: ChatCategoryEnum.CUSTOMCOMPONENTS,
+ categoryName: ChatCategoryEnumName.CUSTOMCOMPONENTS,
+ package: PackagesCategoryEnum.CUSTOMCOMPONENTS,
+ chartFrame: ChartFrameEnum.COMMON,
+ image: 'ComprehensivePUE1.png'
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV4/index.vue b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV4/index.vue
new file mode 100644
index 00000000..2215452f
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV4/index.vue
@@ -0,0 +1,667 @@
+
+
+
+
+
+ 展示单位
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 展示副标题
+
+
+
+
+ 展示单位
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/packages/components/CustomComponents/CustomComponents/Dashboard/index.ts b/src/packages/components/CustomComponents/CustomComponents/Dashboard/index.ts
new file mode 100644
index 00000000..10c06428
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/Dashboard/index.ts
@@ -0,0 +1,14 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '@/packages/components/CustomComponents/index.d'
+
+export const DashboardConfig: ConfigType = {
+ key: 'Dashboard',
+ chartKey: 'VDashboard',
+ conKey: 'VCDashboard',
+ title: '仪表盘',
+ category: ChatCategoryEnum.CUSTOMCOMPONENTS,
+ categoryName: ChatCategoryEnumName.CUSTOMCOMPONENTS,
+ package: PackagesCategoryEnum.CUSTOMCOMPONENTS,
+ chartFrame: ChartFrameEnum.ECHARTS,
+ image: 'Dashboard.png'
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/Dashboard/index.vue b/src/packages/components/CustomComponents/CustomComponents/Dashboard/index.vue
new file mode 100644
index 00000000..1848074f
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/Dashboard/index.vue
@@ -0,0 +1,364 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/DeviceRunningState/index.ts b/src/packages/components/CustomComponents/CustomComponents/DeviceRunningState/index.ts
new file mode 100644
index 00000000..71a9e4c5
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/DeviceRunningState/index.ts
@@ -0,0 +1,16 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '@/packages/components/CustomComponents/index.d'
+
+export const DeviceRunningStateConfig: ConfigType = {
+ key: 'DeviceRunningState',
+ chartKey: 'VDeviceRunningState',
+ conKey: 'VCDeviceRunningState',
+ // VCD开头
+ conDataKey: 'VCDDeviceRunningState',
+ title: '设备运行状态',
+ category: ChatCategoryEnum.CUSTOMCOMPONENTS,
+ categoryName: ChatCategoryEnumName.CUSTOMCOMPONENTS,
+ package: PackagesCategoryEnum.CUSTOMCOMPONENTS,
+ chartFrame: ChartFrameEnum.COMMON,
+ image: 'DeviceRunningState.png'
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/DeviceRunningState/index.vue b/src/packages/components/CustomComponents/CustomComponents/DeviceRunningState/index.vue
new file mode 100644
index 00000000..63fde47c
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/DeviceRunningState/index.vue
@@ -0,0 +1,263 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/ElectricityConsumption/index.ts b/src/packages/components/CustomComponents/CustomComponents/ElectricityConsumption/index.ts
new file mode 100644
index 00000000..09a4cf3a
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/ElectricityConsumption/index.ts
@@ -0,0 +1,16 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '@/packages/components/CustomComponents/index.d'
+
+export const ElectricityConsumptionConfig: ConfigType = {
+ key: 'ElectricityConsumption',
+ chartKey: 'VElectricityConsumption',
+ conKey: 'VCElectricityConsumption',
+ // VCD开头
+ conDataKey: 'VCDElectricityConsumption',
+ title: '用电量',
+ category: ChatCategoryEnum.CUSTOMCOMPONENTS,
+ categoryName: ChatCategoryEnumName.CUSTOMCOMPONENTS,
+ package: PackagesCategoryEnum.CUSTOMCOMPONENTS,
+ chartFrame: ChartFrameEnum.COMMON,
+ image: 'ElectricityConsumption.png'
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/ElectricityConsumption/index.vue b/src/packages/components/CustomComponents/CustomComponents/ElectricityConsumption/index.vue
new file mode 100644
index 00000000..6357727b
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/ElectricityConsumption/index.vue
@@ -0,0 +1,407 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 可以使用 alt+'+' 或 alt+'-' 进行缩放
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/packages/components/CustomComponents/CustomComponents/EngineeringConfig/configData.vue b/src/packages/components/CustomComponents/CustomComponents/EngineeringConfig/configData.vue
new file mode 100644
index 00000000..1fc16bf7
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/EngineeringConfig/configData.vue
@@ -0,0 +1,31 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/EngineeringConfig/index.ts b/src/packages/components/CustomComponents/CustomComponents/EngineeringConfig/index.ts
new file mode 100644
index 00000000..f536e9c2
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/EngineeringConfig/index.ts
@@ -0,0 +1,16 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '@/packages/components/CustomComponents/index.d'
+
+export const EngineeringConfig: ConfigType = {
+ key: 'EngineeringConfig',
+ chartKey: 'VEngineeringConfig',
+ conKey: 'VCEngineeringConfig',
+ // VCD开头
+ conDataKey: 'VCDEngineeringConfig',
+ title: '工程组态',
+ category: ChatCategoryEnum.CUSTOMCOMPONENTS,
+ categoryName: ChatCategoryEnumName.CUSTOMCOMPONENTS,
+ package: PackagesCategoryEnum.CUSTOMCOMPONENTS,
+ chartFrame: ChartFrameEnum.COMMON,
+ image: 'EngineeringConfig.png'
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/EngineeringConfig/index.vue b/src/packages/components/CustomComponents/CustomComponents/EngineeringConfig/index.vue
new file mode 100644
index 00000000..8cf6b233
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/EngineeringConfig/index.vue
@@ -0,0 +1,163 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/GDMap/index.ts b/src/packages/components/CustomComponents/CustomComponents/GDMap/index.ts
new file mode 100644
index 00000000..b221c8d9
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/GDMap/index.ts
@@ -0,0 +1,16 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '@/packages/components/CustomComponents/index.d'
+
+export const GDMapConfig: ConfigType = {
+ key: 'GDMap',
+ chartKey: 'VGDMap',
+ conKey: 'VCGDMap',
+ // VCD开头
+ conDataKey: 'VCDGDMap',
+ title: '站点概况',
+ category: ChatCategoryEnum.CUSTOMCOMPONENTS,
+ categoryName: ChatCategoryEnumName.CUSTOMCOMPONENTS,
+ package: PackagesCategoryEnum.CUSTOMCOMPONENTS,
+ chartFrame: ChartFrameEnum.COMMON,
+ image: 'GDMap.png'
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/GDMap/index.vue b/src/packages/components/CustomComponents/CustomComponents/GDMap/index.vue
new file mode 100644
index 00000000..9151582d
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/GDMap/index.vue
@@ -0,0 +1,303 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/JumpBtn/index.ts b/src/packages/components/CustomComponents/CustomComponents/JumpBtn/index.ts
new file mode 100644
index 00000000..7899fdd2
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/JumpBtn/index.ts
@@ -0,0 +1,16 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '@/packages/components/CustomComponents/index.d'
+
+export const JumpBtnConfig: ConfigType = {
+ key: 'JumpBtn',
+ chartKey: 'VJumpBtn',
+ conKey: 'VCJumpBtn',
+ // VCD开头
+ conDataKey: 'VCDJumpBtn',
+ title: '跳转按钮',
+ category: ChatCategoryEnum.CUSTOMCOMPONENTS,
+ categoryName: ChatCategoryEnumName.CUSTOMCOMPONENTS,
+ package: PackagesCategoryEnum.CUSTOMCOMPONENTS,
+ chartFrame: ChartFrameEnum.COMMON,
+ image: 'JumpBtn.png'
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/JumpBtn/index.vue b/src/packages/components/CustomComponents/CustomComponents/JumpBtn/index.vue
new file mode 100644
index 00000000..18958a3f
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/JumpBtn/index.vue
@@ -0,0 +1,187 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/MonitorRealTimeEvents/VModalV1.vue b/src/packages/components/CustomComponents/CustomComponents/MonitorRealTimeEvents/VModalV1.vue
new file mode 100644
index 00000000..35419a76
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/MonitorRealTimeEvents/VModalV1.vue
@@ -0,0 +1,142 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/MonitorRealTimeEvents/config.ts b/src/packages/components/CustomComponents/CustomComponents/MonitorRealTimeEvents/config.ts
new file mode 100644
index 00000000..00d8643f
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/MonitorRealTimeEvents/config.ts
@@ -0,0 +1,31 @@
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { MonitorRealTimeEventsConfig } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+// import logo from '@/assets/logo.png'
+
+export const option = {
+ // 图片路径
+ dataset: '',
+ // 适应方式
+ fit: 'contain',
+ // 圆角
+ borderRadius: 0
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType
+{
+ constructor() {
+ super();
+ this.attr.w = 450
+ this.attr.h = 300
+ this.request.requestInterval = 15
+ }
+ public key = MonitorRealTimeEventsConfig.key
+ public chartConfig = cloneDeep(MonitorRealTimeEventsConfig)
+ public option = cloneDeep(option)
+ public customData = cloneDeep({
+ title: '自监控实时事件',
+ showInterval: true,
+ })
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/MonitorRealTimeEvents/config.vue b/src/packages/components/CustomComponents/CustomComponents/MonitorRealTimeEvents/config.vue
new file mode 100644
index 00000000..d1759a1d
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/MonitorRealTimeEvents/config.vue
@@ -0,0 +1,67 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/MonitorRealTimeEvents/configData.vue b/src/packages/components/CustomComponents/CustomComponents/MonitorRealTimeEvents/configData.vue
new file mode 100644
index 00000000..2c83af5e
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/MonitorRealTimeEvents/configData.vue
@@ -0,0 +1,16 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/MonitorRealTimeEvents/index.ts b/src/packages/components/CustomComponents/CustomComponents/MonitorRealTimeEvents/index.ts
new file mode 100644
index 00000000..2cd85a8a
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/MonitorRealTimeEvents/index.ts
@@ -0,0 +1,16 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '@/packages/components/CustomComponents/index.d'
+
+export const MonitorRealTimeEventsConfig: ConfigType = {
+ key: 'MonitorRealTimeEvents',
+ chartKey: 'VMonitorRealTimeEvents',
+ conKey: 'VCMonitorRealTimeEvents',
+ // VCD开头
+ conDataKey: 'VCDMonitorRealTimeEvents',
+ title: '自监控实时事件',
+ category: ChatCategoryEnum.CUSTOMCOMPONENTS,
+ categoryName: ChatCategoryEnumName.CUSTOMCOMPONENTS,
+ package: PackagesCategoryEnum.CUSTOMCOMPONENTS,
+ chartFrame: ChartFrameEnum.COMMON,
+ image: 'MonitorRealTimeEvents.png'
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/MonitorRealTimeEvents/index.vue b/src/packages/components/CustomComponents/CustomComponents/MonitorRealTimeEvents/index.vue
new file mode 100644
index 00000000..6edccb94
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/MonitorRealTimeEvents/index.vue
@@ -0,0 +1,266 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/Overview/index.ts b/src/packages/components/CustomComponents/CustomComponents/Overview/index.ts
new file mode 100644
index 00000000..e2e867fe
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/Overview/index.ts
@@ -0,0 +1,16 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '@/packages/components/CustomComponents/index.d'
+
+export const Overview: ConfigType = {
+ key: 'Overview',
+ chartKey: 'VOverview',
+ conKey: 'VCOverview',
+ // VCD开头
+ conDataKey: 'VCDOverview',
+ title: '概览',
+ category: ChatCategoryEnum.CUSTOMCOMPONENTS,
+ categoryName: ChatCategoryEnumName.CUSTOMCOMPONENTS,
+ package: PackagesCategoryEnum.CUSTOMCOMPONENTS,
+ chartFrame: ChartFrameEnum.COMMON,
+ image: 'Overview.png'
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/Overview/index.vue b/src/packages/components/CustomComponents/CustomComponents/Overview/index.vue
new file mode 100644
index 00000000..a3ea5776
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/Overview/index.vue
@@ -0,0 +1,215 @@
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/OverviewOfComputingNodes/config.ts b/src/packages/components/CustomComponents/CustomComponents/OverviewOfComputingNodes/config.ts
new file mode 100644
index 00000000..850f2601
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/OverviewOfComputingNodes/config.ts
@@ -0,0 +1,31 @@
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { OverviewOfComputingNodesConfig } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+// import logo from '@/assets/logo.png'
+
+export const option = {
+ // 图片路径
+ dataset: '',
+ // 适应方式
+ fit: 'contain',
+ // 圆角
+ borderRadius: 0
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType
+{
+ constructor() {
+ super();
+ this.attr.w = 450
+ this.attr.h = 300
+ this.request.requestInterval = 15
+ }
+ public key = OverviewOfComputingNodesConfig.key
+ public chartConfig = cloneDeep(OverviewOfComputingNodesConfig)
+ public option = cloneDeep(option)
+ public customData = cloneDeep({
+ title: '计算节点运行概况',
+ showInterval: true,
+ })
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/OverviewOfComputingNodes/config.vue b/src/packages/components/CustomComponents/CustomComponents/OverviewOfComputingNodes/config.vue
new file mode 100644
index 00000000..d1759a1d
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/OverviewOfComputingNodes/config.vue
@@ -0,0 +1,67 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/OverviewOfComputingNodes/configData.vue b/src/packages/components/CustomComponents/CustomComponents/OverviewOfComputingNodes/configData.vue
new file mode 100644
index 00000000..2c83af5e
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/OverviewOfComputingNodes/configData.vue
@@ -0,0 +1,16 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/OverviewOfComputingNodes/index.ts b/src/packages/components/CustomComponents/CustomComponents/OverviewOfComputingNodes/index.ts
new file mode 100644
index 00000000..5c61d155
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/OverviewOfComputingNodes/index.ts
@@ -0,0 +1,16 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '@/packages/components/CustomComponents/index.d'
+
+export const OverviewOfComputingNodesConfig: ConfigType = {
+ key: 'OverviewOfComputingNodes',
+ chartKey: 'VOverviewOfComputingNodes',
+ conKey: 'VCOverviewOfComputingNodes',
+ // VCD开头
+ conDataKey: 'VCDOverviewOfComputingNodes',
+ title: '计算节点运行概况',
+ category: ChatCategoryEnum.CUSTOMCOMPONENTS,
+ categoryName: ChatCategoryEnumName.CUSTOMCOMPONENTS,
+ package: PackagesCategoryEnum.CUSTOMCOMPONENTS,
+ chartFrame: ChartFrameEnum.COMMON,
+ image: 'OverviewOfComputingNodes.png'
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/OverviewOfComputingNodes/index.vue b/src/packages/components/CustomComponents/CustomComponents/OverviewOfComputingNodes/index.vue
new file mode 100644
index 00000000..7b4e1fe7
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/OverviewOfComputingNodes/index.vue
@@ -0,0 +1,212 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/Position/config.ts b/src/packages/components/CustomComponents/CustomComponents/Position/config.ts
new file mode 100644
index 00000000..ad96112a
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/Position/config.ts
@@ -0,0 +1,25 @@
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { PositionConfig } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+// import logo from '@/assets/logo.png'
+
+export const option = {}
+export const customData = {
+ label: '数据中心',
+ id: null,
+ showInterval: true,
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType {
+ constructor() {
+ super();
+ this.attr.w = 100
+ this.attr.h = 100
+ this.request.requestInterval = 15
+ }
+ public key = PositionConfig.key
+ public chartConfig = cloneDeep(PositionConfig)
+ public option = cloneDeep(option)
+ public customData = cloneDeep(customData)
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/Position/config.vue b/src/packages/components/CustomComponents/CustomComponents/Position/config.vue
new file mode 100644
index 00000000..ccedcbe7
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/Position/config.vue
@@ -0,0 +1,23 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/packages/components/CustomComponents/CustomComponents/Position/configData.vue b/src/packages/components/CustomComponents/CustomComponents/Position/configData.vue
new file mode 100644
index 00000000..4b7b1970
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/Position/configData.vue
@@ -0,0 +1,22 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/Position/index.ts b/src/packages/components/CustomComponents/CustomComponents/Position/index.ts
new file mode 100644
index 00000000..ddcc34df
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/Position/index.ts
@@ -0,0 +1,16 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '@/packages/components/CustomComponents/index.d'
+
+export const PositionConfig: ConfigType = {
+ key: 'Position',
+ chartKey: 'VPosition',
+ conKey: 'VCPosition',
+ // VCD开头
+ conDataKey: 'VCDPosition',
+ title: '告警定位',
+ category: ChatCategoryEnum.CUSTOMCOMPONENTS,
+ categoryName: ChatCategoryEnumName.CUSTOMCOMPONENTS,
+ package: PackagesCategoryEnum.CUSTOMCOMPONENTS,
+ chartFrame: ChartFrameEnum.COMMON,
+ image: 'Position.png'
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/Position/index.vue b/src/packages/components/CustomComponents/CustomComponents/Position/index.vue
new file mode 100644
index 00000000..3cbe7052
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/Position/index.vue
@@ -0,0 +1,129 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/PowerCapacity/index.ts b/src/packages/components/CustomComponents/CustomComponents/PowerCapacity/index.ts
new file mode 100644
index 00000000..1d4345b0
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/PowerCapacity/index.ts
@@ -0,0 +1,16 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '@/packages/components/CustomComponents/index.d'
+
+export const PowerCapacityConfig: ConfigType = {
+ key: 'PowerCapacity',
+ chartKey: 'VPowerCapacity',
+ conKey: 'VCPowerCapacity',
+ // VCD开头
+ conDataKey: 'VCDPowerCapacity',
+ title: '功率容量',
+ category: ChatCategoryEnum.CUSTOMCOMPONENTS,
+ categoryName: ChatCategoryEnumName.CUSTOMCOMPONENTS,
+ package: PackagesCategoryEnum.CUSTOMCOMPONENTS,
+ chartFrame: ChartFrameEnum.COMMON,
+ image: 'PowerCapacity.png'
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/PowerCapacity/index.vue b/src/packages/components/CustomComponents/CustomComponents/PowerCapacity/index.vue
new file mode 100644
index 00000000..8c334107
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/PowerCapacity/index.vue
@@ -0,0 +1,255 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/RealTimeTraffic/index.ts b/src/packages/components/CustomComponents/CustomComponents/RealTimeTraffic/index.ts
new file mode 100644
index 00000000..fef205c2
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/RealTimeTraffic/index.ts
@@ -0,0 +1,16 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '@/packages/components/CustomComponents/index.d'
+
+export const RealTimeTrafficConfig: ConfigType = {
+ key: 'RealTimeTraffic',
+ chartKey: 'VRealTimeTraffic',
+ conKey: 'VCRealTimeTraffic',
+ // VCD开头
+ conDataKey: 'VCDRealTimeTraffic',
+ title: '采集流量实时监测',
+ category: ChatCategoryEnum.CUSTOMCOMPONENTS,
+ categoryName: ChatCategoryEnumName.CUSTOMCOMPONENTS,
+ package: PackagesCategoryEnum.CUSTOMCOMPONENTS,
+ chartFrame: ChartFrameEnum.COMMON,
+ image: 'RealTimeTraffic.png'
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/RealTimeTraffic/index.vue b/src/packages/components/CustomComponents/CustomComponents/RealTimeTraffic/index.vue
new file mode 100644
index 00000000..be973be4
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/RealTimeTraffic/index.vue
@@ -0,0 +1,348 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/RoomTemperature/index.ts b/src/packages/components/CustomComponents/CustomComponents/RoomTemperature/index.ts
new file mode 100644
index 00000000..1e9bdb6c
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/RoomTemperature/index.ts
@@ -0,0 +1,16 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '@/packages/components/CustomComponents/index.d'
+
+export const RoomTemperature: ConfigType = {
+ key: 'RoomTemperature',
+ chartKey: 'VRoomTemperature',
+ conKey: 'VCRoomTemperature',
+ // VCD开头
+ conDataKey: 'VCDRoomTemperature',
+ title: '机房温度',
+ category: ChatCategoryEnum.CUSTOMCOMPONENTS,
+ categoryName: ChatCategoryEnumName.CUSTOMCOMPONENTS,
+ package: PackagesCategoryEnum.CUSTOMCOMPONENTS,
+ chartFrame: ChartFrameEnum.COMMON,
+ image: 'RoomTemperature.png'
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/RoomTemperature/index.vue b/src/packages/components/CustomComponents/CustomComponents/RoomTemperature/index.vue
new file mode 100644
index 00000000..2eb67364
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/RoomTemperature/index.vue
@@ -0,0 +1,426 @@
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/SiteStatistics/config.ts b/src/packages/components/CustomComponents/CustomComponents/SiteStatistics/config.ts
new file mode 100644
index 00000000..eb67b121
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/SiteStatistics/config.ts
@@ -0,0 +1,24 @@
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { SiteStatisticsConfig } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+
+export const option = {
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType
+{
+ constructor() {
+ super();
+ this.attr.w = 150
+ this.attr.h = 150
+ this.request.requestInterval = 15
+ }
+ public key = SiteStatisticsConfig.key
+ public chartConfig = cloneDeep(SiteStatisticsConfig)
+ public option = cloneDeep(option)
+ public customData = cloneDeep({
+ showInterval: true,
+ mapId: null
+ })
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/SiteStatistics/config.vue b/src/packages/components/CustomComponents/CustomComponents/SiteStatistics/config.vue
new file mode 100644
index 00000000..c169f16c
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/SiteStatistics/config.vue
@@ -0,0 +1,44 @@
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/SiteStatistics/configData.vue b/src/packages/components/CustomComponents/CustomComponents/SiteStatistics/configData.vue
new file mode 100644
index 00000000..1d2d208a
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/SiteStatistics/configData.vue
@@ -0,0 +1,16 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/SiteStatistics/index.ts b/src/packages/components/CustomComponents/CustomComponents/SiteStatistics/index.ts
new file mode 100644
index 00000000..394a7621
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/SiteStatistics/index.ts
@@ -0,0 +1,16 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '@/packages/components/CustomComponents/index.d'
+
+export const SiteStatisticsConfig: ConfigType = {
+ key: 'SiteStatistics',
+ chartKey: 'VSiteStatistics',
+ conKey: 'VCSiteStatistics',
+ // VCD开头
+ conDataKey: 'VCDSiteStatistics',
+ title: '站点统计',
+ category: ChatCategoryEnum.CUSTOMCOMPONENTS,
+ categoryName: ChatCategoryEnumName.CUSTOMCOMPONENTS,
+ package: PackagesCategoryEnum.CUSTOMCOMPONENTS,
+ chartFrame: ChartFrameEnum.COMMON,
+ image: 'SiteStatistics.png'
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/SiteStatistics/index.vue b/src/packages/components/CustomComponents/CustomComponents/SiteStatistics/index.vue
new file mode 100644
index 00000000..f7631c2d
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/SiteStatistics/index.vue
@@ -0,0 +1,195 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/TemperatureTop10/index.ts b/src/packages/components/CustomComponents/CustomComponents/TemperatureTop10/index.ts
new file mode 100644
index 00000000..d980b8dc
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/TemperatureTop10/index.ts
@@ -0,0 +1,16 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '@/packages/components/CustomComponents/index.d'
+
+export const TemperatureTop10Config: ConfigType = {
+ key: 'TemperatureTop10',
+ chartKey: 'VTemperatureTop10',
+ conKey: 'VCTemperatureTop10',
+ // VCD开头
+ conDataKey: 'VCDTemperatureTop10',
+ title: '区域温度TOP10',
+ category: ChatCategoryEnum.CUSTOMCOMPONENTS,
+ categoryName: ChatCategoryEnumName.CUSTOMCOMPONENTS,
+ package: PackagesCategoryEnum.CUSTOMCOMPONENTS,
+ chartFrame: ChartFrameEnum.COMMON,
+ image: 'TemperatureTop10.png'
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/TemperatureTop10/index.vue b/src/packages/components/CustomComponents/CustomComponents/TemperatureTop10/index.vue
new file mode 100644
index 00000000..73635f9a
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/TemperatureTop10/index.vue
@@ -0,0 +1,200 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/Theme1/configData.vue b/src/packages/components/CustomComponents/CustomComponents/Theme1/configData.vue
new file mode 100644
index 00000000..2c83af5e
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/Theme1/configData.vue
@@ -0,0 +1,16 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/Theme1/index.ts b/src/packages/components/CustomComponents/CustomComponents/Theme1/index.ts
new file mode 100644
index 00000000..2e52528a
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/Theme1/index.ts
@@ -0,0 +1,18 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum,ChatCategoryEnumName } from '@/packages/components/CUSTOMCOMPONENTS/index.d'
+
+export const Theme1Config: ConfigType = {
+ key: 'Theme1',
+ chartKey: 'VTheme1',
+ conKey: 'VCTheme1',
+ conDataKey: 'VCDTheme1',
+ title: '背景1',
+ // category: ChatCategoryEnum.THEMES,
+ // categoryName: ChatCategoryEnumName.THEMES,
+ // package: PackagesCategoryEnum.THEMESANDLAYOUTS,
+ category: ChatCategoryEnum.CUSTOMCOMPONENTS,
+ categoryName: ChatCategoryEnumName.CUSTOMCOMPONENTS,
+ package: PackagesCategoryEnum.CUSTOMCOMPONENTS,
+ chartFrame: ChartFrameEnum.COMMON,
+ image: 'theme1.png'
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/Theme1/index.vue b/src/packages/components/CustomComponents/CustomComponents/Theme1/index.vue
new file mode 100644
index 00000000..4de9bc4f
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/Theme1/index.vue
@@ -0,0 +1,291 @@
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/VideoList/index.ts b/src/packages/components/CustomComponents/CustomComponents/VideoList/index.ts
new file mode 100644
index 00000000..4c0d417a
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/VideoList/index.ts
@@ -0,0 +1,15 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '@/packages/components/CustomComponents/index.d'
+
+export const VideoListConfig: ConfigType = {
+ key: 'VideoList',
+ chartKey: 'VVideoList',
+ conKey: 'VCVideoList',
+ conDataKey: 'VCDVideoList',
+ title: '视频列表',
+ category: ChatCategoryEnum.CUSTOMCOMPONENTS,
+ categoryName: ChatCategoryEnumName.CUSTOMCOMPONENTS,
+ package: PackagesCategoryEnum.CUSTOMCOMPONENTS,
+ chartFrame: ChartFrameEnum.COMMON,
+ image: 'VideoList.png'
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/VideoList/index.vue b/src/packages/components/CustomComponents/CustomComponents/VideoList/index.vue
new file mode 100644
index 00000000..4c791cfc
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/VideoList/index.vue
@@ -0,0 +1,177 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Decorates/Base/Base/index.ts b/src/packages/components/Decorates/Base/Base/index.ts
new file mode 100644
index 00000000..8789e2db
--- /dev/null
+++ b/src/packages/components/Decorates/Base/Base/index.ts
@@ -0,0 +1,14 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum,ChatCategoryEnumName } from '@/packages/components/Decorates/index.d'
+
+export const BaseConfig: ConfigType = {
+ key: 'Base',
+ chartKey: 'VBase',
+ conKey: 'VCBase',
+ title: '底座',
+ category: ChatCategoryEnum.BASE,
+ categoryName: ChatCategoryEnumName.BASE,
+ package: PackagesCategoryEnum.DECORATES,
+ chartFrame: ChartFrameEnum.STATIC,
+ image: ''
+}
diff --git a/src/packages/components/Decorates/Base/Base/index.vue b/src/packages/components/Decorates/Base/Base/index.vue
new file mode 100644
index 00000000..479d5dbd
--- /dev/null
+++ b/src/packages/components/Decorates/Base/Base/index.vue
@@ -0,0 +1,48 @@
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Decorates/Borders/BorderCustom1/index.ts b/src/packages/components/Decorates/Borders/BorderCustom1/index.ts
new file mode 100644
index 00000000..43669683
--- /dev/null
+++ b/src/packages/components/Decorates/Borders/BorderCustom1/index.ts
@@ -0,0 +1,15 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '@/packages/components/Decorates/index.d'
+
+export const BorderCustom1Config: ConfigType = {
+ key: 'BorderCustom1',
+ chartKey: 'VBorderCustom1',
+ conKey: 'VCBorderCustom1',
+ conDataKey: 'VCDBorderCustom1',
+ title: '边框-自定义1',
+ category: ChatCategoryEnum.BORDER,
+ categoryName: ChatCategoryEnumName.BORDER,
+ package: PackagesCategoryEnum.DECORATES,
+ chartFrame: ChartFrameEnum.COMMON,
+ image: 'BorderCustom1.png'
+}
diff --git a/src/packages/components/Decorates/Borders/BorderCustom1/index.vue b/src/packages/components/Decorates/Borders/BorderCustom1/index.vue
new file mode 100644
index 00000000..4e029e6d
--- /dev/null
+++ b/src/packages/components/Decorates/Borders/BorderCustom1/index.vue
@@ -0,0 +1,53 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Decorates/Mores/FullScreenBtn/index.ts b/src/packages/components/Decorates/Mores/FullScreenBtn/index.ts
new file mode 100644
index 00000000..83878c38
--- /dev/null
+++ b/src/packages/components/Decorates/Mores/FullScreenBtn/index.ts
@@ -0,0 +1,14 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
+
+export const FullScreenBtnConfig: ConfigType = {
+ key: 'FullScreenBtn',
+ chartKey: 'VFullScreenBtn',
+ conKey: 'VCFullScreenBtn',
+ title: '全屏按钮',
+ category: ChatCategoryEnum.MORE,
+ categoryName: ChatCategoryEnumName.MORE,
+ package: PackagesCategoryEnum.DECORATES,
+ chartFrame: ChartFrameEnum.STATIC,
+ image: 'FullScreenBtn.png'
+}
diff --git a/src/packages/components/Decorates/Mores/FullScreenBtn/index.vue b/src/packages/components/Decorates/Mores/FullScreenBtn/index.vue
new file mode 100644
index 00000000..f98e64dd
--- /dev/null
+++ b/src/packages/components/Decorates/Mores/FullScreenBtn/index.vue
@@ -0,0 +1,56 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Decorates/TopBars/TopBars/index.ts b/src/packages/components/Decorates/TopBars/TopBars/index.ts
new file mode 100644
index 00000000..6654b198
--- /dev/null
+++ b/src/packages/components/Decorates/TopBars/TopBars/index.ts
@@ -0,0 +1,14 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum,ChatCategoryEnumName } from '@/packages/components/Decorates/index.d'
+
+export const TopBarsConfig: ConfigType = {
+ key: 'TopBars',
+ chartKey: 'VTopBars',
+ conKey: 'VCTopBars',
+ title: '顶栏',
+ category: ChatCategoryEnum.TOPBARS,
+ categoryName: ChatCategoryEnumName.TOPBARS,
+ package: PackagesCategoryEnum.DECORATES,
+ chartFrame: ChartFrameEnum.STATIC,
+ image: ''
+}
diff --git a/src/packages/components/Decorates/TopBars/TopBars/index.vue b/src/packages/components/Decorates/TopBars/TopBars/index.vue
new file mode 100644
index 00000000..cf4436f4
--- /dev/null
+++ b/src/packages/components/Decorates/TopBars/TopBars/index.vue
@@ -0,0 +1,48 @@
+
+
-
+
@@ -15,6 +15,9 @@
>
+
+ 双击全屏按钮可以全屏，全屏按钮可以拖拽
+
diff --git a/src/packages/components/Informations/Mores/Iframe/index.ts b/src/packages/components/Informations/Mores/Iframe/index.ts
index 9409eaec..c389e7b6 100644
--- a/src/packages/components/Informations/Mores/Iframe/index.ts
+++ b/src/packages/components/Informations/Mores/Iframe/index.ts
@@ -9,6 +9,6 @@ export const IframeConfig: ConfigType = {
category: ChatCategoryEnum.MORE,
categoryName: ChatCategoryEnumName.MORE,
package: PackagesCategoryEnum.INFORMATIONS,
- chartFrame: ChartFrameEnum.COMMON,
+ chartFrame: ChartFrameEnum.STATIC,
image: 'iframe.png'
}
diff --git a/src/packages/components/Informations/Mores/Iframe/index.vue b/src/packages/components/Informations/Mores/Iframe/index.vue
index 212f3701..49ead762 100644
--- a/src/packages/components/Informations/Mores/Iframe/index.vue
+++ b/src/packages/components/Informations/Mores/Iframe/index.vue
@@ -1,28 +1,148 @@
-
+
diff --git a/src/views/chart/ContentConfigurations/components/ChartData/index.d.ts b/src/views/chart/ContentConfigurations/components/ChartData/index.d.ts
index 261ae321..9920a64e 100644
--- a/src/views/chart/ContentConfigurations/components/ChartData/index.d.ts
+++ b/src/views/chart/ContentConfigurations/components/ChartData/index.d.ts
@@ -82,24 +82,29 @@ export interface SelectHttpTimeType {
label: string
value: RequestHttpIntervalEnum
disabled?: boolean
+ unit: number
}
// 时间选项
export const selectTimeOptions: SelectHttpTimeType[] = [
{
label: SelectHttpTimeNameObj[RequestHttpIntervalEnum.SECOND],
- value: RequestHttpIntervalEnum.SECOND
+ value: RequestHttpIntervalEnum.SECOND,
+ unit: 1000,
},
{
label: SelectHttpTimeNameObj[RequestHttpIntervalEnum.MINUTE],
- value: RequestHttpIntervalEnum.MINUTE
+ value: RequestHttpIntervalEnum.MINUTE,
+ unit: 60000,
},
{
label: SelectHttpTimeNameObj[RequestHttpIntervalEnum.HOUR],
- value: RequestHttpIntervalEnum.HOUR
+ value: RequestHttpIntervalEnum.HOUR,
+ unit: 3600000,
},
{
label: SelectHttpTimeNameObj[RequestHttpIntervalEnum.DAY],
- value: RequestHttpIntervalEnum.DAY
+ value: RequestHttpIntervalEnum.DAY,
+ unit: 86400000,
},
-]
\ No newline at end of file
+]
diff --git a/src/views/chart/ContentConfigurations/components/ChartData/index.vue b/src/views/chart/ContentConfigurations/components/ChartData/index.vue
index a869a396..eb08e499 100644
--- a/src/views/chart/ContentConfigurations/components/ChartData/index.vue
+++ b/src/views/chart/ContentConfigurations/components/ChartData/index.vue
@@ -1,5 +1,5 @@
- = computed(() => {
const list = chartEditStore.getComponentList
const targetIndex = chartEditStore.fetchTargetIndex()
+ // 分组时 判断是不是分组里的组件
+ const selectId = chartEditStore.getTargetChart.selectId[0]
+ if(list[targetIndex]&&list[targetIndex].isGroup && list[targetIndex].id !== selectId) {
+ return list[targetIndex].groupList!.find(_ => _.id === selectId)!
+ }
return list[targetIndex]
})
return { targetData, chartEditStore }
diff --git a/src/views/chart/ContentConfigurations/index.vue b/src/views/chart/ContentConfigurations/index.vue
index 110a3c2f..388a743c 100644
--- a/src/views/chart/ContentConfigurations/index.vue
+++ b/src/views/chart/ContentConfigurations/index.vue
@@ -70,6 +70,7 @@ import { TabsEnum } from './index.d'
import { useChartLayoutStore } from '@/store/modules/chartLayoutStore/chartLayoutStore'
import { ChartLayoutStoreEnum } from '@/store/modules/chartLayoutStore/chartLayoutStore.d'
import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
+import { CreateComponentType, CreateComponentGroupType } from '@/packages/index.d'
const { getDetails } = toRefs(useChartLayoutStore())
const { setItem } = useChartLayoutStore()
@@ -80,7 +81,7 @@ const { ConstructIcon, FlashIcon, DesktopOutlineIcon, LeafIcon, RocketIcon } = i
const ContentEdit = loadAsyncComponent(() => import('../ContentEdit/index.vue'))
const CanvasPage = loadAsyncComponent(() => import('./components/CanvasPage/index.vue'))
const ChartSetting = loadAsyncComponent(() => import('./components/ChartSetting/index.vue'))
-const ChartData = loadAsyncComponent(() => import('./components/ChartData/index.vue'))
+const ChartData = loadAsyncComponent(() => import('./components/ChartDataV2/index.vue'))
const ChartEvent = loadAsyncComponent(() => import('./components/ChartEvent/index.vue'))
const ChartAnimation = loadAsyncComponent(() => import('./components/ChartAnimation/index.vue'))
@@ -101,10 +102,13 @@ const selectTarget = computed(() => {
const selectId = chartEditStore.getTargetChart.selectId
// 排除多个
if (selectId.length !== 1) return undefined
- const target = chartEditStore.componentList[chartEditStore.fetchTargetIndex()]
+ let target: CreateComponentType | CreateComponentGroupType = chartEditStore.componentList[chartEditStore.fetchTargetIndex()]
if (target?.isGroup) {
- // eslint-disable-next-line vue/no-side-effects-in-computed-properties
- tabsSelect.value = TabsEnum.CHART_SETTING
+ if(target.id !== selectId[0]) target = target.groupList!.find(_ => _.id === selectId[0])!
+ else {
+ // eslint-disable-next-line vue/no-side-effects-in-computed-properties
+ tabsSelect.value = TabsEnum.CHART_SETTING
+ }
}
return target
})
diff --git a/src/views/chart/ContentEdit/components/EditGroup/index.vue b/src/views/chart/ContentEdit/components/EditGroup/index.vue
index 03cced49..463006a2 100644
--- a/src/views/chart/ContentEdit/components/EditGroup/index.vue
+++ b/src/views/chart/ContentEdit/components/EditGroup/index.vue
@@ -32,19 +32,22 @@
...useComponentStyle(item.attr, groupIndex)
}"
>
-
diff --git a/src/views/chart/ContentEdit/components/EditShapeBox/index.vue b/src/views/chart/ContentEdit/components/EditShapeBox/index.vue
index e42c5e23..534221e0 100644
--- a/src/views/chart/ContentEdit/components/EditShapeBox/index.vue
+++ b/src/views/chart/ContentEdit/components/EditShapeBox/index.vue
@@ -1,6 +1,6 @@
- ${params.marker}${params.name}` + // return str + // } + }, + legend: { + show: true, + formatter: (name: string) => { + return name + } + }, + dataset: { ...dataJson }, + series: [ + { + type: 'pie', + radius: ['40%', '65%'], + center: ['50%', '50%'], + roseType: false, + avoidLabelOverlap: false, + itemStyle: { + show: true, + borderRadius: 10, + borderColor: '#fff', + borderWidth: 2 + }, + label: { + show: false, + position: 'center', + formatter: '{b}', + fontSize:12 + }, + emphasis: { + label: { + show: true, + fontSize: '40', + fontWeight: 'bold' + } + }, + labelLine: { + show: false + } + } + ] +} + +export default class Config extends PublicConfigClass implements CreateComponentType { + public key: string = PieCommon1Config.key + + public chartConfig = cloneDeep(PieCommon1Config) + + // 图表配置项 + public option = echartOptionProfixHandle(option, includes) +} diff --git a/src/packages/components/Charts/Pies/PieCommon1/config.vue b/src/packages/components/Charts/Pies/PieCommon1/config.vue new file mode 100644 index 00000000..7a969f10 --- /dev/null +++ b/src/packages/components/Charts/Pies/PieCommon1/config.vue @@ -0,0 +1,108 @@ + + +
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/AlarmDiagram/RealTimeAlarmStatistics/Svg.vue b/src/packages/components/CustomComponents/AlarmDiagram/RealTimeAlarmStatistics/Svg.vue
new file mode 100644
index 00000000..71fd86ce
--- /dev/null
+++ b/src/packages/components/CustomComponents/AlarmDiagram/RealTimeAlarmStatistics/Svg.vue
@@ -0,0 +1,568 @@
+
+
+
+
+
+ 设备总数
+ {{obj.data1}}
+
+
+
+
+ 设备告警数
+ {{obj.data2}}
+
+
+
+
+ 测点总数
+ {{obj.data3}}
+
+
+
+
+ 测点告警数
+ {{obj.data4}}
+
+ 
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/AlarmDiagram/RealTimeAlarmStatistics/config.ts b/src/packages/components/CustomComponents/AlarmDiagram/RealTimeAlarmStatistics/config.ts
new file mode 100644
index 00000000..606491e2
--- /dev/null
+++ b/src/packages/components/CustomComponents/AlarmDiagram/RealTimeAlarmStatistics/config.ts
@@ -0,0 +1,35 @@
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { RealTimeAlarmStatisticsConfig } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+// import background from '@/assets/customComponents/theme1/backgrond.jpg'
+
+export const option = {
+ // 图片路径
+ dataset: '',
+ // 适应方式
+ fit: 'contain',
+ // 圆角
+ borderRadius: 0
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType
+{
+ constructor() {
+ super();
+ this.attr.w = 450
+ this.attr.h = 300
+ this.request.requestInterval = 15
+ }
+ public key = RealTimeAlarmStatisticsConfig.key
+ public chartConfig = cloneDeep(RealTimeAlarmStatisticsConfig)
+ public option = cloneDeep(option)
+ public customData = cloneDeep({
+ title: '实时告警统计',
+ showInterval: true,
+ space_complete_id: '',
+ confirm_statuss:['ok','not'],
+ signal_ids:'131240020010',
+
+ })
+}
diff --git a/src/packages/components/CustomComponents/AlarmDiagram/RealTimeAlarmStatistics/config.vue b/src/packages/components/CustomComponents/AlarmDiagram/RealTimeAlarmStatistics/config.vue
new file mode 100644
index 00000000..d1759a1d
--- /dev/null
+++ b/src/packages/components/CustomComponents/AlarmDiagram/RealTimeAlarmStatistics/config.vue
@@ -0,0 +1,67 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/AlarmDiagram/RealTimeAlarmStatistics/configData.vue b/src/packages/components/CustomComponents/AlarmDiagram/RealTimeAlarmStatistics/configData.vue
new file mode 100644
index 00000000..af4acc01
--- /dev/null
+++ b/src/packages/components/CustomComponents/AlarmDiagram/RealTimeAlarmStatistics/configData.vue
@@ -0,0 +1,32 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/AlarmDiagram/RealTimeEvent/BorderBoxV2.vue b/src/packages/components/CustomComponents/AlarmDiagram/RealTimeEvent/BorderBoxV2.vue
new file mode 100644
index 00000000..4f1a0097
--- /dev/null
+++ b/src/packages/components/CustomComponents/AlarmDiagram/RealTimeEvent/BorderBoxV2.vue
@@ -0,0 +1,124 @@
+
+
+
+
+ 全选
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{title}}
+ {{item.label}}
+ ({{item.number}})
+ {{item.label}}
+ ({{item.number}})
+ 更多>>
+
+
+ 告警详情
+
+
+ 告警时间
+ {{data.generate_time && moment(data.generate_time).format('yyyy-MM-DD HH:mm:ss')}}
+ 告警级别
+
+
+ {{select1Options[data.level - 1].label}}
+
+
+ 告警位置
+ {{data.position}}
+ 设备名称
+ {{data.device_name}}
+ 告警测点
+ {{data.node_name}}
+ 告警内容
+ {{data.content}}
+ 是否确认
+ {{data.confirm_status}}
+ 确认人
+ {{data.confirm_people}}
+ 确认时间
+ {{data.confirm_time && moment(data.confirm_time).format('yyyy-MM-DD HH:mm:ss')}}
+ 重新确认
+ {{data.reconfirmation_time_str}}
+ 告警序列号
+ {{data.serial_no}}
+ 备注
+ {{data.remark}}
+
+
+ 批量确认
+
+
+
+
+
+
+ 是
+ 否
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.confirm_status === 'ok' ? '已确认' : '未确认' }}
+
+
+ {{ select1.options[item.level - 1].label }}
+
+
+ {{ item.content }}
+
+
+ {{ moment(item.generate_time).format('yyyy-MM-DD HH:mm:ss') }}
+
+
+ 
+
+
+
+
+ 查询结果为空
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/AlarmDiagram/index.ts b/src/packages/components/CustomComponents/AlarmDiagram/index.ts
new file mode 100644
index 00000000..769d6cfa
--- /dev/null
+++ b/src/packages/components/CustomComponents/AlarmDiagram/index.ts
@@ -0,0 +1,9 @@
+import { DeviceAlarmOverviewConfig } from './DeviceAlarmOverview'
+import { RealTimeAlarmStatisticsConfig } from './RealTimeAlarmStatistics'
+import { RealTimeEventConfig } from './RealTimeEvent'
+
+export default [
+ DeviceAlarmOverviewConfig,
+ RealTimeAlarmStatisticsConfig,
+ RealTimeEventConfig,
+]
\ No newline at end of file
diff --git a/src/packages/components/CustomComponents/Backgrounds/Backgrounds/config.ts b/src/packages/components/CustomComponents/Backgrounds/Backgrounds/config.ts
new file mode 100644
index 00000000..31b44e2f
--- /dev/null
+++ b/src/packages/components/CustomComponents/Backgrounds/Backgrounds/config.ts
@@ -0,0 +1,32 @@
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { BackgroundsConfig } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+
+export const option = {
+ // 图片
+ dataset: '',
+ // 适应方式
+ fit: 'fill',
+ // 圆角
+ borderRadius: 0
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType
+{
+ constructor() {
+ super();
+ this.attr = {
+ ...this.attr,
+ w: 1920,
+ h: 1080,
+ x: 0,
+ y: 0,
+ // 置于工程组态前插入
+ isBeforeEngineerging: true
+ }
+ }
+ public key = BackgroundsConfig.key
+ public chartConfig = cloneDeep(BackgroundsConfig)
+ public option = cloneDeep(option)
+}
diff --git a/src/packages/components/CustomComponents/Backgrounds/Backgrounds/config.vue b/src/packages/components/CustomComponents/Backgrounds/Backgrounds/config.vue
new file mode 100644
index 00000000..13ff3bae
--- /dev/null
+++ b/src/packages/components/CustomComponents/Backgrounds/Backgrounds/config.vue
@@ -0,0 +1,62 @@
+
+
+ {{ title }}
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/Backgrounds/index.ts b/src/packages/components/CustomComponents/Backgrounds/index.ts
new file mode 100644
index 00000000..34f2eb16
--- /dev/null
+++ b/src/packages/components/CustomComponents/Backgrounds/index.ts
@@ -0,0 +1,25 @@
+import { BackgroundsConfig } from './Backgrounds/index'
+import { PackagesCategoryEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '../index.d'
+
+const backgroundNames = [
+ 'Background1.jpg',
+ 'Background2.jpg',
+ 'Background3.jpg',
+ 'Background4.jpg',
+ 'Background5.jpg',
+ 'Background6.jpg',
+]
+const backgrounds = backgroundNames.map((name, i) => ({
+ ...BackgroundsConfig,
+ category: ChatCategoryEnum.BACKGROUNDS,
+ categoryName: ChatCategoryEnumName.BACKGROUNDS,
+ package: PackagesCategoryEnum.CUSTOMCOMPONENTS,
+ dataset: name,
+ // 既是缩略图 又是背景图
+ image: name,
+ title: `背景${i + 1}`,
+ redirectComponent: `${BackgroundsConfig.package}/${BackgroundsConfig.category}/${BackgroundsConfig.key}` // 跳转组件路径规则：packageName/categoryName/componentKey
+}))
+
+export default backgrounds
diff --git a/src/packages/components/CustomComponents/CustomComponents/AirConditioningTable/config.ts b/src/packages/components/CustomComponents/CustomComponents/AirConditioningTable/config.ts
new file mode 100644
index 00000000..1e0363d1
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/AirConditioningTable/config.ts
@@ -0,0 +1,65 @@
+import cloneDeep from 'lodash/cloneDeep'
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { chartInitConfig } from '@/settings/designSetting'
+import { AirConditioningTableConfig } from './index'
+
+export type CustomDataType = {
+ enable: boolean
+ ids: string[]
+ showInterval: boolean
+ [key: string]: boolean | string | string[]
+}
+
+export const customData: CustomDataType = {
+ enable: false,
+ ids: [] as string[],
+ col1Title: '设备名',
+ col2Code: '',
+ col2Title: '空调功率',
+ col3Code: '',
+ col3Title: '用电量',
+ showInterval: true
+}
+
+export const option = {
+ // dataset: { dimensions: [], source: [] },
+ // 展示列
+ header: {
+ columns: [
+ {key: 'col1', title: '设备名', unit: '', show: true, width: 'auto', align: 'left', ellipsis: true},
+ {key: 'col2', title: '空调功率', unit: 'kW', show: true, width: 'auto', align: 'left', ellipsis: true},
+ {key: 'col3', title: '用电量', unit: 'kWh', show: true, width: 'auto', align: 'left', ellipsis: true},
+ ],
+ // value: [],
+ // options: [],
+ // map: {},
+ },
+ pagination: {
+ show: false,
+ page: 1,
+ pageSize: 5
+ },
+ // align: 'center',
+ style: {
+ border: 'off',
+ singleColumn: 'off',
+ singleLine: 'off',
+ bottomBordered: 'off',
+ striped: 'on',
+ lineHeight: 50,
+ fontSize: 16,
+ borderWidth: 0,
+ borderColor: 'rgba(0, 0, 0, 1)',
+ borderStyle: 'solid'
+ },
+ inputShow: 'none'
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType {
+ public key = AirConditioningTableConfig.key
+ public attr = { ...chartInitConfig, w: 600, h: 300, zIndex: -1 }
+ public chartConfig = cloneDeep(AirConditioningTableConfig)
+ public option = cloneDeep(option)
+ public customData = cloneDeep(customData)
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/AirConditioningTable/config.vue b/src/packages/components/CustomComponents/CustomComponents/AirConditioningTable/config.vue
new file mode 100644
index 00000000..16944636
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/AirConditioningTable/config.vue
@@ -0,0 +1,243 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/AlarmLevelStatistic/config.ts b/src/packages/components/CustomComponents/CustomComponents/AlarmLevelStatistic/config.ts
new file mode 100644
index 00000000..349c961d
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/AlarmLevelStatistic/config.ts
@@ -0,0 +1,38 @@
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { AlarmLevelStatistic } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+// import logo from '@/assets/logo.png'
+
+export const option = {
+ // 图片路径
+ dataset: '',
+ // 适应方式
+ fit: 'contain',
+ // 圆角
+ borderRadius: 0
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType
+{
+ constructor() {
+ super();
+ this.attr.w = 450
+ this.attr.h = 300
+ this.request.requestInterval = 15
+ }
+ public key = AlarmLevelStatistic.key
+ public chartConfig = cloneDeep(AlarmLevelStatistic)
+ public option = cloneDeep(option)
+ public customData = cloneDeep({
+ title: '告警等级数统计',
+ showInterval: true,
+ currentSource:'level',
+ // 告警确认状态
+ alarmConfirmStatus:['ok','not'],
+ // 告警恢复状态
+ alarmRecoveryStatus:['ok','not'],
+ signal_ids:'131240020010',
+ // space_complete_id:''
+ })
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/AlarmLevelStatistic/config.vue b/src/packages/components/CustomComponents/CustomComponents/AlarmLevelStatistic/config.vue
new file mode 100644
index 00000000..d1759a1d
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/AlarmLevelStatistic/config.vue
@@ -0,0 +1,67 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/AlarmLevelStatistic/configData.vue b/src/packages/components/CustomComponents/CustomComponents/AlarmLevelStatistic/configData.vue
new file mode 100644
index 00000000..04731205
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/AlarmLevelStatistic/configData.vue
@@ -0,0 +1,37 @@
+
+
+ 今日
+ 本月
+ 年度
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/ClassifiedStatistic/config.ts b/src/packages/components/CustomComponents/CustomComponents/ClassifiedStatistic/config.ts
new file mode 100644
index 00000000..b2ac3784
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/ClassifiedStatistic/config.ts
@@ -0,0 +1,32 @@
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { ClassifiedStatistic } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+// import logo from '@/assets/logo.png'
+
+export const option = {
+ // 图片路径
+ dataset: '',
+ // 适应方式
+ fit: 'contain',
+ // 圆角
+ borderRadius: 0
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType
+{
+ constructor() {
+ super();
+ this.attr.w = 450
+ this.attr.h = 300
+ this.request.requestInterval = 15
+ }
+ public key = ClassifiedStatistic.key
+ public chartConfig = cloneDeep(ClassifiedStatistic)
+ public option = cloneDeep(option)
+ public customData = cloneDeep({
+ title: '分类统计',
+ showInterval: true,
+ currentSource:'device'
+ })
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/ClassifiedStatistic/config.vue b/src/packages/components/CustomComponents/CustomComponents/ClassifiedStatistic/config.vue
new file mode 100644
index 00000000..d1759a1d
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/ClassifiedStatistic/config.vue
@@ -0,0 +1,67 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/ClassifiedStatistic/configData.vue b/src/packages/components/CustomComponents/CustomComponents/ClassifiedStatistic/configData.vue
new file mode 100644
index 00000000..b149fb32
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/ClassifiedStatistic/configData.vue
@@ -0,0 +1,35 @@
+
+
+ 月
+ 年
+
+
+
+
+
+
+
+ 
+ 
+
+
+
+
+ {{ Object.values(item)[0] }}
+
+
+ {{ Object.keys(item)[0] || '未知分类' }}
+
+
+ ![暂无数据]()
+ 暂无数据
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV2/Svg.vue b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV2/Svg.vue
new file mode 100644
index 00000000..2a855324
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV2/Svg.vue
@@ -0,0 +1,17 @@
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV2/VCircle.vue b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV2/VCircle.vue
new file mode 100644
index 00000000..8d7e828a
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV2/VCircle.vue
@@ -0,0 +1,287 @@
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV2/config.ts b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV2/config.ts
new file mode 100644
index 00000000..e085aa38
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV2/config.ts
@@ -0,0 +1,67 @@
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { ComprehensivePUEV2Config } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+// import logo from '@/assets/logo.png'
+
+export const option = {
+ // // 图片路径
+ // dataset: '',
+ // // 适应方式
+ // fit: 'contain',
+ // // 圆角
+ // borderRadius: 0
+}
+export const customData = {
+ title: '综合PUE',
+ circle: {
+ title: '实时PUE',
+ id: null
+ },
+ leftBottom: [
+ {
+ title: '昨日PUE',
+ id: null
+ },
+ {
+ title: '上周PUE',
+ id: null
+ },
+ {
+ title: '上月PUE',
+ id: null
+ }
+ ],
+ right: [
+ {
+ title: '总市电负载',
+ unit: '(kWh)',
+ id: null
+ },
+ {
+ title: 'IT用电负载',
+ unit: '(kWh)',
+ id: null
+ },
+ {
+ title: '其他负载',
+ unit: '(kWh)',
+ id: null
+ }
+ ],
+ showInterval: true,
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType
+{
+ constructor() {
+ super();
+ this.attr.w = 450
+ this.attr.h = 300
+ this.request.requestInterval = 15
+ }
+ public key = ComprehensivePUEV2Config.key
+ public chartConfig = cloneDeep(ComprehensivePUEV2Config)
+ public option = cloneDeep(option)
+ public customData = cloneDeep(customData)
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV2/config.vue b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV2/config.vue
new file mode 100644
index 00000000..d1759a1d
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV2/config.vue
@@ -0,0 +1,67 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV2/configData.vue b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV2/configData.vue
new file mode 100644
index 00000000..deb68af3
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV2/configData.vue
@@ -0,0 +1,57 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ {{item.label}}
+ {{item.unit}}
+ {{item.value}}
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV3/Svg.vue b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV3/Svg.vue
new file mode 100644
index 00000000..2a855324
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV3/Svg.vue
@@ -0,0 +1,17 @@
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV3/VCircle.vue b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV3/VCircle.vue
new file mode 100644
index 00000000..8d7e828a
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV3/VCircle.vue
@@ -0,0 +1,287 @@
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV3/config.ts b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV3/config.ts
new file mode 100644
index 00000000..590a6e0c
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV3/config.ts
@@ -0,0 +1,68 @@
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { ComprehensivePUEV3Config } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+// import logo from '@/assets/logo.png'
+
+export const option = {
+ // // 图片路径
+ // dataset: '',
+ // // 适应方式
+ // fit: 'contain',
+ // // 圆角
+ // borderRadius: 0
+}
+export const customData = {
+ title: '综合PUE',
+ enable: false,
+ circle: {
+ title: '实时PUE',
+ id: null
+ },
+ leftBottom: [
+ {
+ title: '昨日PUE',
+ id: null
+ },
+ {
+ title: '上周PUE',
+ id: null
+ },
+ {
+ title: '上月PUE',
+ id: null
+ }
+ ],
+ right: [
+ {
+ title: '总市电负载',
+ unit: '(kWh)',
+ id: null
+ },
+ {
+ title: 'IT用电负载',
+ unit: '(kWh)',
+ id: null
+ },
+ {
+ title: '其他负载',
+ unit: '(kWh)',
+ id: null
+ }
+ ],
+ showInterval: true,
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType
+{
+ constructor() {
+ super();
+ this.attr.w = 450
+ this.attr.h = 300
+ this.request.requestInterval = 15
+ }
+ public key = ComprehensivePUEV3Config.key
+ public chartConfig = cloneDeep(ComprehensivePUEV3Config)
+ public option = cloneDeep(option)
+ public customData = cloneDeep(customData)
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV3/config.vue b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV3/config.vue
new file mode 100644
index 00000000..d1759a1d
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV3/config.vue
@@ -0,0 +1,67 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV3/configData.vue b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV3/configData.vue
new file mode 100644
index 00000000..3821dd8e
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV3/configData.vue
@@ -0,0 +1,62 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{item.label}}
+ {{item.unit}}
+ {{item.value}}
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV4/Svg.vue b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV4/Svg.vue
new file mode 100644
index 00000000..2a855324
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV4/Svg.vue
@@ -0,0 +1,17 @@
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV4/VCircle.vue b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV4/VCircle.vue
new file mode 100644
index 00000000..83c2ef33
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV4/VCircle.vue
@@ -0,0 +1,373 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{item.label}}
+ {{item.unit}}
+ {{item.value}}
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV4/config.ts b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV4/config.ts
new file mode 100644
index 00000000..2cc6c3a0
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV4/config.ts
@@ -0,0 +1,58 @@
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { ComprehensivePUEV4Config } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+// import logo from '@/assets/logo.png'
+
+export const option = {
+ // // 图片路径
+ // dataset: '',
+ // // 适应方式
+ // fit: 'contain',
+ // // 圆角
+ // borderRadius: 0
+}
+export const customData = {
+ title: '综合PUE',
+ enable: false,
+ demonstration: false,
+ manual: false,
+ id: null,
+ circle: {
+ title: '昨日PUE',
+ value: 0,
+ },
+ center: {
+ title1: '实时PUE',
+ value1: 0,
+ title2: '上周PUE',
+ value2: 0,
+ title3: '上月PUE',
+ value3: 0,
+ },
+ right: {
+ title1: '总功率(kWh)',
+ value1: 0,
+ calculation1: '',
+ title2: 'IT功率(kW)',
+ value2: 0,
+ calculation2: '',
+ title3: '其他功率(kW)',
+ value3: 0,
+ },
+ showInterval: true,
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType
+{
+ constructor() {
+ super();
+ this.attr.w = 450
+ this.attr.h = 300
+ this.request.requestInterval = 15
+ }
+ public key = ComprehensivePUEV4Config.key
+ public chartConfig = cloneDeep(ComprehensivePUEV4Config)
+ public option = cloneDeep(option)
+ public customData = cloneDeep(customData)
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV4/config.vue b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV4/config.vue
new file mode 100644
index 00000000..d1759a1d
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV4/config.vue
@@ -0,0 +1,67 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV4/configData.vue b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV4/configData.vue
new file mode 100644
index 00000000..2216ed06
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/ComprehensivePUEV4/configData.vue
@@ -0,0 +1,132 @@
+
+
+
+
+
+
+
+ {{value[1].label}}
+ {{value[1].value}}
+
+
+
+ {{value[2].label}}
+ {{value[2].value}}
+
+
+
+ {{value[3].label}}
+ {{value[3].value}}
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/Dashboard/config.ts b/src/packages/components/CustomComponents/CustomComponents/Dashboard/config.ts
new file mode 100644
index 00000000..319ef9ed
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/Dashboard/config.ts
@@ -0,0 +1,32 @@
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { DashboardConfig } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+// import logo from '@/assets/logo.png'
+import { CurrentSourceEnum } from '@/store/modules/chartEditStore/chartEditStore.d'
+
+
+export const option = {
+ dataset: 0,
+ showUnit: false,
+ showSubtext: true,
+ showSubtextUnit: true,
+ min: 0,
+ max: 100,
+ titleFontSize: 24,
+ titleColor: '#fff',
+ subtextFontSize: 20,
+ subtextColor: '#fff'
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType {
+ constructor() {
+ super();
+ this.attr.w = 250
+ this.attr.h = 250
+ this.commonData.currentSource = CurrentSourceEnum.SINGLEPOINT
+ }
+ public key = DashboardConfig.key
+ public chartConfig = cloneDeep(DashboardConfig)
+ public option = cloneDeep(option)
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/Dashboard/config.vue b/src/packages/components/CustomComponents/CustomComponents/Dashboard/config.vue
new file mode 100644
index 00000000..bdacaa6b
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/Dashboard/config.vue
@@ -0,0 +1,65 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{item.label}}
+
+ {{item.value}}
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/packages/components/CustomComponents/CustomComponents/DeviceRunningState/config.ts b/src/packages/components/CustomComponents/CustomComponents/DeviceRunningState/config.ts
new file mode 100644
index 00000000..3d48f0b5
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/DeviceRunningState/config.ts
@@ -0,0 +1,41 @@
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { DeviceRunningStateConfig } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+// import logo from '@/assets/logo.png'
+
+export const option = {}
+export const customData = {
+ title: '设备运行状态',
+ config: JSON.stringify([
+ {
+ "code": "DLSB"
+ },
+ {
+ "code": "ZNSB"
+ },
+ {
+ "code": "HJSB"
+ },
+ {
+ "code": "AFSB"
+ },
+ {
+ "code": "QTSB"
+ }
+ ]),
+ showInterval: true,
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType {
+ constructor() {
+ super();
+ this.attr.w = 450
+ this.attr.h = 300
+ this.request.requestInterval = 15
+ }
+ public key = DeviceRunningStateConfig.key
+ public chartConfig = cloneDeep(DeviceRunningStateConfig)
+ public option = cloneDeep(option)
+ public customData = cloneDeep(customData)
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/DeviceRunningState/config.vue b/src/packages/components/CustomComponents/CustomComponents/DeviceRunningState/config.vue
new file mode 100644
index 00000000..ccedcbe7
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/DeviceRunningState/config.vue
@@ -0,0 +1,23 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/packages/components/CustomComponents/CustomComponents/DeviceRunningState/configData.vue b/src/packages/components/CustomComponents/CustomComponents/DeviceRunningState/configData.vue
new file mode 100644
index 00000000..0c06865f
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/DeviceRunningState/configData.vue
@@ -0,0 +1,17 @@
+
+
+
+ {{title}}
+ {{subtext}}
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/packages/components/CustomComponents/CustomComponents/ElectricityConsumption/config.ts b/src/packages/components/CustomComponents/CustomComponents/ElectricityConsumption/config.ts
new file mode 100644
index 00000000..1f0526be
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/ElectricityConsumption/config.ts
@@ -0,0 +1,32 @@
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { ElectricityConsumptionConfig } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+// import logo from '@/assets/logo.png'
+
+export const option = {}
+export const customData = {
+ title: '近7日用电量',
+ title1: '当月用电量',
+ title2: '年用电量',
+ enable: false,
+ demonstration: false,
+ arr: [
+ {id: null, name: '1号楼'},
+ {id: null, name: '2号楼'},
+ ],
+ showInterval: true,
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType {
+ constructor() {
+ super();
+ this.attr.w = 450
+ this.attr.h = 300
+ this.request.requestInterval = 15
+ }
+ public key = ElectricityConsumptionConfig.key
+ public chartConfig = cloneDeep(ElectricityConsumptionConfig)
+ public option = cloneDeep(option)
+ public customData = cloneDeep(customData)
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/ElectricityConsumption/config.vue b/src/packages/components/CustomComponents/CustomComponents/ElectricityConsumption/config.vue
new file mode 100644
index 00000000..ccedcbe7
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/ElectricityConsumption/config.vue
@@ -0,0 +1,23 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/packages/components/CustomComponents/CustomComponents/ElectricityConsumption/configData.vue b/src/packages/components/CustomComponents/CustomComponents/ElectricityConsumption/configData.vue
new file mode 100644
index 00000000..189c3520
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/ElectricityConsumption/configData.vue
@@ -0,0 +1,80 @@
+
+
+
+
+
+
+ 在线
+
+ 告警
+
+ 离线
+
+
+
+
+ {{it.label}}
+
+
+ {{it.online_num}}
+ {{it.alarm_num}}
+ {{it.offline_num}}
+
+ {{ item }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/packages/components/CustomComponents/CustomComponents/EngineeringConfig/config.ts b/src/packages/components/CustomComponents/CustomComponents/EngineeringConfig/config.ts
new file mode 100644
index 00000000..f0728a1a
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/EngineeringConfig/config.ts
@@ -0,0 +1,44 @@
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { EngineeringConfig } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+
+export const option = {
+ // // 图片路径
+ // dataset: '',
+ // // 适应方式
+ // fit: 'contain',
+ // // 圆角
+ // borderRadius: 0
+ left: 0,
+ top: 0,
+ scale: 1,
+ // 展示标题
+ isThereATitleComponet: false,
+ // 控制内层 使外层选中失效
+ enableInner: true
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType
+{
+ constructor() {
+ super();
+ this.attr.w = 1920
+ this.attr.h = 1080
+ this.attr.x = 0
+ this.attr.y = 0
+ // 置底插入
+ // this.attr.isHeadInsert = true
+ // 初始时固定 拖拽组件会在鼠标处生成组件 此处为true就是固定位置以attr位置生成组件
+ this.attr.isFixedInit = true
+ // 在自定义组件背景 前插入
+ this.attr.isAfterBGInsert = true
+ }
+ public key = EngineeringConfig.key
+ public chartConfig = cloneDeep(EngineeringConfig)
+ public option = cloneDeep(option)
+ public customData = cloneDeep({
+ showInterval: false,
+ mapId: null
+ })
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/EngineeringConfig/config.vue b/src/packages/components/CustomComponents/CustomComponents/EngineeringConfig/config.vue
new file mode 100644
index 00000000..f93837ee
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/EngineeringConfig/config.vue
@@ -0,0 +1,87 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/packages/components/CustomComponents/CustomComponents/GDMap/config.ts b/src/packages/components/CustomComponents/CustomComponents/GDMap/config.ts
new file mode 100644
index 00000000..d678a767
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/GDMap/config.ts
@@ -0,0 +1,31 @@
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { GDMapConfig } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+// import logo from '@/assets/logo.png'
+
+export const option = {
+ // 图片路径
+ dataset: '',
+ // 适应方式
+ fit: 'contain',
+ // 圆角
+ borderRadius: 0
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType
+{
+ constructor() {
+ super();
+ this.attr.w = 950
+ this.attr.h = 820
+ this.request.requestInterval = 15
+ }
+ public key = GDMapConfig.key
+ public chartConfig = cloneDeep(GDMapConfig)
+ public option = cloneDeep(option)
+ public customData = cloneDeep({
+ showInterval: true,
+ mapId: null
+ })
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/GDMap/config.vue b/src/packages/components/CustomComponents/CustomComponents/GDMap/config.vue
new file mode 100644
index 00000000..d1759a1d
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/GDMap/config.vue
@@ -0,0 +1,67 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/GDMap/configData.vue b/src/packages/components/CustomComponents/CustomComponents/GDMap/configData.vue
new file mode 100644
index 00000000..1d2d208a
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/GDMap/configData.vue
@@ -0,0 +1,16 @@
+
+
+ 请输入组态ID
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{item.propValue}}
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/JumpBtn/config.ts b/src/packages/components/CustomComponents/CustomComponents/JumpBtn/config.ts
new file mode 100644
index 00000000..484d5439
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/JumpBtn/config.ts
@@ -0,0 +1,27 @@
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { JumpBtnConfig } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+// import logo from '@/assets/logo.png'
+
+export const option = {}
+export const customData = {
+ label: '1号楼',
+ jumpEnable: true,
+ id: null,
+ id1: null,
+ showInterval: true,
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType {
+ constructor() {
+ super();
+ this.attr.w = 100
+ this.attr.h = 40
+ this.request.requestInterval = 15
+ }
+ public key = JumpBtnConfig.key
+ public chartConfig = cloneDeep(JumpBtnConfig)
+ public option = cloneDeep(option)
+ public customData = cloneDeep(customData)
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/JumpBtn/config.vue b/src/packages/components/CustomComponents/CustomComponents/JumpBtn/config.vue
new file mode 100644
index 00000000..ccedcbe7
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/JumpBtn/config.vue
@@ -0,0 +1,23 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/packages/components/CustomComponents/CustomComponents/JumpBtn/configData.vue b/src/packages/components/CustomComponents/CustomComponents/JumpBtn/configData.vue
new file mode 100644
index 00000000..99e7354d
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/JumpBtn/configData.vue
@@ -0,0 +1,32 @@
+
+
+ 请输入地图ID
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/packages/components/CustomComponents/CustomComponents/MonitorRealTimeEvents/BorderBoxV2.vue b/src/packages/components/CustomComponents/CustomComponents/MonitorRealTimeEvents/BorderBoxV2.vue
new file mode 100644
index 00000000..b26f35cb
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/MonitorRealTimeEvents/BorderBoxV2.vue
@@ -0,0 +1,71 @@
+
+ {{ customData.label }}
+ {{ customData.label }}
+
+ 全选
+
+
+
+
+
+
+
+ {{title}}
+ 更多>>
+
+
+ 批量确认
+
+
+
+
+
+
+ 是
+ 否
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/Overview/config.ts b/src/packages/components/CustomComponents/CustomComponents/Overview/config.ts
new file mode 100644
index 00000000..8c93ca48
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/Overview/config.ts
@@ -0,0 +1,31 @@
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { Overview } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+// import logo from '@/assets/logo.png'
+
+export const option = {
+ // 图片路径
+ dataset: '',
+ // 适应方式
+ fit: 'contain',
+ // 圆角
+ borderRadius: 0
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType
+{
+ constructor() {
+ super();
+ this.attr.w = 250
+ this.attr.h = 200
+ this.request.requestInterval = 15
+ }
+ public key = Overview.key
+ public chartConfig = cloneDeep(Overview)
+ public option = cloneDeep(option)
+ public customData = cloneDeep({
+ title: '概览',
+ showInterval: true,
+ })
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/Overview/config.vue b/src/packages/components/CustomComponents/CustomComponents/Overview/config.vue
new file mode 100644
index 00000000..d1759a1d
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/Overview/config.vue
@@ -0,0 +1,67 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/Overview/configData.vue b/src/packages/components/CustomComponents/CustomComponents/Overview/configData.vue
new file mode 100644
index 00000000..b149fb32
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/Overview/configData.vue
@@ -0,0 +1,35 @@
+
+
+
+
+
+
+
+ {{ item.confirm_status === 'ok'?'已确认':'未确认' }}
+
+
+ {{levelToOption(item.level).label}}
+
+
+ {{ item.content }}
+
+
+ {{ moment(item.generate_time).format('yyyy-MM-DD HH:mm:ss') }}
+
+
+
+
+
+
+
+
+
+
+ {{ item.value || '0' }}
+
+
+ {{ item.label }}
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/packages/components/CustomComponents/CustomComponents/PowerCapacity/config.ts b/src/packages/components/CustomComponents/CustomComponents/PowerCapacity/config.ts
new file mode 100644
index 00000000..4038010b
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/PowerCapacity/config.ts
@@ -0,0 +1,37 @@
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { PowerCapacityConfig } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+// import logo from '@/assets/logo.png'
+
+export const option = {}
+export const customData = {
+ title: '功率容量',
+ enable: false,
+ arr: [
+ {
+ name: '一号楼', show: true, label: '设计容量', value: 20000, label1: '已使用', calculation: '', floor: [
+ { label: '1F', calculation: '' },
+ ]
+ },
+ {
+ name: '二号楼', show: true, label: '设计容量', value: 20000, label1: '已使用', calculation: '', floor: [
+ { label: '1F', calculation: '' },
+ ]
+ }
+ ],
+ showInterval: true,
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType {
+ constructor() {
+ super();
+ this.attr.w = 450
+ this.attr.h = 300
+ this.request.requestInterval = 15
+ }
+ public key = PowerCapacityConfig.key
+ public chartConfig = cloneDeep(PowerCapacityConfig)
+ public option = cloneDeep(option)
+ public customData = cloneDeep(customData)
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/PowerCapacity/config.vue b/src/packages/components/CustomComponents/CustomComponents/PowerCapacity/config.vue
new file mode 100644
index 00000000..ccedcbe7
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/PowerCapacity/config.vue
@@ -0,0 +1,23 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/packages/components/CustomComponents/CustomComponents/PowerCapacity/configData.vue b/src/packages/components/CustomComponents/CustomComponents/PowerCapacity/configData.vue
new file mode 100644
index 00000000..b38a0b90
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/PowerCapacity/configData.vue
@@ -0,0 +1,133 @@
+
+ {{customData.label}}
+
+
+
+
+ {{ item.label }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ cIt }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/packages/components/CustomComponents/CustomComponents/RealTimeTraffic/config.ts b/src/packages/components/CustomComponents/CustomComponents/RealTimeTraffic/config.ts
new file mode 100644
index 00000000..a63a6567
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/RealTimeTraffic/config.ts
@@ -0,0 +1,31 @@
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { RealTimeTrafficConfig } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+// import logo from '@/assets/logo.png'
+
+export const option = {
+ // 图片路径
+ dataset: '',
+ // 适应方式
+ fit: 'contain',
+ // 圆角
+ borderRadius: 0
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType
+{
+ constructor() {
+ super();
+ this.attr.w = 450
+ this.attr.h = 300
+ this.request.requestInterval = 15
+ }
+ public key = RealTimeTrafficConfig.key
+ public chartConfig = cloneDeep(RealTimeTrafficConfig)
+ public option = cloneDeep(option)
+ public customData = cloneDeep({
+ title: '采集流量实时监测',
+ showInterval: true,
+ })
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/RealTimeTraffic/config.vue b/src/packages/components/CustomComponents/CustomComponents/RealTimeTraffic/config.vue
new file mode 100644
index 00000000..d1759a1d
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/RealTimeTraffic/config.vue
@@ -0,0 +1,67 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/RealTimeTraffic/configData.vue b/src/packages/components/CustomComponents/CustomComponents/RealTimeTraffic/configData.vue
new file mode 100644
index 00000000..2c83af5e
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/RealTimeTraffic/configData.vue
@@ -0,0 +1,16 @@
+
+
+
+
+
+
+
+
+
+ {{it.name}}
+
+ {{it.label}}
+ {{it.value}}
+
+
+
+
+ {{it.label1}}
+ {{toPercent(it.value1, it.value)}}({{typeof it.value1 === 'number' ? it.value1 : '--'}})
+
+
+
+
+ {{c.label}}
+ {{typeof c.value === 'number' ? c.value : '--'}}
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/RoomTemperature/config.ts b/src/packages/components/CustomComponents/CustomComponents/RoomTemperature/config.ts
new file mode 100644
index 00000000..89f1f10e
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/RoomTemperature/config.ts
@@ -0,0 +1,32 @@
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { RoomTemperature } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+// import logo from '@/assets/logo.png'
+
+export const option = {
+ // 图片路径
+ dataset: '',
+ // 适应方式
+ fit: 'contain',
+ // 圆角
+ borderRadius: 0
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType
+{
+ constructor() {
+ super();
+ this.attr.w = 450
+ this.attr.h = 300
+ this.request.requestInterval = 15
+ }
+ public key = RoomTemperature.key
+ public chartConfig = cloneDeep(RoomTemperature)
+ public option = cloneDeep(option)
+ public customData = cloneDeep({
+ title: '分类统计',
+ showInterval: true,
+ currentSource:'device'
+ })
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/RoomTemperature/config.vue b/src/packages/components/CustomComponents/CustomComponents/RoomTemperature/config.vue
new file mode 100644
index 00000000..d1759a1d
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/RoomTemperature/config.vue
@@ -0,0 +1,67 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/RoomTemperature/configData.vue b/src/packages/components/CustomComponents/CustomComponents/RoomTemperature/configData.vue
new file mode 100644
index 00000000..584e0389
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/RoomTemperature/configData.vue
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+
+ {{floor.name}}
+
+
+
+
+
+ {{room.roomName}}
+ {{room.temperature}}
+
+
+
+
+
+
+
+ {{item.name}}
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/SystemRuntime/config.ts b/src/packages/components/CustomComponents/CustomComponents/SystemRuntime/config.ts
new file mode 100644
index 00000000..e5624038
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/SystemRuntime/config.ts
@@ -0,0 +1,21 @@
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { SystemRuntimeConfig } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+// import logo from '@/assets/logo.png'
+
+export const option = {
+
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType
+{
+ constructor() {
+ super();
+ this.attr.w = 500
+ this.attr.h = 150
+ }
+ public key = SystemRuntimeConfig.key
+ public chartConfig = cloneDeep(SystemRuntimeConfig)
+ public option = cloneDeep(option)
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/SystemRuntime/config.vue b/src/packages/components/CustomComponents/CustomComponents/SystemRuntime/config.vue
new file mode 100644
index 00000000..ea0466f4
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/SystemRuntime/config.vue
@@ -0,0 +1,20 @@
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/SystemRuntime/index.ts b/src/packages/components/CustomComponents/CustomComponents/SystemRuntime/index.ts
new file mode 100644
index 00000000..bcb4755a
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/SystemRuntime/index.ts
@@ -0,0 +1,14 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '@/packages/components/CustomComponents/index.d'
+
+export const SystemRuntimeConfig: ConfigType = {
+ key: 'SystemRuntime',
+ chartKey: 'VSystemRuntime',
+ conKey: 'VCSystemRuntime',
+ title: '系统运行时间',
+ category: ChatCategoryEnum.CUSTOMCOMPONENTS,
+ categoryName: ChatCategoryEnumName.CUSTOMCOMPONENTS,
+ package: PackagesCategoryEnum.CUSTOMCOMPONENTS,
+ chartFrame: ChartFrameEnum.STATIC,
+ image: 'SystemRuntime.png'
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/SystemRuntime/index.vue b/src/packages/components/CustomComponents/CustomComponents/SystemRuntime/index.vue
new file mode 100644
index 00000000..bfe90539
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/SystemRuntime/index.vue
@@ -0,0 +1,119 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/packages/components/CustomComponents/CustomComponents/TemperatureTop10/config.ts b/src/packages/components/CustomComponents/CustomComponents/TemperatureTop10/config.ts
new file mode 100644
index 00000000..fb7b15e4
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/TemperatureTop10/config.ts
@@ -0,0 +1,43 @@
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { TemperatureTop10Config } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+// import logo from '@/assets/logo.png'
+
+export const option = {}
+export const customData = {
+ title: '区域温度TOP10',
+ ids: '',
+ demonstration: false,
+ queryType: 'temp_list_dashboard',
+ showInterval: true,
+ colName1:'区域设备',
+ colName2:'实时温度',
+ queryTypeOptions : [
+ {
+ label: '区域温湿度',
+ value:'temp_list_dashboard'
+ },
+ {
+ label: '机房温湿度排名',
+ value:'room_temp_sort_dashboard'
+ },
+ {
+ label: '机房温湿度',
+ value:'room_temp_dashboard'
+ },
+ ]
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType {
+ constructor() {
+ super();
+ this.attr.w = 450
+ this.attr.h = 300
+ this.request.requestInterval = 15
+ }
+ public key = TemperatureTop10Config.key
+ public chartConfig = cloneDeep(TemperatureTop10Config)
+ public option = cloneDeep(option)
+ public customData = cloneDeep(customData)
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/TemperatureTop10/config.vue b/src/packages/components/CustomComponents/CustomComponents/TemperatureTop10/config.vue
new file mode 100644
index 00000000..ccedcbe7
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/TemperatureTop10/config.vue
@@ -0,0 +1,23 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/packages/components/CustomComponents/CustomComponents/TemperatureTop10/configData.vue b/src/packages/components/CustomComponents/CustomComponents/TemperatureTop10/configData.vue
new file mode 100644
index 00000000..871453be
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/TemperatureTop10/configData.vue
@@ -0,0 +1,34 @@
+
+
+ 请输入地图ID
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/packages/components/CustomComponents/CustomComponents/Theme1/config.ts b/src/packages/components/CustomComponents/CustomComponents/Theme1/config.ts
new file mode 100644
index 00000000..6f28cf7d
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/Theme1/config.ts
@@ -0,0 +1,34 @@
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { Theme1Config } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+// import background from '@/assets/customComponents/theme1/backgrond.jpg'
+
+export const option = {
+ // 图片路径
+ dataset: '',
+ // 适应方式
+ fit: 'contain',
+ // 圆角
+ borderRadius: 0
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType
+{
+ constructor() {
+ super();
+ this.attr = {
+ ...this.attr,
+ w: 1920,
+ h: 1080,
+ x: 0,
+ y: 0,
+ }
+ }
+ public key = Theme1Config.key
+ public chartConfig = cloneDeep(Theme1Config)
+ public option = cloneDeep(option)
+ public customData = cloneDeep({
+ title: '',
+ })
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/Theme1/config.vue b/src/packages/components/CustomComponents/CustomComponents/Theme1/config.vue
new file mode 100644
index 00000000..83836728
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/Theme1/config.vue
@@ -0,0 +1,67 @@
+
+
+
+
+
+ 排序
+ {{customData.colName1}}
+ {{customData.colName2}}
+
+
+ {{i + 1}}
+
+ {{ it.label }}
+
+
+
+ {{it.value}}°C
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/VideoList/config.ts b/src/packages/components/CustomComponents/CustomComponents/VideoList/config.ts
new file mode 100644
index 00000000..9d9fd5f2
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/VideoList/config.ts
@@ -0,0 +1,31 @@
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { VideoListConfig } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+// import logo from '@/assets/logo.png'
+
+export const option = {
+ // // 图片路径
+ // dataset: '',
+ // // 适应方式
+ // fit: 'contain',
+ // // 圆角
+ // borderRadius: 0
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType
+{
+ constructor() {
+ super();
+ this.attr.w = 450
+ this.attr.h = 300
+ this.request.requestInterval = 15
+ }
+ public key = VideoListConfig.key
+ public chartConfig = cloneDeep(VideoListConfig)
+ public option = cloneDeep(option)
+ public customData = cloneDeep({
+ title: '视频列表',
+ showInterval: true,
+ })
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/VideoList/config.vue b/src/packages/components/CustomComponents/CustomComponents/VideoList/config.vue
new file mode 100644
index 00000000..ae2cf42d
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/VideoList/config.vue
@@ -0,0 +1,7 @@
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/VideoList/configData.vue b/src/packages/components/CustomComponents/CustomComponents/VideoList/configData.vue
new file mode 100644
index 00000000..3e7f3fd6
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/VideoList/configData.vue
@@ -0,0 +1,14 @@
+
+
+
+
+ {{chartConfig?.customData?.title}}
+
+
+
+ {{ showMoreMenuBts ? '全屏' : '退出全屏' }}
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/components/BorderBox.vue b/src/packages/components/CustomComponents/CustomComponents/components/BorderBox.vue
new file mode 100644
index 00000000..603e238f
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/components/BorderBox.vue
@@ -0,0 +1,58 @@
+
+
+
+
+
+ {{item.violation_data ? item.violation_data[0].scene_name : ''}}
+ {{item.event_time}}
+ {{item.ai_engine_name}}
+ {{item.camera_name}}
+
+
+
+
+
+
+
diff --git a/src/packages/components/CustomComponents/CustomComponents/index.ts b/src/packages/components/CustomComponents/CustomComponents/index.ts
new file mode 100644
index 00000000..1dcdfd6e
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/index.ts
@@ -0,0 +1,53 @@
+// import { Theme1Config } from './Theme1/index'
+import { ComprehensivePUEConfig } from './ComprehensivePUE'
+import { ComprehensivePUEV3Config } from './ComprehensivePUEV3'
+import { ComprehensivePUEV4Config } from './ComprehensivePUEV4'
+import { RealTimeTrafficConfig } from './RealTimeTraffic'
+import { OverviewOfComputingNodesConfig } from './OverviewOfComputingNodes'
+import { GDMapConfig } from './GDMap'
+import { EngineeringConfig } from './EngineeringConfig'
+import { MonitorRealTimeEventsConfig } from './MonitorRealTimeEvents'
+import { DashboardConfig } from './Dashboard'
+import { SystemRuntimeConfig } from './SystemRuntime'
+import { VideoListConfig } from './VideoList'
+import { AirConditioningTableConfig } from './AirConditioningTable'
+import { SiteStatisticsConfig } from './SiteStatistics'
+import { PowerCapacityConfig } from './PowerCapacity'
+import { ElectricityConsumptionConfig } from './ElectricityConsumption'
+import { DeviceRunningStateConfig } from './DeviceRunningState'
+import { TemperatureTop10Config } from './TemperatureTop10'
+import { PositionConfig } from './Position'
+import { JumpBtnConfig } from './JumpBtn'
+import { ClassifiedStatistic } from './ClassifiedStatistic'
+import { AlarmLevelStatistic } from './AlarmLevelStatistic'
+import { AlarmTrend } from './AlarmTrend'
+import { RoomTemperature } from './RoomTemperature'
+import { Overview } from './Overview'
+
+export default [
+ // Theme1Config,
+ ComprehensivePUEConfig,
+ ComprehensivePUEV3Config,
+ ComprehensivePUEV4Config,
+ RealTimeTrafficConfig,
+ OverviewOfComputingNodesConfig,
+ GDMapConfig,
+ EngineeringConfig,
+ MonitorRealTimeEventsConfig,
+ DashboardConfig,
+ SystemRuntimeConfig,
+ VideoListConfig,
+ AirConditioningTableConfig,
+ SiteStatisticsConfig,
+ PowerCapacityConfig,
+ ElectricityConsumptionConfig,
+ DeviceRunningStateConfig,
+ TemperatureTop10Config,
+ PositionConfig,
+ JumpBtnConfig,
+ ClassifiedStatistic,
+ AlarmLevelStatistic,
+ AlarmTrend,
+ RoomTemperature,
+ Overview
+]
diff --git a/src/packages/components/CustomComponents/index.d.ts b/src/packages/components/CustomComponents/index.d.ts
new file mode 100644
index 00000000..74cd64f9
--- /dev/null
+++ b/src/packages/components/CustomComponents/index.d.ts
@@ -0,0 +1,11 @@
+export enum ChatCategoryEnum {
+ CUSTOMCOMPONENTS = 'CustomComponents',
+ BACKGROUNDS = 'Backgrounds',
+ ALARMDIAGRAM = 'AlarmDiagram',
+}
+
+export enum ChatCategoryEnumName {
+ CUSTOMCOMPONENTS = '其他',
+ BACKGROUNDS = '背景图',
+ ALARMDIAGRAM = '告警图'
+}
diff --git a/src/packages/components/CustomComponents/index.ts b/src/packages/components/CustomComponents/index.ts
new file mode 100644
index 00000000..c5d318d3
--- /dev/null
+++ b/src/packages/components/CustomComponents/index.ts
@@ -0,0 +1,5 @@
+import Backgrounds from './Backgrounds'
+import AlarmDiagram from './AlarmDiagram'
+import CustomComponents from './CustomComponents'
+
+export const CustomComponentsList = [...Backgrounds, ...AlarmDiagram, ...CustomComponents]
diff --git a/src/packages/components/Decorates/Base/Base/config.ts b/src/packages/components/Decorates/Base/Base/config.ts
new file mode 100644
index 00000000..68dd9b6a
--- /dev/null
+++ b/src/packages/components/Decorates/Base/Base/config.ts
@@ -0,0 +1,28 @@
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { BaseConfig } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+
+export const option = {
+ // 图片
+ dataset: '',
+ // 适应方式
+ fit: 'fill',
+ // 圆角
+ // borderRadius: 0
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType
+{
+ constructor() {
+ super();
+ this.attr = {
+ ...this.attr,
+ w: 500,
+ h: 500,
+ }
+ }
+ public key = BaseConfig.key
+ public chartConfig = cloneDeep(BaseConfig)
+ public option = cloneDeep(option)
+}
diff --git a/src/packages/components/Decorates/Base/Base/config.vue b/src/packages/components/Decorates/Base/Base/config.vue
new file mode 100644
index 00000000..a3b9cc55
--- /dev/null
+++ b/src/packages/components/Decorates/Base/Base/config.vue
@@ -0,0 +1,62 @@
+
+
+ {{ title }}
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Decorates/Base/index.ts b/src/packages/components/Decorates/Base/index.ts
new file mode 100644
index 00000000..bc0217d8
--- /dev/null
+++ b/src/packages/components/Decorates/Base/index.ts
@@ -0,0 +1,27 @@
+import { BaseConfig } from './Base/index'
+import { PackagesCategoryEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '../index.d'
+
+const topbarNames = [
+ 'Base1.png',
+ 'Base2.png',
+ 'Base3.png',
+ 'Base4.png',
+ 'Base5.png',
+ 'Base6.png',
+ 'Base7.png',
+ 'Base8.png',
+]
+const base = topbarNames.map((name, i) => ({
+ ...BaseConfig,
+ category: ChatCategoryEnum.BASE,
+ categoryName: ChatCategoryEnumName.BASE,
+ package: PackagesCategoryEnum.DECORATES,
+ dataset: name,
+ // 既是缩略图 又是背景图
+ image: name,
+ title: `底座${i + 1}`,
+ redirectComponent: `${BaseConfig.package}/${BaseConfig.category}/${BaseConfig.key}` // 跳转组件路径规则：packageName/categoryName/componentKey
+}))
+
+export default base
diff --git a/src/packages/components/Decorates/Borders/BorderCustom1/BorderBox.vue b/src/packages/components/Decorates/Borders/BorderCustom1/BorderBox.vue
new file mode 100644
index 00000000..dbef1f35
--- /dev/null
+++ b/src/packages/components/Decorates/Borders/BorderCustom1/BorderBox.vue
@@ -0,0 +1,58 @@
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Decorates/Borders/BorderCustom1/config.ts b/src/packages/components/Decorates/Borders/BorderCustom1/config.ts
new file mode 100644
index 00000000..cc8e79fc
--- /dev/null
+++ b/src/packages/components/Decorates/Borders/BorderCustom1/config.ts
@@ -0,0 +1,31 @@
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { BorderCustom1Config } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+// import logo from '@/assets/logo.png'
+
+export const option = {
+ // 图片路径
+ dataset: '',
+ // 适应方式
+ fit: 'contain',
+ // 圆角
+ borderRadius: 0
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType
+{
+ constructor() {
+ super();
+ this.attr.w = 450
+ this.attr.h = 300
+ this.request.requestInterval = 15
+ }
+ public key = BorderCustom1Config.key
+ public chartConfig = cloneDeep(BorderCustom1Config)
+ public option = cloneDeep(option)
+ public customData = cloneDeep({
+ title: '',
+ showInterval: false,
+ })
+}
diff --git a/src/packages/components/Decorates/Borders/BorderCustom1/config.vue b/src/packages/components/Decorates/Borders/BorderCustom1/config.vue
new file mode 100644
index 00000000..ae2cf42d
--- /dev/null
+++ b/src/packages/components/Decorates/Borders/BorderCustom1/config.vue
@@ -0,0 +1,7 @@
+
+
+
+
+
diff --git a/src/packages/components/Decorates/Borders/BorderCustom1/configData.vue b/src/packages/components/Decorates/Borders/BorderCustom1/configData.vue
new file mode 100644
index 00000000..3e7f3fd6
--- /dev/null
+++ b/src/packages/components/Decorates/Borders/BorderCustom1/configData.vue
@@ -0,0 +1,14 @@
+
+
+ {{ title }}
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Decorates/Borders/BorderCustom2/config.ts b/src/packages/components/Decorates/Borders/BorderCustom2/config.ts
new file mode 100644
index 00000000..c5ed0a32
--- /dev/null
+++ b/src/packages/components/Decorates/Borders/BorderCustom2/config.ts
@@ -0,0 +1,27 @@
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { BorderCustom2Config } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+// import logo from '@/assets/logo.png'
+import { CurrentSourceEnum } from '@/store/modules/chartEditStore/chartEditStore.d'
+
+export const option = {
+ // // 图片路径
+ // dataset: '',
+ // // 适应方式
+ // fit: 'contain',
+ // // 圆角
+ // borderRadius: 0
+ dataset: {status: 0}
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType
+{
+ constructor() {
+ super();
+ this.commonData.currentSource = CurrentSourceEnum.SINGLEPOINT
+ }
+ public key = BorderCustom2Config.key
+ public chartConfig = cloneDeep(BorderCustom2Config)
+ public option = cloneDeep(option)
+}
diff --git a/src/packages/components/Decorates/Borders/BorderCustom2/config.vue b/src/packages/components/Decorates/Borders/BorderCustom2/config.vue
new file mode 100644
index 00000000..8f424483
--- /dev/null
+++ b/src/packages/components/Decorates/Borders/BorderCustom2/config.vue
@@ -0,0 +1,11 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/packages/components/Decorates/Borders/BorderCustom2/index.ts b/src/packages/components/Decorates/Borders/BorderCustom2/index.ts
new file mode 100644
index 00000000..146ff8f6
--- /dev/null
+++ b/src/packages/components/Decorates/Borders/BorderCustom2/index.ts
@@ -0,0 +1,15 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '@/packages/components/Decorates/index.d'
+
+export const BorderCustom2Config: ConfigType = {
+ key: 'BorderCustom2',
+ chartKey: 'VBorderCustom2',
+ conKey: 'VCBorderCustom2',
+ // conDataKey: 'VCDBorderCustom2',
+ title: '边框-自定义2',
+ category: ChatCategoryEnum.BORDER,
+ categoryName: ChatCategoryEnumName.BORDER,
+ package: PackagesCategoryEnum.DECORATES,
+ chartFrame: ChartFrameEnum.COMMON,
+ image: 'BorderCustom2.png'
+}
diff --git a/src/packages/components/Decorates/Borders/BorderCustom2/index.vue b/src/packages/components/Decorates/Borders/BorderCustom2/index.vue
new file mode 100644
index 00000000..9cee7a43
--- /dev/null
+++ b/src/packages/components/Decorates/Borders/BorderCustom2/index.vue
@@ -0,0 +1,52 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/packages/components/Decorates/Borders/index.ts b/src/packages/components/Decorates/Borders/index.ts
index 2e05e4be..e96b2cac 100644
--- a/src/packages/components/Decorates/Borders/index.ts
+++ b/src/packages/components/Decorates/Borders/index.ts
@@ -1,3 +1,5 @@
+import { BorderCustom1Config } from './BorderCustom1/index';
+import { BorderCustom2Config } from './BorderCustom2/index';
import { Border01Config } from './Border01/index'
import { Border02Config } from './Border02/index'
import { Border03Config } from './Border03/index'
@@ -13,6 +15,8 @@ import { Border12Config } from './Border12/index'
import { Border13Config } from './Border13/index'
export default [
+ BorderCustom1Config,
+ BorderCustom2Config,
Border01Config,
Border02Config,
Border03Config,
diff --git a/src/packages/components/Decorates/Mores/FullScreenBtn/config.ts b/src/packages/components/Decorates/Mores/FullScreenBtn/config.ts
new file mode 100644
index 00000000..3822f205
--- /dev/null
+++ b/src/packages/components/Decorates/Mores/FullScreenBtn/config.ts
@@ -0,0 +1,30 @@
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { chartInitConfig } from '@/settings/designSetting'
+import { FullScreenBtnConfig } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+
+export enum FontWeightEnum {
+ NORMAL = '常规',
+ BOLD = '加粗',
+}
+
+export const FontWeightObject = {
+ [FontWeightEnum.NORMAL]: 'normal',
+ [FontWeightEnum.BOLD]: 'bold',
+}
+
+export const option = {
+ color: '#4396fd',
+ fontSize: 14,
+ fontWeight: 'normal',
+ border: 1,
+ borderColor: '#4396fd'
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType {
+ public key = FullScreenBtnConfig.key
+ public attr = { ...chartInitConfig, w: 100, h: 40, zIndex: -1 }
+ public chartConfig = cloneDeep(FullScreenBtnConfig)
+ public option = cloneDeep(option)
+}
diff --git a/src/packages/components/Decorates/Mores/FullScreenBtn/config.vue b/src/packages/components/Decorates/Mores/FullScreenBtn/config.vue
new file mode 100644
index 00000000..0742ff6f
--- /dev/null
+++ b/src/packages/components/Decorates/Mores/FullScreenBtn/config.vue
@@ -0,0 +1,45 @@
+
+
+
+ {{ showMoreMenuBts ? '全屏' : '退出全屏' }}
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/packages/components/Decorates/Mores/TimeCommon1/config.ts b/src/packages/components/Decorates/Mores/TimeCommon1/config.ts
new file mode 100644
index 00000000..03aaec15
--- /dev/null
+++ b/src/packages/components/Decorates/Mores/TimeCommon1/config.ts
@@ -0,0 +1,13 @@
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { TimeCommon1Config } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+import { chartInitConfig } from '@/settings/designSetting'
+
+
+export default class Config extends PublicConfigClass implements CreateComponentType {
+ public key = TimeCommon1Config.key
+ public attr = { ...chartInitConfig, w: 200, h: 50, zIndex: -1 }
+ public chartConfig = cloneDeep(TimeCommon1Config)
+ public option = cloneDeep({})
+}
diff --git a/src/packages/components/Decorates/Mores/TimeCommon1/config.vue b/src/packages/components/Decorates/Mores/TimeCommon1/config.vue
new file mode 100644
index 00000000..ae2cf42d
--- /dev/null
+++ b/src/packages/components/Decorates/Mores/TimeCommon1/config.vue
@@ -0,0 +1,7 @@
+
+
+
+
+
diff --git a/src/packages/components/Decorates/Mores/TimeCommon1/index.ts b/src/packages/components/Decorates/Mores/TimeCommon1/index.ts
new file mode 100644
index 00000000..c352b8d7
--- /dev/null
+++ b/src/packages/components/Decorates/Mores/TimeCommon1/index.ts
@@ -0,0 +1,14 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum,ChatCategoryEnumName } from '../../index.d'
+
+export const TimeCommon1Config: ConfigType = {
+ key: 'TimeCommon1',
+ chartKey: 'VTimeCommon1',
+ conKey: 'VCTimeCommon1',
+ title: '通用时间1',
+ category: ChatCategoryEnum.MORE,
+ categoryName: ChatCategoryEnumName.MORE,
+ package: PackagesCategoryEnum.DECORATES,
+ chartFrame: ChartFrameEnum.STATIC,
+ image: 'TimeCommon1.png'
+}
diff --git a/src/packages/components/Decorates/Mores/TimeCommon1/index.vue b/src/packages/components/Decorates/Mores/TimeCommon1/index.vue
new file mode 100644
index 00000000..ebca8a3c
--- /dev/null
+++ b/src/packages/components/Decorates/Mores/TimeCommon1/index.vue
@@ -0,0 +1,76 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/packages/components/Decorates/Mores/index.ts b/src/packages/components/Decorates/Mores/index.ts
index 95f26040..59f5e532 100644
--- a/src/packages/components/Decorates/Mores/index.ts
+++ b/src/packages/components/Decorates/Mores/index.ts
@@ -1,7 +1,9 @@
import { NumberConfig } from './Number/index'
import { TimeCommonConfig } from './TimeCommon/index'
+import { TimeCommon1Config } from './TimeCommon1/index'
import { ClockConfig } from './Clock/index'
-import { FullScreenConfig } from './FullScreen/index'
+import { FullScreenBtnConfig } from './FullScreenBtn/index'
+// import { FullScreenConfig } from './FullScreen/index'
import { CountDownConfig } from './CountDown/index'
import { FlipperNumberConfig } from './FlipperNumber'
import { PipelineHConfig } from './PipelineH/index'
@@ -9,13 +11,14 @@ import { PipelineVConfig } from './PipelineV/index'
import { CirclePointConfig } from './CirclePoint/index'
export default [
- NumberConfig,
- FlipperNumberConfig,
+ // NumberConfig,
+ // FlipperNumberConfig,
TimeCommonConfig,
- CountDownConfig,
+ TimeCommon1Config,
+ FullScreenBtnConfig,
+ // CountDownConfig,
ClockConfig,
- FullScreenConfig,
- PipelineHConfig,
- PipelineVConfig,
- CirclePointConfig
+ // FullScreenConfig,
+ // PipelineHConfig,
+ // PipelineVConfig
]
diff --git a/src/packages/components/Decorates/TopBars/TopBars/config.ts b/src/packages/components/Decorates/TopBars/TopBars/config.ts
new file mode 100644
index 00000000..efd2f1f0
--- /dev/null
+++ b/src/packages/components/Decorates/TopBars/TopBars/config.ts
@@ -0,0 +1,28 @@
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { TopBarsConfig } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+
+export const option = {
+ // 图片
+ dataset: '',
+ // 适应方式
+ fit: 'fill',
+ // 圆角
+ borderRadius: 0
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType
+{
+ constructor() {
+ super();
+ this.attr = {
+ ...this.attr,
+ w: 1920,
+ h: 80,
+ }
+ }
+ public key = TopBarsConfig.key
+ public chartConfig = cloneDeep(TopBarsConfig)
+ public option = cloneDeep(option)
+}
diff --git a/src/packages/components/Decorates/TopBars/TopBars/config.vue b/src/packages/components/Decorates/TopBars/TopBars/config.vue
new file mode 100644
index 00000000..13ff3bae
--- /dev/null
+++ b/src/packages/components/Decorates/TopBars/TopBars/config.vue
@@ -0,0 +1,62 @@
+
+
+
+ {{ date }}
+ {{ time }}
+
+
+
+
+
+
+
diff --git a/src/packages/components/Decorates/TopBars/index.ts b/src/packages/components/Decorates/TopBars/index.ts
new file mode 100644
index 00000000..98a9225c
--- /dev/null
+++ b/src/packages/components/Decorates/TopBars/index.ts
@@ -0,0 +1,27 @@
+import { TopBarsConfig } from './TopBars/index'
+import { PackagesCategoryEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '../index.d'
+
+const topbarNames = [
+ 'TopBar1.png',
+ 'TopBar2.png',
+ 'TopBar3.png',
+ 'TopBar4.png',
+ 'TopBar5.png',
+ 'TopBar6.png',
+ 'TopBar7.png',
+ 'TopBar8.png',
+]
+const topbars = topbarNames.map((name, i) => ({
+ ...TopBarsConfig,
+ category: ChatCategoryEnum.TOPBARS,
+ categoryName: ChatCategoryEnumName.TOPBARS,
+ package: PackagesCategoryEnum.DECORATES,
+ dataset: name,
+ // 既是缩略图 又是背景图
+ image: name,
+ title: `顶栏${i + 1}`,
+ redirectComponent: `${TopBarsConfig.package}/${TopBarsConfig.category}/${TopBarsConfig.key}` // 跳转组件路径规则：packageName/categoryName/componentKey
+}))
+
+export default topbars
diff --git a/src/packages/components/Decorates/index.d.ts b/src/packages/components/Decorates/index.d.ts
index 5a7e8c14..02352f9b 100644
--- a/src/packages/components/Decorates/index.d.ts
+++ b/src/packages/components/Decorates/index.d.ts
@@ -3,7 +3,9 @@ export enum ChatCategoryEnum {
DECORATE = 'Decorates',
FlowChart = 'FlowChart',
THREE = 'Three',
- MORE = 'Mores'
+ MORE = 'Mores',
+ TOPBARS = 'TopBars',
+ BASE = 'Base'
}
export enum ChatCategoryEnumName {
@@ -11,5 +13,7 @@ export enum ChatCategoryEnumName {
DECORATE = '装饰',
FlowChart = '流程',
THREE = '三维',
- MORE = '更多'
+ MORE = '更多',
+ TOPBARS = '顶栏',
+ BASE = '底座'
}
diff --git a/src/packages/components/Decorates/index.ts b/src/packages/components/Decorates/index.ts
index 75f20813..c95aa29f 100644
--- a/src/packages/components/Decorates/index.ts
+++ b/src/packages/components/Decorates/index.ts
@@ -1,7 +1,9 @@
import Borders from './Borders'
+import TopBars from './TopBars'
+import Base from './Base'
import Decorates from './Decorates'
-import FlowChart from './FlowChart'
-import Three from './Three'
+// import Three from './Three'
import Mores from './Mores'
-export const DecorateList = [...Borders, ...Decorates,...FlowChart, ...Three, ...Mores]
+// export const DecorateList = [...Borders, ...Decorates, ...Three, ...Mores]
+export const DecorateList = [...Borders, ...TopBars, ...Base, ...Decorates, ...Mores]
diff --git a/src/packages/components/Informations/Mores/Iframe/config.ts b/src/packages/components/Informations/Mores/Iframe/config.ts
index a9cf94c6..744d6cd1 100644
--- a/src/packages/components/Informations/Mores/Iframe/config.ts
+++ b/src/packages/components/Informations/Mores/Iframe/config.ts
@@ -6,7 +6,7 @@ import cloneDeep from 'lodash/cloneDeep'
export const option = {
// 网站路径
- dataset: "https://www.mtruning.club/",
+ dataset: "",
// 圆角
borderRadius: 10
}
diff --git a/src/packages/components/Informations/Mores/Iframe/config.vue b/src/packages/components/Informations/Mores/Iframe/config.vue
index 59a5af74..99a9ce4b 100644
--- a/src/packages/components/Informations/Mores/Iframe/config.vue
+++ b/src/packages/components/Informations/Mores/Iframe/config.vue
@@ -1,7 +1,7 @@
-
+
-
-
-
+
+
+ 上传视频
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
循环播放
@@ -26,9 +47,17 @@
diff --git a/src/packages/components/Informations/Mores/Video/index.ts b/src/packages/components/Informations/Mores/Video/index.ts
index 769cfc50..8392e7b4 100644
--- a/src/packages/components/Informations/Mores/Video/index.ts
+++ b/src/packages/components/Informations/Mores/Video/index.ts
@@ -9,6 +9,6 @@ export const VideoConfig: ConfigType = {
category: ChatCategoryEnum.MORE,
categoryName: ChatCategoryEnumName.MORE,
package: PackagesCategoryEnum.INFORMATIONS,
- chartFrame: ChartFrameEnum.COMMON,
+ chartFrame: ChartFrameEnum.STATIC,
image: 'video.png'
}
diff --git a/src/packages/components/Informations/Mores/Video/index.vue b/src/packages/components/Informations/Mores/Video/index.vue
index 1726645a..2bd1403c 100644
--- a/src/packages/components/Informations/Mores/Video/index.vue
+++ b/src/packages/components/Informations/Mores/Video/index.vue
@@ -12,7 +12,7 @@
:muted="option.muted"
:width="w"
:height="h"
- :src="option.dataset"
+ :src="option.datasetCustom || option.dataset"
>
diff --git a/src/packages/components/Informations/Mores/index.ts b/src/packages/components/Informations/Mores/index.ts
index 572ab9e0..787ad6d9 100644
--- a/src/packages/components/Informations/Mores/index.ts
+++ b/src/packages/components/Informations/Mores/index.ts
@@ -4,4 +4,5 @@ import { IframeConfig } from './Iframe/index'
import { VideoConfig } from './Video/index'
import { WordCloudConfig } from './WordCloud/index'
-export default [ImageConfig, ImageCarouselConfig, VideoConfig, IframeConfig, WordCloudConfig]
+// export default [VideoConfig]
+export default [IframeConfig, VideoConfig]
diff --git a/src/packages/components/Informations/Texts/TextBarrage/config.ts b/src/packages/components/Informations/Texts/TextBarrage/config.ts
index aefc4331..d21bd4ad 100644
--- a/src/packages/components/Informations/Texts/TextBarrage/config.ts
+++ b/src/packages/components/Informations/Texts/TextBarrage/config.ts
@@ -3,6 +3,7 @@ import { CreateComponentType } from '@/packages/index.d'
import { TextBarrageConfig } from './index'
import { chartInitConfig } from '@/settings/designSetting'
import cloneDeep from 'lodash/cloneDeep'
+import { CurrentSourceEnum } from '@/store/modules/chartEditStore/chartEditStore.d'
export enum FontWeightEnum {
NORMAL = '常规',
@@ -16,6 +17,7 @@ export const FontWeightObject = {
export const option = {
dataset: '让数字化看得见',
+ showUnit: false,
fontSize: 32,
fontColor: '#ffffff',
fontWeight: 'normal',
@@ -34,6 +36,10 @@ export const option = {
}
export default class Config extends PublicConfigClass implements CreateComponentType {
+ constructor() {
+ super();
+ this.commonData.currentSource = CurrentSourceEnum.SINGLEPOINT
+ }
public key = TextBarrageConfig.key
public attr = { ...chartInitConfig, w: 500, h: 70, zIndex: -1 }
public chartConfig = cloneDeep(TextBarrageConfig)
diff --git a/src/packages/components/Informations/Texts/TextBarrage/config.vue b/src/packages/components/Informations/Texts/TextBarrage/config.vue
index c149102d..18fb5939 100644
--- a/src/packages/components/Informations/Texts/TextBarrage/config.vue
+++ b/src/packages/components/Informations/Texts/TextBarrage/config.vue
@@ -4,6 +4,15 @@
+
+ 开启数据时，将会覆盖此文本
+
+
+
+ 展示单位
+
+
diff --git a/src/packages/components/Informations/Texts/TextBarrage/index.ts b/src/packages/components/Informations/Texts/TextBarrage/index.ts
index 245629fd..c458710e 100644
--- a/src/packages/components/Informations/Texts/TextBarrage/index.ts
+++ b/src/packages/components/Informations/Texts/TextBarrage/index.ts
@@ -9,6 +9,6 @@ export const TextBarrageConfig: ConfigType = {
category: ChatCategoryEnum.TEXT,
categoryName: ChatCategoryEnumName.TEXT,
package: PackagesCategoryEnum.INFORMATIONS,
- chartFrame: ChartFrameEnum.COMMON,
+ chartFrame: ChartFrameEnum.ECHARTS,
image: 'text_barrage.png'
}
diff --git a/src/packages/components/Informations/Texts/TextBarrage/index.vue b/src/packages/components/Informations/Texts/TextBarrage/index.vue
index 54e9df2b..80155fca 100644
--- a/src/packages/components/Informations/Texts/TextBarrage/index.vue
+++ b/src/packages/components/Informations/Texts/TextBarrage/index.vue
@@ -2,7 +2,12 @@
@@ -11,10 +16,11 @@
\ No newline at end of file
diff --git a/src/packages/components/Tables/Tables/TableList1/index.ts b/src/packages/components/Tables/Tables/TableList1/index.ts
new file mode 100644
index 00000000..635ef052
--- /dev/null
+++ b/src/packages/components/Tables/Tables/TableList1/index.ts
@@ -0,0 +1,17 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
+
+
+export const TableList1Config: ConfigType = {
+ key: 'TableList1',
+ chartKey: 'VTableList1',
+ conKey: 'VCTableList1',
+ // // VCD开头
+ // conDataKey: 'VCDTableList1',
+ title: '列表',
+ category: ChatCategoryEnum.TABLE,
+ categoryName: ChatCategoryEnumName.TABLE,
+ package: PackagesCategoryEnum.TABLES,
+ chartFrame: ChartFrameEnum.COMMON,
+ image: 'TableList1.png'
+}
diff --git a/src/packages/components/Tables/Tables/TableList1/index.vue b/src/packages/components/Tables/Tables/TableList1/index.vue
new file mode 100644
index 00000000..cf5fa0bb
--- /dev/null
+++ b/src/packages/components/Tables/Tables/TableList1/index.vue
@@ -0,0 +1,169 @@
+
+
-
+
+
+
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Tables/Tables/TableScrollBoard/index.vue b/src/packages/components/Tables/Tables/TableScrollBoard/index.vue
index 669be3ed..7ef8e963 100644
--- a/src/packages/components/Tables/Tables/TableScrollBoard/index.vue
+++ b/src/packages/components/Tables/Tables/TableScrollBoard/index.vue
@@ -5,16 +5,17 @@
v-if="status.header.length && status.mergedConfig"
:style="`background-color: ${status.mergedConfig.headerBGC};`"
>
+
@@ -48,12 +49,13 @@
+
+
\ No newline at end of file
diff --git a/src/packages/components/Tables/Tables/TablesBasic/index.vue b/src/packages/components/Tables/Tables/TablesBasic/index.vue
index f3580744..ed33c90a 100644
--- a/src/packages/components/Tables/Tables/TablesBasic/index.vue
+++ b/src/packages/components/Tables/Tables/TablesBasic/index.vue
@@ -1,5 +1,7 @@
-
+
+
+ {{!isScreen ? '全屏' : '退出全屏'}}
+
+
+
diff --git a/src/packages/components/Informations/Mores/Image/config.ts b/src/packages/components/Informations/Mores/Image/config.ts
index 80be43c0..05bd9e43 100644
--- a/src/packages/components/Informations/Mores/Image/config.ts
+++ b/src/packages/components/Informations/Mores/Image/config.ts
@@ -2,11 +2,11 @@ import { PublicConfigClass } from '@/packages/public'
import { CreateComponentType } from '@/packages/index.d'
import { ImageConfig } from './index'
import cloneDeep from 'lodash/cloneDeep'
-import logo from '@/assets/logo.png'
+// import logo from '@/assets/logo.png'
export const option = {
// 图片路径
- dataset: logo,
+ dataset: '',
// 适应方式
fit: 'contain',
// 圆角
diff --git a/src/packages/components/Informations/Mores/Video/SelectItem.vue b/src/packages/components/Informations/Mores/Video/SelectItem.vue
new file mode 100644
index 00000000..3fe8a8a7
--- /dev/null
+++ b/src/packages/components/Informations/Mores/Video/SelectItem.vue
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/packages/components/Informations/Mores/Video/config.ts b/src/packages/components/Informations/Mores/Video/config.ts
index 41db6a90..006000fd 100644
--- a/src/packages/components/Informations/Mores/Video/config.ts
+++ b/src/packages/components/Informations/Mores/Video/config.ts
@@ -6,7 +6,10 @@ import video from '@/assets/videos/earth.mp4'
export const option = {
// 视频路径
- dataset: video,
+ dataset: '',
+ datasetCustom: '',
+ // 视频列表
+ datasetList: [],
// 循环播放
loop: true,
// 静音
@@ -18,6 +21,11 @@ export const option = {
}
export default class Config extends PublicConfigClass implements CreateComponentType {
+ constructor() {
+ super();
+ this.styles.filterShow = true
+ this.styles.blendMode = 'screen'
+ }
public key = VideoConfig.key
public chartConfig = cloneDeep(VideoConfig)
public option = cloneDeep(option)
diff --git a/src/packages/components/Informations/Mores/Video/config.vue b/src/packages/components/Informations/Mores/Video/config.vue
index 14a5accc..4e28194c 100644
--- a/src/packages/components/Informations/Mores/Video/config.vue
+++ b/src/packages/components/Informations/Mores/Video/config.vue
@@ -2,12 +2,33 @@
- {{ option.dataset }}
+
+ {{ option.dataset }}
+
+
+ {{ dataValue }}{{ option.showUnit ? dataUnit : '' }}
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/packages/components/Tables/Tables/TableScrollBoard/config.ts b/src/packages/components/Tables/Tables/TableScrollBoard/config.ts
index f92f690b..f35e70b0 100644
--- a/src/packages/components/Tables/Tables/TableScrollBoard/config.ts
+++ b/src/packages/components/Tables/Tables/TableScrollBoard/config.ts
@@ -4,15 +4,39 @@ import { TableScrollBoardConfig } from './index'
import cloneDeep from 'lodash/cloneDeep'
import dataJson from './data.json'
+export enum AlignEnum {
+ LEFT = 'left',
+ CENTER = 'center',
+ RIGHT = 'right',
+}
+
+export type MapType = {
+ show: boolean
+ key: string
+ header: string
+ align: AlignEnum
+ columnWidth: number
+}
+
export const option = {
- header: ['列1', '列2', '列3'],
- dataset: dataJson,
- index: true,
- columnWidth: [30, 100, 100],
- align: ['center', 'right', 'right', 'right'],
+ headerConfig: [],
+ headerConfigMap: {
+ index: {
+ show: true,
+ key: '行号',
+ header: '#',
+ align: 'left',
+ columnWidth: 30,
+ }
+ },
+ // header: ['列1', '列2', '列3'],
+ dataset: { dimensions: [], source: [] },
+ // index: true,
+ // columnWidth: [],
+ // align: [],
rowNum: 5,
waitTime: 2,
- headerHeight: 35,
+ headerHeight: null,
carousel: 'single',
headerBGC: '#00BAFF',
oddRowBGC: '#003B51',
diff --git a/src/packages/components/Tables/Tables/TableScrollBoard/config.vue b/src/packages/components/Tables/Tables/TableScrollBoard/config.vue
index 1aec6363..f1107aea 100644
--- a/src/packages/components/Tables/Tables/TableScrollBoard/config.vue
+++ b/src/packages/components/Tables/Tables/TableScrollBoard/config.vue
@@ -25,21 +25,20 @@
placeholder="请输入表头高度"
>
-
+
+
+
+ ![]()
+
+ {{computeColor(item.status).label}}
+
+
+
+
+ {{item.name}}
+
+ ![]()
+
+
+ {{item[col]}}
+
+
= import.meta.glob('./components/**/config.vue', {
eager: true
})
+const configDataModules: Record = import.meta.glob('./components/**/configData.vue', {
+ eager: true
+})
const indexModules: Record = import.meta.glob('./components/**/index.vue', {
eager: true
})
@@ -23,7 +27,8 @@ export let packagesList: PackagesType = {
[PackagesCategoryEnum.TABLES]: TableList,
[PackagesCategoryEnum.DECORATES]: DecorateList,
[PackagesCategoryEnum.PHOTOS]: PhotoList,
- [PackagesCategoryEnum.ICONS]: IconList
+ [PackagesCategoryEnum.ICONS]: IconList,
+ [PackagesCategoryEnum.CUSTOMCOMPONENTS]: CustomComponentsList,
}
// 组件缓存, 可以大幅度提升组件加载速度
@@ -55,10 +60,15 @@ export const createComponent = async (targetData: ConfigType) => {
/**
* * 获取组件
* @param {string} chartName 名称
- * @param {FetchComFlagType} flag 标识 0为展示组件, 1为配置组件
+ * @param {FetchComFlagType} flag 标识 0为展示组件, 1为配置组件 2为配置数据tab组件
*/
const fetchComponent = (chartName: string, flag: FetchComFlagType) => {
- const module = flag === FetchComFlagType.VIEW ? indexModules : configModules
+ let map = {
+ [FetchComFlagType.VIEW]: indexModules,
+ [FetchComFlagType.CONFIG]: configModules,
+ [FetchComFlagType.CONFIGDATA]: configDataModules,
+ }
+ const module = map[flag]
for (const key in module) {
const urlSplit = key.split('/')
if (urlSplit[urlSplit.length - 2] === chartName) {
@@ -85,6 +95,15 @@ export const fetchConfigComponent = (dropData: ConfigType) => {
return fetchComponent(key, FetchComFlagType.CONFIG)?.default
}
+/**
+ * * 获取配置数据tab组件
+ * @param {ConfigType} dropData 配置项
+ */
+export const fetchConfigDataComponent = (dropData: ConfigType) => {
+ const { key } = dropData
+ return fetchComponent(key, FetchComFlagType.CONFIGDATA)?.default
+}
+
/**
* * 获取图片内容
* @param {ConfigType} targetData 配置项
diff --git a/src/packages/public/chart.ts b/src/packages/public/chart.ts
index e323542e..20eb06ee 100644
--- a/src/packages/public/chart.ts
+++ b/src/packages/public/chart.ts
@@ -12,6 +12,7 @@ import type VChart from 'vue-echarts'
* @returns object
*/
export const mergeTheme = (option: T, themeSetting: U, includes: string[]) => {
+
return (option = merge({}, pick(themeSetting, includes), option))
}
@@ -43,6 +44,7 @@ export const setData = (option: any, data: EchartsDataType) => {
export const setOption = (instance: T, data: D, notMerge = true) => {
if (!instance) return
const option = instance.getOption()
+ if(!option) return
option.dataset = null
instance.setOption(data, {
notMerge: notMerge
diff --git a/src/packages/public/publicConfig.ts b/src/packages/public/publicConfig.ts
index 2a21d71d..ab45b9eb 100644
--- a/src/packages/public/publicConfig.ts
+++ b/src/packages/public/publicConfig.ts
@@ -1,7 +1,10 @@
import { getUUID } from '@/utils'
-import { RequestConfigType } from '@/store/modules/chartEditStore/chartEditStore.d'
+import { RequestConfigType, commonDataType, CustomEventType, CurrentSourceEnum, DateTypeEnum } from '@/store/modules/chartEditStore/chartEditStore.d'
import { groupTitle } from '@/settings/designSetting'
import { BaseEvent, EventLife } from '@/enums/eventEnum'
+import dataJson from '@/hooks/commonDataComponents/data.json'
+import singleDataJson from '@/hooks/commonDataComponents/singleData.json'
+
import {
RequestHttpEnum,
RequestDataTypeEnum,
@@ -12,6 +15,7 @@ import {
import {
ChartFrameEnum,
PublicConfigType,
+ PublicConfigAttrType,
CreateComponentType,
CreateComponentGroupType
} from '@/packages/index.d'
@@ -20,10 +24,12 @@ import cloneDeep from 'lodash/cloneDeep'
// 请求基础属性
export const requestConfig: RequestConfigType = {
+ fetchInterval:null,
+ immediate:false,
requestDataType: RequestDataTypeEnum.STATIC,
requestHttpType: RequestHttpEnum.GET,
requestUrl: '',
- requestInterval: undefined,
+ requestInterval: 15,
requestIntervalUnit: RequestHttpIntervalEnum.SECOND,
requestContentType: RequestContentTypeEnum.DEFAULT,
requestParamsBodyType: RequestBodyEnum.NONE,
@@ -39,6 +45,112 @@ export const requestConfig: RequestConfigType = {
},
Header: {},
Params: {}
+ },
+ requestBodyJSONPre: {
+ enable: false,
+ handler: ''
+ }
+}
+
+const commonData: commonDataType = {
+ currentSource: CurrentSourceEnum.POINTHISTORY,
+ queryParams:{},
+ dataLength: null,
+ areaDevCount: {
+ enable: false,
+ dataSource: '',
+ space_complete_id:'',
+ device_codes:''
+ },
+ assetsClass: {
+ enable: false,
+ dataSource: '',
+ device_codes:''
+ },
+ pointHistory: {
+ enable: false,
+ methods: [],
+ dems_device_points_uid: [],
+ dateType: DateTypeEnum.DAY
+ },
+ energyUseHistory: {
+ enable: false,
+ strategy_ids: [],
+ dateType: DateTypeEnum.DAY
+ },
+ recordValueHistory: {
+ enable: false,
+ policy: [],
+ strategy_ids: [],
+ dateType: DateTypeEnum.DAY
+ },
+ pointRealTime: {
+ enable: false,
+ point_uid: [],
+ limit: 10,
+ with_device_name: false,
+ space_complete_name_prefix: false,
+ },
+ monthAlarmClass: {
+ enable: false,
+ confirm_statuses: ['ok', 'not'],
+ recovery_statuses: ['ok', 'not'],
+ levels: [1, 2, 3, 4],
+ space_complete_id: ''
+ },
+ deviceClass: {
+ enable: false,
+ space_complete_id: ''
+ },
+
+ companyTempTop: {
+ enable: false,
+ signal_ids:'131240020010',
+ space_complete_id: '.7.9.70.',
+ spaceLevel: 2,
+ },
+ alarmTrend: {
+ enable: false,
+ signal_ids:'131240020010',
+ alarmConfirmStatus:['ok','not'],
+ alarmRecoveryStatus:['ok','not'],
+ level:[1, 2, 3, 4, 5]
+ },
+ pointTable: {
+ enable: false,
+ ids: []
+ },
+ categoryBrandCountTable: {
+ enable: false,
+ currentSource:'',
+ device_codes:''
+ },
+ singlePoint: {
+ enable: false,
+ pointId: '',
+ result: {
+ name: '',
+ status: null,
+ time: '',
+ unit: '',
+ value: 0
+ }
+ },
+ manualInput: {
+ enable: false,
+ dataset: {...dataJson}
+ },
+ manualInputSingle: {
+ enable: false,
+ result: {...singleDataJson}
+ }
+}
+
+const customEvent: CustomEventType = {
+ click: {
+ linkHead: 'http://',
+ link: '',
+ isBlank: false
}
}
@@ -47,7 +159,7 @@ export class PublicConfigClass implements PublicConfigType {
public id = getUUID()
public isGroup = false
// 基本信息
- public attr = { ...chartInitConfig, zIndex: -1 }
+ public attr = { ...chartInitConfig, zIndex: -1 } as PublicConfigAttrType
// 基本样式
public styles = {
// 使用滤镜
@@ -90,8 +202,14 @@ export class PublicConfigClass implements PublicConfigType {
// 请求
public request = cloneDeep(requestConfig)
// 数据过滤
- public filter = undefined
- // 事件
+ public filter: undefined | string = undefined
+ // 通用数据 与 自定义数据对应
+ public commonData = cloneDeep(commonData)
+ // 自定义数据 configData组件会用到
+ public customData = {}
+ // 自定义事件
+ public customEvent = cloneDeep(customEvent)
+ // 事件 不用了
public events = {
baseEvent: {
[BaseEvent.ON_CLICK]: undefined,
diff --git a/src/plugins/icon.ts b/src/plugins/icon.ts
index f6864210..bdf0c97b 100644
--- a/src/plugins/icon.ts
+++ b/src/plugins/icon.ts
@@ -103,9 +103,29 @@ import {
Carbon3DSoftware as Carbon3DSoftwareIcon,
Filter as FilterIcon,
FilterEdit as FilterEditIcon,
- Laptop as LaptopIcon
+ Laptop as LaptopIcon,
+ AreaCustom as AreaCustomIcon,
+ Location as LocationIcon
} from '@vicons/carbon'
+import {
+ Apps20Regular as Apps20RegularIcon,
+ AlignSpaceEvenlyHorizontal20Filled as AlignSpaceEvenlyHorizontal20FilledIcon,
+ AlignSpaceEvenlyVertical20Filled as AlignSpaceEvenlyVertical20FilledIcon,
+ PlayCircle16Filled as PlayCircle16FilledIcon
+} from '@vicons/fluent'
+
+import {
+ AssignmentTurnedInRound as AssignmentTurnedInRoundIcon,
+ CheckCircleOutlined as CheckCircleOutlinedIcon,
+ InsertPhotoSharp as InsertPhotoSharpIcon,
+ AccessTimeFilled as AccessTimeFilledIcon,
+} from '@vicons/material'
+
+import {
+ Spinner as SpinnerIcon
+} from '@vicons/fa'
+
const ionicons5 = {
// 新增
AddIcon,
@@ -303,12 +323,43 @@ const carbon = {
FilterIcon,
FilterEditIcon,
// 图层
- LaptopIcon
+ LaptopIcon,
+ // 自定义
+ AreaCustomIcon,
+ // 地点
+ LocationIcon,
+}
+
+const fluent = {
+ // 主题
+ Apps20RegularIcon,
+ AlignSpaceEvenlyHorizontal20FilledIcon,
+ AlignSpaceEvenlyVertical20FilledIcon,
+ // 视频播放
+ PlayCircle16FilledIcon,
+}
+
+const material = {
+ // 批量确认
+ AssignmentTurnedInRoundIcon,
+ // 圆圈 勾
+ CheckCircleOutlinedIcon,
+ // 背景图
+ InsertPhotoSharpIcon,
+ // 时间
+ AccessTimeFilledIcon,
+}
+
+const fa = {
+ SpinnerIcon
}
// https://www.xicons.org/#/ 还有很多
export const icon = {
ionicons5,
- carbon
+ carbon,
+ fluent,
+ material,
+ fa
}
diff --git a/src/plugins/naive.ts b/src/plugins/naive.ts
index 0d004df7..b72ba36e 100644
--- a/src/plugins/naive.ts
+++ b/src/plugins/naive.ts
@@ -68,6 +68,7 @@ import {
NSelect,
NSlider,
NRadioGroup,
+ NRadioButton,
NRadio,
NSteps,
NStep,
@@ -172,6 +173,7 @@ const naive = create({
NSlider,
NSelect,
NRadioGroup,
+ NRadioButton,
NRadio,
NSteps,
NStep,
diff --git a/src/router/index.ts b/src/router/index.ts
index c8977dda..cecd06d7 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -11,7 +11,8 @@ const RootRoute: Array = [
{
path: '/',
name: 'Root',
- redirect: PageEnum.BASE_HOME,
+ // redirect: PageEnum.BASE_HOME,
+ redirect: '/chart/preview/null',
component: Layout,
meta: {
title: 'Root',
@@ -28,7 +29,7 @@ const RootRoute: Array = [
]
-export const constantRouter: any[] = [LoginRoute, ...RootRoute, ReloadRoute];
+export const constantRouter: any[] = [...RootRoute, ReloadRoute];
const router = createRouter({
history: createWebHashHistory(''),
diff --git a/src/router/router-guards.ts b/src/router/router-guards.ts
index 5c81c514..9dd54ad1 100644
--- a/src/router/router-guards.ts
+++ b/src/router/router-guards.ts
@@ -28,9 +28,9 @@ export function createRouterGuards(router: Router) {
}
// @ts-ignore
- if (!routerAllowList.includes(to.name) && !loginCheck()) {
- next({ name: PageEnum.BASE_LOGIN_NAME })
- }
+ // if (!routerAllowList.includes(to.name) && !loginCheck()) {
+ // next({ name: PageEnum.BASE_LOGIN_NAME })
+ // }
next()
})
@@ -44,4 +44,4 @@ export function createRouterGuards(router: Router) {
router.onError((error) => {
console.log(error, '路由错误');
});
-}
\ No newline at end of file
+}
diff --git a/src/settings/chartThemes/global.theme.json b/src/settings/chartThemes/global.theme.json
index 0fd24712..c0752ac5 100644
--- a/src/settings/chartThemes/global.theme.json
+++ b/src/settings/chartThemes/global.theme.json
@@ -47,48 +47,89 @@
}
}
},
- "yAxis": {
- "show": true,
- "name": "",
- "nameGap": 15,
- "nameTextStyle": {
- "color": "#B9B8CE",
- "fontSize": 12
- },
- "inverse": false,
- "axisLabel": {
+ "yAxis": [
+ {
"show": true,
- "fontSize": 12,
- "color": "#B9B8CE",
- "rotate": 0
- },
- "position": "left",
- "axisLine": {
- "show": true,
- "lineStyle": {
+ "name": "",
+ "nameGap": 15,
+ "nameTextStyle": {
"color": "#B9B8CE",
- "width": 1
+ "fontSize": 12
},
- "onZero": true
+ "inverse": false,
+ "axisLabel": {
+ "show": true,
+ "fontSize": 12,
+ "color": "#B9B8CE",
+ "rotate": 0
+ },
+ "position": "left",
+ "axisLine": {
+ "show": true,
+ "lineStyle": {
+ "color": "#B9B8CE",
+ "width": 1
+ },
+ "onZero": true
+ },
+ "axisTick": {
+ "show": true,
+ "length": 5
+ },
+ "splitLine": {
+ "show": true,
+ "lineStyle": {
+ "color": "#484753",
+ "width": 1,
+ "type": "solid"
+ }
+ }
},
- "axisTick": {
- "show": true,
- "length": 5
- },
- "splitLine": {
- "show": true,
- "lineStyle": {
- "color": "#484753",
- "width": 1,
- "type": "solid"
+ {
+ "show": false,
+ "name": "",
+ "nameGap": 15,
+ "nameTextStyle": {
+ "color": "#B9B8CE",
+ "fontSize": 12
+ },
+ "inverse": false,
+ "axisLabel": {
+ "show": true,
+ "fontSize": 12,
+ "color": "#B9B8CE",
+ "rotate": 0
+ },
+ "position": "right",
+ "axisLine": {
+ "show": true,
+ "lineStyle": {
+ "color": "#B9B8CE",
+ "width": 1
+ },
+ "onZero": true
+ },
+ "axisTick": {
+ "show": true,
+ "length": 5
+ },
+ "splitLine": {
+ "show": false,
+ "lineStyle": {
+ "color": "#484753",
+ "width": 1,
+ "type": "solid"
+ }
}
}
- },
+ ],
"legend": {
"show": true,
"type": "scroll",
"x": "center",
"y": "top",
+ "top": 0,
+ "right": 10,
"icon": "circle",
"orient": "horizontal",
"textStyle": {
diff --git a/src/settings/designSetting.ts b/src/settings/designSetting.ts
index d49ecfb9..aa5bbb10 100644
--- a/src/settings/designSetting.ts
+++ b/src/settings/designSetting.ts
@@ -6,7 +6,7 @@ import designColor from './designColor.json'
export const lang = LangEnum.ZH
// 水印文字
-export const watermarkText = "GoView 低代码平台"
+export const watermarkText = ""
// 分组名称
export const groupTitle = "分组"
@@ -52,8 +52,11 @@ export const carouselInterval = 4000
// 工作台大屏背景图片大小限制（5M）
export const backgroundImageSize = 5
+// 工作台视频组件大小限制（500M）
+export const videoSize = 500
+
// 预览展示方式
-export const previewScaleType = PreviewScaleEnum.FIT
+export const previewScaleType = PreviewScaleEnum.SCROLL_Y
// 编辑工作台同步到 JSON 的轮询间隔（5S）
export const editToJsonInterval = 5000
diff --git a/src/settings/httpSetting.ts b/src/settings/httpSetting.ts
index 9e9334bf..b784187c 100644
--- a/src/settings/httpSetting.ts
+++ b/src/settings/httpSetting.ts
@@ -1,2 +1,2 @@
// 请求前缀
-export const axiosPre = '/api/goview'
\ No newline at end of file
+export const axiosPre = '/'
diff --git a/src/store/modules/chartEditStore/chartEditStore.d.ts b/src/store/modules/chartEditStore/chartEditStore.d.ts
index 2c4e3709..7ad5753e 100644
--- a/src/store/modules/chartEditStore/chartEditStore.d.ts
+++ b/src/store/modules/chartEditStore/chartEditStore.d.ts
@@ -130,7 +130,7 @@ export type EditCanvasConfigType = {
// 图表主题颜色
[EditCanvasConfigEnum.CHART_THEME_COLOR]: ChartColorsNameType
// 自定义图表主题颜色
- [EditCanvasConfigEnum.CHART_CUSTOM_THEME_COLOR_INFO]?: CustomColorsType[]
+ [EditCanvasConfigEnum.CHART_CUSTOM_THEME_COLOR_INFO]?: CustomColorsType[]
// 图表全局配置
[EditCanvasConfigEnum.CHART_THEME_SETTING]: GlobalThemeJsonType
// 图表主题颜色
@@ -214,6 +214,10 @@ export interface RequestGlobalConfigType extends RequestPublicConfigType {
// 单个图表请求配置
export interface RequestConfigType extends RequestPublicConfigType {
+ // 请求的定时器
+ fetchInterval?:any
+ // 是否立即执行
+ immediate?:boolean
// 所选全局数据池的对应 id
requestDataPondId?: string
// 组件定制轮询时间
@@ -232,6 +236,224 @@ export interface RequestConfigType extends RequestPublicConfigType {
requestSQLContent: {
sql: string
}
+ requestBodyJSONPre: {
+ enable: boolean
+ handler: string
+ }
+}
+
+export enum MethodsTypeEnum {
+ AVG = 'avg',
+ MIN = 'min',
+ MAX = 'max'
+}
+
+export enum DateTypeEnum {
+ DAY = 'day',
+ MONTH = 'month',
+ YEAR = 'year'
+}
+
+// common数据源选项
+export enum CurrentSourceEnum {
+ // 测点历史
+ POINTHISTORY = 'pointHistory',
+ // 能耗历史
+ ENERGYUSEHISTORY = 'energyUseHistory',
+ // 记录值历史
+ RECORDVALUEHISTORY = 'recordValueHistory',
+ // 测点实时值
+ POINTREALTIME = 'pointRealTime',
+ // 单测点实时值
+ SINGLEPOINT = 'singlePoint',
+ // 设备分类统计
+ DEVICECLASS = 'deviceClass',
+ // 设备分类统计
+ ASSETSCLASS = 'assetsClass',
+ // 局房温度Top10
+ COMPANYTEMPTOP = 'companyTempTop',
+ // 局房温度Top10
+ ALARMTREND = 'alarmTrend',
+ // 区域设备个数
+ AREADEVCOUNT = 'areaDevCount',
+ // 当月告警分类统计
+ MONTHALARMCLASS = 'monthAlarmClass',
+ // 测点表格
+ POINTTABLE = 'pointTable',
+ // 测点表格
+ CATEGORYBRANDCOUNTTABLE = 'categoryBrandCountTable',
+ // 手动输入
+ MANUALINPUT = 'manualInput',
+ // 手动输入(单值)
+ MANUALINPUTSINGLE = 'manualInputSingle',
+}
+
+// 测点历史参数
+export interface PointHistoryType {
+ enable: boolean
+ methods: MethodsTypeEnum[]
+ dems_device_points_uid: string[]
+ dateType: DateTypeEnum
+}
+
+// 能耗历史参数
+export interface EnergyUseHistoryType {
+ enable: boolean
+ strategy_ids: (number | null)[]
+ dateType: DateTypeEnum
+}
+
+export enum PolicyTypeEnum {
+ AVG = 3,
+ MIN = 0,
+ MAX = 1
+}
+
+// 记录值历史参数
+export interface RecordValueHistoryType {
+ enable: boolean
+ policy: PolicyTypeEnum[]
+ strategy_ids: (number | null)[]
+ dateType: DateTypeEnum
+}
+
+// 测点实时值参数
+export interface PointRealTimeType {
+ enable: boolean
+ point_uid: string[]
+ limit: number
+ with_device_name: boolean
+ space_complete_name_prefix: boolean
+}
+
+export interface resultType {
+ name: string
+ status: number | null
+ time: string
+ unit: string
+ value: number | null
+}
+
+// 单测点实时值
+export interface SinglePointType {
+ enable: boolean
+ pointId: string
+ result: resultType
+}
+
+// 设备分类统计 无参数类型
+export interface NoParamsType {
+ enable: boolean
+}
+
+// 当月告警分类统计
+export interface MonthAlarmClassType {
+ enable: boolean
+ confirm_statuses: string[]
+ recovery_statuses: string[]
+ levels: number[]
+ space_complete_id: string
+}
+
+// 设备分类统计
+export interface DeviceClassType {
+ enable: boolean
+ space_complete_id: string
+}
+// 统计
+export interface AssetsClassType {
+ enable: boolean
+ dataSource: string
+ device_codes:string
+}
+// 局房温度Top10
+export interface CompanyTempTopType {
+ enable: boolean
+ space_complete_id: string
+ signal_ids:string
+ spaceLevel:number
+
+}
+// 告警趋势
+export interface AlarmTrendType {
+ enable: boolean
+ signal_ids:string
+ alarmConfirmStatus:string[]
+ alarmRecoveryStatus:string[]
+ level:number[]
+
+}
+export interface AreaDevCountType {
+ enable: boolean
+ dataSource: string
+ space_complete_id:string
+ device_codes:string
+}
+
+// 测点表格值
+export interface PointTableType {
+ enable: boolean
+ ids: string[]
+}
+export interface CategoryBrandCountTableType {
+ enable: boolean
+ currentSource: string
+ device_codes:string
+}
+
+// 手动输入值
+export interface ManualInputType {
+ enable: boolean
+ dataset: {
+ dimensions: string[],
+ source: {
+ [k: string]: any
+ }
+ }
+}
+
+// 手动输入值(单值)
+export interface ManualInputSingleType {
+ enable: boolean
+ result: resultType
+}
+
+// 通用组件数据
+export interface commonDataType {
+ // 多数据
+ currentSource: CurrentSourceEnum
+ // 公共接口参数
+ queryParams:any
+ dataLength: number | null
+ pointHistory: PointHistoryType
+ energyUseHistory: EnergyUseHistoryType
+ recordValueHistory: RecordValueHistoryType
+ pointRealTime: PointRealTimeType
+ monthAlarmClass: MonthAlarmClassType
+ pointTable: PointTableType
+ categoryBrandCountTable: CategoryBrandCountTableType
+ // 多数据无参数
+ // 设备分类统计
+ deviceClass: DeviceClassType
+ assetsClass: AssetsClassType
+ companyTempTop: CompanyTempTopType
+ alarmTrend: AlarmTrendType
+ areaDevCount: AreaDevCountType
+ // 单数据
+ singlePoint: SinglePointType
+ // 手动输入
+ manualInput: ManualInputType
+ // 手动输入(单值)
+ manualInputSingle: ManualInputSingleType
+}
+
+// customEvent事件
+export interface CustomEventType {
+ click: {
+ linkHead: 'http://' | 'https://' | '/'
+ link: string
+ isBlank: boolean
+ }
}
// Store 类型
diff --git a/src/store/modules/chartEditStore/chartEditStore.ts b/src/store/modules/chartEditStore/chartEditStore.ts
index 9b479ab4..5f94c061 100644
--- a/src/store/modules/chartEditStore/chartEditStore.ts
+++ b/src/store/modules/chartEditStore/chartEditStore.ts
@@ -341,6 +341,22 @@ export const useChartEditStore = defineStore({
if (isHistory) {
chartHistoryStore.createAddHistory([componentInstance])
}
+ let isAfterBGInsert = !!componentInstance.attr.isAfterBGInsert
+ if(isAfterBGInsert) {
+ let index = this.componentList.length
+ this.componentList.forEach((item, i) => {
+ if(item.chartConfig.key === 'Backgrounds') index = i + 1
+ })
+ this.componentList.splice(index, 0, componentInstance)
+ return
+ }
+ let isBeforeEngineerging = !!componentInstance.attr.isBeforeEngineerging
+ if(isBeforeEngineerging) {
+ let index = this.componentList.findIndex(_ => _.chartConfig.key === 'EngineeringConfig')
+ index = index > -1 ? index : 0
+ this.componentList.splice(index, 0, componentInstance)
+ return
+ }
if (isHead) {
this.componentList.unshift(componentInstance)
return
@@ -892,6 +908,16 @@ export const useChartEditStore = defineStore({
loadingFinish()
}
},
+ // * 水平对齐
+ setHAlign(id: string[], isHistory = true) {
+ try {
+ const selectIds = this.idPreFormat(id) || this.getTargetChart.selectId
+ if (selectIds.length < 2) return
+ console.log(selectIds)
+ } catch(e) {
+ console.log(e)
+ }
+ },
// * 锁定
setLock(status: boolean = true, isHistory: boolean = true) {
try {
diff --git a/src/store/modules/globalQueryParamsStore/globalQueryParamsStore.ts b/src/store/modules/globalQueryParamsStore/globalQueryParamsStore.ts
new file mode 100644
index 00000000..656f5b03
--- /dev/null
+++ b/src/store/modules/globalQueryParamsStore/globalQueryParamsStore.ts
@@ -0,0 +1,37 @@
+import { defineStore } from 'pinia'
+import { cloneDeep } from 'lodash'
+
+export const useGlobalQueryParamsStore = defineStore({
+ id: 'useGlobalQueryParamsStore',
+ state: () => ({
+ queryParams: {},
+ areaDevCountQueryParams:{}
+ }),
+ getters: {
+ getGlobalQueryParams():{[k:string]: any} {
+ return this.queryParams
+ },
+ getAreaDevCountQueryParams():{[k:string]: any} {
+ return this.areaDevCountQueryParams
+ }
+ },
+ actions: {
+ setGlobalQueryParams(queryParams: {[k:string]: any}, merge: boolean = true) {
+ if(merge) {
+ this.queryParams = cloneDeep(queryParams)
+ }
+ else {
+ Object.assign(this.queryParams, queryParams)
+ }
+ },
+ setAreaDevCountQueryParams(areaDevCountQueryParams: {[k:string]: any}, merge: boolean = true) {
+ if(merge) {
+ this.areaDevCountQueryParams = cloneDeep(areaDevCountQueryParams)
+ }
+ else {
+ Object.assign(this.areaDevCountQueryParams, areaDevCountQueryParams)
+ }
+ },
+
+ }
+})
diff --git a/src/store/modules/modalStore/modalStore.ts b/src/store/modules/modalStore/modalStore.ts
new file mode 100644
index 00000000..21b9be27
--- /dev/null
+++ b/src/store/modules/modalStore/modalStore.ts
@@ -0,0 +1,30 @@
+import { defineStore } from 'pinia'
+
+export const useModalStore = defineStore({
+ id: 'useModalStore',
+ state: () => ({
+ showModal: false,
+ title: '',
+ content: '',
+ positiveText: '',
+ negativeText: '',
+ positiveClick: () => {},
+ negativeClick: () => {},
+ }) as Record,
+ actions: {
+ setModalStore(obj: Record) {
+ for(let k in obj) {
+ this[k] = obj[k]
+ }
+ },
+ clear() {
+ this.showModal = false
+ this.title = ''
+ this.content = ''
+ this.positiveText = ''
+ this.negativeText = ''
+ this.positiveClick = () => {}
+ this.negativeClick = () => {}
+ }
+ }
+})
diff --git a/src/store/modules/originStore/originStore.ts b/src/store/modules/originStore/originStore.ts
new file mode 100644
index 00000000..5bec992e
--- /dev/null
+++ b/src/store/modules/originStore/originStore.ts
@@ -0,0 +1,24 @@
+import { defineStore } from 'pinia'
+import { cloneDeep } from 'lodash'
+
+export const useOriginStore = defineStore({
+ id: 'useOriginStore',
+ state: () => ({
+ originStore: {}
+ }),
+ getters: {
+ getOriginStore():{[k:string]: any} {
+ return this.originStore
+ }
+ },
+ actions: {
+ setOriginStore(originStore: {[k:string]: any}, merge: boolean = true) {
+ if(merge) {
+ this.originStore = cloneDeep(originStore)
+ }
+ else {
+ Object.assign(this.originStore, originStore)
+ }
+ }
+ }
+})
diff --git a/src/store/modules/routerStore/routerStore.ts b/src/store/modules/routerStore/routerStore.ts
new file mode 100644
index 00000000..5297bfb9
--- /dev/null
+++ b/src/store/modules/routerStore/routerStore.ts
@@ -0,0 +1,23 @@
+import { defineStore } from 'pinia'
+
+export const useRouterStore = defineStore({
+ id: 'useRouterStore',
+ state: () => ({
+ // 为true是router交给parent调用自身不跳转 为false使用自身路由
+ callByParent: false,
+ token: null as null | string,
+ }),
+ getters: {
+ getCallByParent():boolean {
+ return this.callByParent
+ }
+ },
+ actions: {
+ setCallByParent(callByParent: boolean) {
+ this.callByParent = callByParent
+ },
+ setToken(v: string | null) {
+ this.token = v
+ }
+ }
+})
diff --git a/src/styles/common/format.scss b/src/styles/common/format.scss
index 8fefec95..ef6c0973 100644
--- a/src/styles/common/format.scss
+++ b/src/styles/common/format.scss
@@ -18,6 +18,6 @@ body {
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
border-radius: 4px;
- background: #a3a3a3;
+ background: #294C79;
}
diff --git a/src/utils/aboutHtml2Canvas.ts b/src/utils/aboutHtml2Canvas.ts
new file mode 100644
index 00000000..89c0ad7a
--- /dev/null
+++ b/src/utils/aboutHtml2Canvas.ts
@@ -0,0 +1,11 @@
+import { throttle } from 'lodash'
+
+// 监听元素的宽高变化
+export const ResizeObserverELE = (callback = (w:number, h:number) => {}) => {
+ return new ResizeObserver(throttle((entries) => {
+ for (let entry of entries) {
+ const { width:w, height:h } = entry.contentRect;
+ callback(w, h)
+ }
+ }, 200));
+}
diff --git a/src/utils/echarts.ts b/src/utils/echarts.ts
new file mode 100644
index 00000000..2f35509e
--- /dev/null
+++ b/src/utils/echarts.ts
@@ -0,0 +1,11 @@
+// 设置position 判断超出页面时进行补偿
+// x,y 组件的相对画布的偏移量 也就是attr.x attr.y
+export const setTooltipPosition = (attr: { x: number, y: number }) => {
+ const { x, y } = attr
+ return (point: number[], params:unknown, dom:unknown, rect:unknown, size: { contentSize: number[] }) => {
+ return [
+ x + point[0] - size.contentSize[0] > 0 ? point[0] - size.contentSize[0] : point[0],
+ y + point[1] - size.contentSize[1] > 0 ? point[1] - size.contentSize[1] : point[1]
+ ]
+ }
+}
\ No newline at end of file
diff --git a/src/utils/index.ts b/src/utils/index.ts
index 3f015786..0ed5b070 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -7,4 +7,6 @@ export * from '@/utils/plugin'
export * from '@/utils/components'
export * from '@/utils/type'
export * from '@/utils/file'
-export * from '@/utils/http'
\ No newline at end of file
+export * from '@/utils/http'
+export * from '@/utils/aboutHtml2Canvas'
+export * from '@/utils/echarts'
\ No newline at end of file
diff --git a/src/utils/router.ts b/src/utils/router.ts
index 006b2f76..d960a555 100644
--- a/src/utils/router.ts
+++ b/src/utils/router.ts
@@ -7,6 +7,8 @@ import { StorageEnum } from '@/enums/storageEnum'
import { clearLocalStorage, getLocalStorage, clearCookie } from './storage'
import router from '@/router'
import { logoutApi } from '@/api/path'
+import { useRouterStore } from '@/store/modules/routerStore/routerStore'
+import { onMounted } from 'vue'
/**
* * 根据名字跳转路由
@@ -59,15 +61,31 @@ export const fetchPathByName = (pageName: string, p?: string) => {
* @param windowOpen
*/
export const routerTurnByPath = (
- path: string,
- query?: Array,
- isReplace?: boolean,
- windowOpen?: boolean
+ path: string,
+ query?: Array,
+ isReplace?: boolean,
+ windowOpen?: boolean,
+ isCallByParent?: boolean
) => {
let fullPath = ''
if (query?.length) {
fullPath = `${path}/${query.join('/')}`
}
+ const routerStore:any = useRouterStore()
+ if (routerStore && routerStore.getCallByParent) {
+ // 获取父页面的 window 对象
+ var parentWindow = window.parent;
+ const message = {
+ // 属于哪个页面
+ page: 'customLargeScreen',
+ // 属于什么类型
+ type: 'changeRouter',
+ url: fullPath,
+ openNew: windowOpen ? 1 : 0
+ }
+ parentWindow.postMessage(JSON.stringify(message), '*');
+ return
+ }
if (windowOpen) {
return openNewWindow(fullPath)
}
@@ -182,6 +200,20 @@ export const fetchRouteParamsLocation = () => {
* @param confirm
*/
export const goHome = () => {
+ // 跳回原系统
+ const routerStore:any = useRouterStore()
+ if (routerStore && routerStore.getCallByParent) {
+ // 获取父页面的 window 对象
+ var parentWindow = window.parent;
+ const message = {
+ // 属于哪个页面
+ page: 'customLargeScreen',
+ // 属于什么类型
+ type: 'goHome',
+ }
+ parentWindow.postMessage(JSON.stringify(message), '*');
+ return
+ }
routerTurnByName(PageEnum.BASE_HOME_NAME)
}
@@ -204,11 +236,11 @@ export const loginCheck = () => {
/**
* * 预览地址
- * @returns
+ * @returns
*/
- export const previewPath = (id?: string | number) => {
+export const previewPath = (id?: string | number) => {
const { origin, pathname } = document.location
const path = fetchPathByName(PreviewEnum.CHART_PREVIEW_NAME, 'href')
const previewPath = `${origin}${pathname}${path}/${id || fetchRouteParamsLocation()}`
return previewPath
-}
\ No newline at end of file
+}
diff --git a/src/utils/utils.ts b/src/utils/utils.ts
index feaf7e88..4f7a52e5 100644
--- a/src/utils/utils.ts
+++ b/src/utils/utils.ts
@@ -1,4 +1,4 @@
-import { h } from 'vue'
+import { h, onMounted, onUnmounted } from 'vue'
import { NIcon } from 'naive-ui'
import screenfull from 'screenfull'
import throttle from 'lodash/throttle'
@@ -11,6 +11,7 @@ import { WinKeyboard } from '@/enums/editPageEnum'
import { RequestHttpIntervalEnum, RequestParamsObjType } from '@/enums/httpEnum'
import { CreateComponentType, CreateComponentGroupType } from '@/packages/index.d'
import { excludeParseEventKeyList, excludeParseEventValueList } from '@/enums/eventEnum'
+import {useRouterStore} from "@/store/modules/routerStore/routerStore";
/**
* * 判断是否是开发环境
@@ -274,11 +275,15 @@ export const setKeyboardDressShow = (keyCode?: number) => {
* @param data
*/
export const JSONStringify = (data: T) => {
+ console.log(data,'data')
return JSON.stringify(
data,
(key, val) => {
// 处理函数丢失问题
if (typeof val === 'function') {
+ console.log(key,'key')
+ console.log(val,'val')
+
return `${val}`
}
// 处理 undefined 丢失问题
@@ -349,4 +354,37 @@ export const addWindowUnload = () => {
return () => {
window.onbeforeunload = null
}
-}
\ No newline at end of file
+}
+
+/**
+ * 向父页面发送消息
+ */
+export const postMessageToParent = (obj = {}) => {
+ const message = {
+ page: 'customLargeScreen',
+ ...obj
+ }
+ window.parent.postMessage(JSON.stringify(message), '*');
+}
+
+/**
+ * 从父页面发送并接收消息
+ */
+export const useGetMessageByParent = () => {
+ const getMessageByParent = (type = '', cb = (e:any) => {}) => {
+ onMounted(() => {
+ window.addEventListener('message', cb);
+ let obj = {
+ page: 'customLargeScreen',
+ type
+ }
+ window.parent.postMessage(JSON.stringify(obj), '*');
+ })
+ onUnmounted(() => {
+ window.removeEventListener('message', cb);
+ })
+ }
+ return {
+ getMessageByParent
+ }
+}
diff --git a/src/views/chart/ContentCharts/components/ChartsItemBox/index.vue b/src/views/chart/ContentCharts/components/ChartsItemBox/index.vue
index 227892b9..ac6cd596 100644
--- a/src/views/chart/ContentCharts/components/ChartsItemBox/index.vue
+++ b/src/views/chart/ContentCharts/components/ChartsItemBox/index.vue
@@ -60,7 +60,7 @@ import { useChartLayoutStore } from '@/store/modules/chartLayoutStore/chartLayou
import { usePackagesStore } from '@/store/modules/packagesStore/packagesStore'
import { componentInstall, loadingStart, loadingFinish, loadingError, JSONStringify, goDialog } from '@/utils'
import { DragKeyEnum } from '@/enums/editPageEnum'
-import { createComponent } from '@/packages'
+import {createComponent, fetchConfigDataComponent} from '@/packages'
import { ConfigType, CreateComponentType, PackagesCategoryEnum } from '@/packages/index.d'
import { ChatCategoryEnum } from '@/packages/components/Photos/index.d'
import { fetchConfigComponent, fetchChartComponent } from '@/packages/index'
@@ -99,6 +99,7 @@ const dragStartHandle = (e: DragEvent, item: ConfigType) => {
// 动态注册图表组件
componentInstall(item.chartKey, fetchChartComponent(item))
componentInstall(item.conKey, fetchConfigComponent(item))
+ if(item.conDataKey) componentInstall(item.conDataKey, fetchConfigDataComponent(item))
// 将配置项绑定到拖拽属性上
e!.dataTransfer!.setData(DragKeyEnum.DRAG_KEY, JSONStringify(omit(item, ['image'])))
// 修改状态
@@ -118,19 +119,24 @@ const dblclickHandle = async (item: ConfigType) => {
// 动态注册图表组件
componentInstall(item.chartKey, fetchChartComponent(item))
componentInstall(item.conKey, fetchConfigComponent(item))
+ if(item.conDataKey) componentInstall(item.conDataKey, fetchConfigDataComponent(item))
// 创建新图表组件
let newComponent: CreateComponentType = await createComponent(item)
if (item.redirectComponent) {
item.dataset && (newComponent.option.dataset = item.dataset)
+ if(!newComponent.chartConfig.image && item.dataset) newComponent.chartConfig.image = item.dataset
newComponent.chartConfig.title = item.title
newComponent.chartConfig.chartFrame = item.chartFrame
}
+ // 组件置底插入
+ // let isHead = !!newComponent.attr.isHeadInsert
// 添加
chartEditStore.addComponentList(newComponent, false, true)
// 选中
chartEditStore.setTargetSelectChart(newComponent.id)
loadingFinish()
} catch (error) {
+ console.log(error)
loadingError()
window['$message'].warning(`图表正在研发中, 敬请期待...`)
}
diff --git a/src/views/chart/ContentCharts/hooks/useAside.hook.ts b/src/views/chart/ContentCharts/hooks/useAside.hook.ts
index 539087ec..227bce32 100644
--- a/src/views/chart/ContentCharts/hooks/useAside.hook.ts
+++ b/src/views/chart/ContentCharts/hooks/useAside.hook.ts
@@ -7,7 +7,9 @@ import { usePackagesStore } from '@/store/modules/packagesStore/packagesStore'
import { ChartLayoutStoreEnum } from '@/store/modules/chartLayoutStore/chartLayoutStore.d'
// 图标
const { AirPlaneOutlineIcon, ImageIcon, BarChartIcon } = icon.ionicons5
-const { TableSplitIcon, RoadmapIcon, SpellCheckIcon, GraphicalDataFlowIcon } = icon.carbon
+const { TableSplitIcon, RoadmapIcon, SpellCheckIcon, GraphicalDataFlowIcon, AreaCustomIcon } = icon.carbon
+const { Apps20RegularIcon } = icon.fluent
+const { InsertPhotoSharpIcon } = icon.material
// 图表
export type MenuOptionsType = {
@@ -41,7 +43,19 @@ const packagesListObj = {
[PackagesCategoryEnum.ICONS]: {
icon: renderIcon(AirPlaneOutlineIcon),
label: PackagesCategoryName.ICONS
- }
+ },
+ // [PackagesCategoryEnum.THEMESANDLAYOUTS]: {
+ // icon: renderIcon(Apps20RegularIcon),
+ // label: PackagesCategoryName.THEMESANDLAYOUTS
+ // },
+ [PackagesCategoryEnum.CUSTOMCOMPONENTS]: {
+ icon: renderIcon(AreaCustomIcon),
+ label: PackagesCategoryName.CUSTOMCOMPONENTS
+ },
+ // [PackagesCategoryEnum.BACKGROUNDS]: {
+ // icon: renderIcon(InsertPhotoSharpIcon),
+ // label: PackagesCategoryName.BACKGROUNDS
+ // }
}
export const useAsideHook = () => {
@@ -61,6 +75,13 @@ export const useAsideHook = () => {
list: packagesStore.getPackagesList[val]
})
}
+ menuOptions.sort((a, b) => {
+ if(a.key === PackagesCategoryEnum.BACKGROUNDS) return -1
+ else if(b.key === PackagesCategoryEnum.BACKGROUNDS) return 1
+ if(a.key === PackagesCategoryEnum.CUSTOMCOMPONENTS) return -1
+ else if(b.key === PackagesCategoryEnum.CUSTOMCOMPONENTS) return 1
+ else return 0
+ })
}
handlePackagesList()
diff --git a/src/views/chart/ContentCharts/index.vue b/src/views/chart/ContentCharts/index.vue
index b0e4cc6f..4c4687f1 100644
--- a/src/views/chart/ContentCharts/index.vue
+++ b/src/views/chart/ContentCharts/index.vue
@@ -92,7 +92,7 @@ $topHeight: 40px;
display: flex;
flex-direction: column;
padding: 6px 12px !important;
- font-size: 14px !important;
+ font-size: 12px !important;
}
.n-menu-item-content__icon {
font-size: 18px !important;
diff --git a/src/views/chart/ContentConfigurations/components/CanvasPage/index.vue b/src/views/chart/ContentConfigurations/components/CanvasPage/index.vue
index f79be187..ddaf18d8 100644
--- a/src/views/chart/ContentConfigurations/components/CanvasPage/index.vue
+++ b/src/views/chart/ContentConfigurations/components/CanvasPage/index.vue
@@ -99,29 +99,29 @@
-
-
-
-
- {{ item.title }}
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -277,14 +277,14 @@ const customRequest = (options: UploadCustomRequestOptions) => {
type: file.file.type
})
let uploadParams = new FormData()
- uploadParams.append('object', newNameFile)
+ uploadParams.append('files', newNameFile)
const uploadRes = await uploadFile(uploadParams)
- if (uploadRes && uploadRes.code === ResultEnum.SUCCESS) {
- if (uploadRes.data.fileurl) {
+ if (uploadRes && uploadRes.errcode === '00000') {
+ if (uploadRes.data[0]) {
chartEditStore.setEditCanvasConfig(
EditCanvasConfigEnum.BACKGROUND_IMAGE,
- `${uploadRes.data.fileurl}?time=${new Date().getTime()}`
+ `${uploadRes.data[0]}?time=${new Date().getTime()}`
)
} else {
chartEditStore.setEditCanvasConfig(
diff --git a/src/views/chart/ContentConfigurations/components/ChartData/components/ChartDataRequest/components/RequestHeader/index.vue b/src/views/chart/ContentConfigurations/components/ChartData/components/ChartDataRequest/components/RequestHeader/index.vue
index 5dadeb51..94a634a2 100644
--- a/src/views/chart/ContentConfigurations/components/ChartData/components/ChartDataRequest/components/RequestHeader/index.vue
+++ b/src/views/chart/ContentConfigurations/components/ChartData/components/ChartDataRequest/components/RequestHeader/index.vue
@@ -51,9 +51,10 @@
+
+
+ function preHandler(global) {
+
+ }
+
+
+ 处理结果
+
+
+
+
+
+
+
diff --git a/src/views/chart/ContentConfigurations/components/ChartData/components/ChartDataRequest/index.vue b/src/views/chart/ContentConfigurations/components/ChartData/components/ChartDataRequest/index.vue
index 87a4d18a..a43a34a5 100644
--- a/src/views/chart/ContentConfigurations/components/ChartData/components/ChartDataRequest/index.vue
+++ b/src/views/chart/ContentConfigurations/components/ChartData/components/ChartDataRequest/index.vue
@@ -1,11 +1,5 @@
-
+
+ 动态JSON
+ 启用将覆盖原JSON
+
+
+
+
@@ -10,6 +10,24 @@
+
+
+
+
+
+
diff --git a/src/views/chart/ContentConfigurations/components/ChartDataV2/components/AssetsClass.vue b/src/views/chart/ContentConfigurations/components/ChartDataV2/components/AssetsClass.vue
new file mode 100644
index 00000000..01d84256
--- /dev/null
+++ b/src/views/chart/ContentConfigurations/components/ChartDataV2/components/AssetsClass.vue
@@ -0,0 +1,39 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/chart/ContentConfigurations/components/ChartDataV2/components/CategoryBrandCountTable.vue b/src/views/chart/ContentConfigurations/components/ChartDataV2/components/CategoryBrandCountTable.vue
new file mode 100644
index 00000000..96c9ad50
--- /dev/null
+++ b/src/views/chart/ContentConfigurations/components/ChartDataV2/components/CategoryBrandCountTable.vue
@@ -0,0 +1,78 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/chart/ContentConfigurations/components/ChartDataV2/components/CompanyTempTop.vue b/src/views/chart/ContentConfigurations/components/ChartDataV2/components/CompanyTempTop.vue
new file mode 100644
index 00000000..e61c4435
--- /dev/null
+++ b/src/views/chart/ContentConfigurations/components/ChartDataV2/components/CompanyTempTop.vue
@@ -0,0 +1,36 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/chart/ContentConfigurations/components/ChartDataV2/components/ComponentsType.d.ts b/src/views/chart/ContentConfigurations/components/ChartDataV2/components/ComponentsType.d.ts
new file mode 100644
index 00000000..3bc63788
--- /dev/null
+++ b/src/views/chart/ContentConfigurations/components/ChartDataV2/components/ComponentsType.d.ts
@@ -0,0 +1,64 @@
+import { DateTypeEnum, MethodsTypeEnum, PolicyTypeEnum } from '@/store/modules/chartEditStore/chartEditStore.d'
+
+type DateOptionsItemType = {
+ label: string,
+ value: DateTypeEnum,
+ duration: number
+}
+export const DateOptions: DateOptionsItemType[] = [
+ {
+ label: '近一天',
+ value: DateTypeEnum.DAY,
+ // 颗粒度为 秒数
+ // duration: 60 * 60
+ },
+ {
+ label: '近一月',
+ value: DateTypeEnum.MONTH,
+ // duration: 24 * 60 * 60
+ },
+ {
+ label: '近一年',
+ value: DateTypeEnum.YEAR,
+ // duration: 30 * 24 * 60 * 60
+ },
+]
+
+type MethodsOptionsItemType = {
+ label: string,
+ value: MethodsTypeEnum
+}
+export const MethodsOptions: MethodsOptionsItemType[] = [
+ {
+ label: '平均值',
+ value: MethodsTypeEnum.AVG
+ },
+ {
+ label: '最小值',
+ value: MethodsTypeEnum.MIN
+ },
+ {
+ label: '最大值',
+ value: MethodsTypeEnum.MAX
+ }
+]
+
+type PolicyOptionsItemType = {
+ label: string,
+ value: PolicyTypeEnum
+}
+
+export const PolicyOptions: PolicyOptionsItemType[] = [
+ {
+ label: '平均值',
+ value: PolicyTypeEnum.AVG
+ },
+ {
+ label: '最小值',
+ value: PolicyTypeEnum.MIN
+ },
+ {
+ label: '最大值',
+ value: PolicyTypeEnum.MAX
+ }
+]
\ No newline at end of file
diff --git a/src/views/chart/ContentConfigurations/components/ChartDataV2/components/DeviceClass.vue b/src/views/chart/ContentConfigurations/components/ChartDataV2/components/DeviceClass.vue
new file mode 100644
index 00000000..a0a527eb
--- /dev/null
+++ b/src/views/chart/ContentConfigurations/components/ChartDataV2/components/DeviceClass.vue
@@ -0,0 +1,32 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/chart/ContentConfigurations/components/ChartDataV2/components/EnergyUseHistory.vue b/src/views/chart/ContentConfigurations/components/ChartDataV2/components/EnergyUseHistory.vue
new file mode 100644
index 00000000..926eb262
--- /dev/null
+++ b/src/views/chart/ContentConfigurations/components/ChartDataV2/components/EnergyUseHistory.vue
@@ -0,0 +1,90 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/chart/ContentConfigurations/components/ChartDataV2/components/ManualInput.vue b/src/views/chart/ContentConfigurations/components/ChartDataV2/components/ManualInput.vue
new file mode 100644
index 00000000..4cc679c0
--- /dev/null
+++ b/src/views/chart/ContentConfigurations/components/ChartDataV2/components/ManualInput.vue
@@ -0,0 +1,57 @@
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/chart/ContentConfigurations/components/ChartDataV2/components/ManualInputSingle.vue b/src/views/chart/ContentConfigurations/components/ChartDataV2/components/ManualInputSingle.vue
new file mode 100644
index 00000000..d98baf6d
--- /dev/null
+++ b/src/views/chart/ContentConfigurations/components/ChartDataV2/components/ManualInputSingle.vue
@@ -0,0 +1,58 @@
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/chart/ContentConfigurations/components/ChartDataV2/components/MonthAlarmClass.vue b/src/views/chart/ContentConfigurations/components/ChartDataV2/components/MonthAlarmClass.vue
new file mode 100644
index 00000000..dbab46de
--- /dev/null
+++ b/src/views/chart/ContentConfigurations/components/ChartDataV2/components/MonthAlarmClass.vue
@@ -0,0 +1,103 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/chart/ContentConfigurations/components/ChartDataV2/components/NoParam.vue b/src/views/chart/ContentConfigurations/components/ChartDataV2/components/NoParam.vue
new file mode 100644
index 00000000..fc42732a
--- /dev/null
+++ b/src/views/chart/ContentConfigurations/components/ChartDataV2/components/NoParam.vue
@@ -0,0 +1,24 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/chart/ContentConfigurations/components/ChartDataV2/components/PointHistory.vue b/src/views/chart/ContentConfigurations/components/ChartDataV2/components/PointHistory.vue
new file mode 100644
index 00000000..63167f5f
--- /dev/null
+++ b/src/views/chart/ContentConfigurations/components/ChartDataV2/components/PointHistory.vue
@@ -0,0 +1,92 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/chart/ContentConfigurations/components/ChartDataV2/components/PointRealTime.vue b/src/views/chart/ContentConfigurations/components/ChartDataV2/components/PointRealTime.vue
new file mode 100644
index 00000000..11547688
--- /dev/null
+++ b/src/views/chart/ContentConfigurations/components/ChartDataV2/components/PointRealTime.vue
@@ -0,0 +1,104 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/chart/ContentConfigurations/components/ChartDataV2/components/PointTable.vue b/src/views/chart/ContentConfigurations/components/ChartDataV2/components/PointTable.vue
new file mode 100644
index 00000000..ce9f13cc
--- /dev/null
+++ b/src/views/chart/ContentConfigurations/components/ChartDataV2/components/PointTable.vue
@@ -0,0 +1,84 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/chart/ContentConfigurations/components/ChartDataV2/components/RecordValueHistory.vue b/src/views/chart/ContentConfigurations/components/ChartDataV2/components/RecordValueHistory.vue
new file mode 100644
index 00000000..9f274e51
--- /dev/null
+++ b/src/views/chart/ContentConfigurations/components/ChartDataV2/components/RecordValueHistory.vue
@@ -0,0 +1,98 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/chart/ContentConfigurations/components/ChartDataV2/components/SinglePoint.vue b/src/views/chart/ContentConfigurations/components/ChartDataV2/components/SinglePoint.vue
new file mode 100644
index 00000000..3265a21b
--- /dev/null
+++ b/src/views/chart/ContentConfigurations/components/ChartDataV2/components/SinglePoint.vue
@@ -0,0 +1,32 @@
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/chart/ContentConfigurations/components/ChartDataV2/index.d.ts b/src/views/chart/ContentConfigurations/components/ChartDataV2/index.d.ts
new file mode 100644
index 00000000..2e5b1249
--- /dev/null
+++ b/src/views/chart/ContentConfigurations/components/ChartDataV2/index.d.ts
@@ -0,0 +1,203 @@
+import { RequestHttpEnum, RequestHttpIntervalEnum, RequestDataTypeEnum, SelectHttpTimeNameObj } from '@/enums/httpEnum'
+import { CurrentSourceEnum } from '@/store/modules/chartEditStore/chartEditStore.d'
+
+// 匹配结果
+export enum DataResultEnum {
+ NULL = 0,
+ SUCCESS = 1,
+ FAILURE = 2,
+}
+
+export enum TimelineTitleEnum {
+ FILTER = '数据过滤',
+ MAPPING = '数据映射',
+ CONTENT = '数据内容',
+}
+
+export enum SelectCreateDataEnum {
+ STATIC = '静态数据',
+ AJAX = '动态请求',
+ Pond = '公共接口',
+}
+
+export interface SelectCreateDataType {
+ label: SelectCreateDataEnum
+ value: RequestDataTypeEnum
+ disabled?: boolean
+}
+
+// ajax 请求类型
+export interface SelectHttpType {
+ label: RequestHttpEnum
+ value: RequestHttpEnum
+ disabled?: boolean
+ style?: object
+}
+
+// 类型选项
+export const selectTypeOptions: SelectHttpType[] = [
+ {
+ label: RequestHttpEnum.GET,
+ value: RequestHttpEnum.GET,
+ style: {
+ color: 'greenyellow',
+ fontWeight: 'bold'
+ }
+ },
+ {
+ label: RequestHttpEnum.POST,
+ value: RequestHttpEnum.POST,
+ style: {
+ color: 'skyblue',
+ fontWeight: 'bold'
+ }
+ },
+ {
+ label: RequestHttpEnum.PUT,
+ value: RequestHttpEnum.PUT,
+ style: {
+ color: 'goldenrod',
+ fontWeight: 'bold'
+ }
+ },
+ {
+ label: RequestHttpEnum.PATCH,
+ value: RequestHttpEnum.PATCH,
+ style: {
+ color: 'violet',
+ fontWeight: 'bold'
+ }
+ },
+ {
+ label: RequestHttpEnum.DELETE,
+ value: RequestHttpEnum.DELETE,
+ disabled: true,
+ style: {
+ fontWeight: 'bold'
+ }
+ },
+]
+
+// ajax 请求间隔
+export interface SelectHttpTimeType {
+ label: string
+ value: RequestHttpIntervalEnum
+ disabled?: boolean
+ unit: number
+}
+
+// 时间选项
+export const selectTimeOptions: SelectHttpTimeType[] = [
+ {
+ label: SelectHttpTimeNameObj[RequestHttpIntervalEnum.SECOND],
+ value: RequestHttpIntervalEnum.SECOND,
+ unit: 1000,
+ },
+ {
+ label: SelectHttpTimeNameObj[RequestHttpIntervalEnum.MINUTE],
+ value: RequestHttpIntervalEnum.MINUTE,
+ unit: 60000,
+ },
+ {
+ label: SelectHttpTimeNameObj[RequestHttpIntervalEnum.HOUR],
+ value: RequestHttpIntervalEnum.HOUR,
+ unit: 3600000,
+ },
+ {
+ label: SelectHttpTimeNameObj[RequestHttpIntervalEnum.DAY],
+ value: RequestHttpIntervalEnum.DAY,
+ unit: 86400000,
+ },
+]
+
+export enum optionTypeEnum {
+ // 多个值
+ MULTIPLE = 'multiple',
+ // 单个值的数据源 环形图等
+ SINGLE = 'single'
+}
+
+export interface sourceOptionsItemType {
+ label: string,
+ value: CurrentSourceEnum,
+ type: optionTypeEnum
+}
+
+// 通用组件数据源选项
+export const sourceOptions: sourceOptionsItemType[] = [
+ {
+ label: '测点历史',
+ value: CurrentSourceEnum.POINTHISTORY,
+ type: optionTypeEnum.MULTIPLE,
+ },
+ {
+ label: '能耗历史',
+ value: CurrentSourceEnum.ENERGYUSEHISTORY,
+ type: optionTypeEnum.MULTIPLE,
+ },
+ {
+ label: '记录值历史',
+ value: CurrentSourceEnum.RECORDVALUEHISTORY,
+ type: optionTypeEnum.MULTIPLE,
+ },
+ {
+ label: '测点实时值',
+ value: CurrentSourceEnum.POINTREALTIME,
+ type: optionTypeEnum.MULTIPLE,
+ },
+ {
+ label: '设备分类统计',
+ value: CurrentSourceEnum.DEVICECLASS,
+ type: optionTypeEnum.MULTIPLE,
+ },
+ {
+ label: '分类统计',
+ value: CurrentSourceEnum.ASSETSCLASS,
+ type: optionTypeEnum.MULTIPLE,
+ },
+ {
+ label: '局房温度Top10',
+ value: CurrentSourceEnum.COMPANYTEMPTOP,
+ type: optionTypeEnum.MULTIPLE,
+ },
+ {
+ label: '告警趋势',
+ value: CurrentSourceEnum.ALARMTREND,
+ type: optionTypeEnum.MULTIPLE,
+ },
+ {
+ label: '区域设备个数',
+ value: CurrentSourceEnum.AREADEVCOUNT,
+ type: optionTypeEnum.MULTIPLE,
+ },
+ {
+ label: '当月告警分类统计',
+ value: CurrentSourceEnum.MONTHALARMCLASS,
+ type: optionTypeEnum.MULTIPLE,
+ },
+ {
+ label: '测点表格值',
+ value: CurrentSourceEnum.POINTTABLE,
+ type: optionTypeEnum.MULTIPLE,
+ },
+ {
+ label: '分类品牌表格值',
+ value: CurrentSourceEnum.CATEGORYBRANDCOUNTTABLE,
+ type: optionTypeEnum.MULTIPLE,
+ },
+ {
+ label: '手动输入值',
+ value: CurrentSourceEnum.MANUALINPUT,
+ type: optionTypeEnum.MULTIPLE,
+ },
+ {
+ label: '单测点实时值',
+ value: CurrentSourceEnum.SINGLEPOINT,
+ type: optionTypeEnum.SINGLE,
+ },
+ {
+ label: '手动输入值(单值)',
+ value: CurrentSourceEnum.MANUALINPUTSINGLE,
+ type: optionTypeEnum.SINGLE,
+ },
+]
diff --git a/src/views/chart/ContentConfigurations/components/ChartDataV2/index.vue b/src/views/chart/ContentConfigurations/components/ChartDataV2/index.vue
new file mode 100644
index 00000000..71417a91
--- /dev/null
+++ b/src/views/chart/ContentConfigurations/components/ChartDataV2/index.vue
@@ -0,0 +1,158 @@
+
+ {{ targetData.id }}
-
diff --git a/src/views/chart/ContentConfigurations/components/hooks/useTargetData.hook.ts b/src/views/chart/ContentConfigurations/components/hooks/useTargetData.hook.ts
index 0fde624e..090979ad 100644
--- a/src/views/chart/ContentConfigurations/components/hooks/useTargetData.hook.ts
+++ b/src/views/chart/ContentConfigurations/components/hooks/useTargetData.hook.ts
@@ -8,6 +8,11 @@ export const useTargetData = () => {
const targetData: Ref
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/chart/ContentConfigurations/components/ChartDataV2/components/AreaDevCount.vue b/src/views/chart/ContentConfigurations/components/ChartDataV2/components/AreaDevCount.vue
new file mode 100644
index 00000000..6e3e0f1b
--- /dev/null
+++ b/src/views/chart/ContentConfigurations/components/ChartDataV2/components/AreaDevCount.vue
@@ -0,0 +1,21 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 暂无数据
+
+
+
diff --git a/src/views/chart/ContentConfigurations/components/ChartEvent/index.vue b/src/views/chart/ContentConfigurations/components/ChartEvent/index.vue
index 6e632cc5..18bb0c2c 100644
--- a/src/views/chart/ContentConfigurations/components/ChartEvent/index.vue
+++ b/src/views/chart/ContentConfigurations/components/ChartEvent/index.vue
@@ -5,19 +5,88 @@
组件 id：
+
+ 跳转
+
+
+ 链接
+
+
diff --git a/src/views/chart/ContentConfigurations/components/ChartSetting/index.vue b/src/views/chart/ContentConfigurations/components/ChartSetting/index.vue
index 21c7d96a..206ae7f0 100644
--- a/src/views/chart/ContentConfigurations/components/ChartSetting/index.vue
+++ b/src/views/chart/ContentConfigurations/components/ChartSetting/index.vue
@@ -9,7 +9,7 @@
新开页面
+
-
+