chore: 修改数据展示

This commit is contained in:
Free-sss 2025-08-28 14:12:43 +08:00
parent 1f0e81ca7f
commit 5cf56739c0
14 changed files with 15 additions and 460 deletions

View File

@ -3,7 +3,7 @@ import { MapConfig } from './index'
import { chartInitConfig } from '@/settings/designSetting' import { chartInitConfig } from '@/settings/designSetting'
import { CreateComponentType } from '@/packages/index.d' import { CreateComponentType } from '@/packages/index.d'
import cloneDeep from 'lodash/cloneDeep' import cloneDeep from 'lodash/cloneDeep'
import dataJson from './data.json'
export const includes = [] export const includes = []
const BAR_ITEM_DEFAULT_COLORS = [ const BAR_ITEM_DEFAULT_COLORS = [
{ color: "#00CF28", wfColor: "#03D61A" }, { color: "#00CF28", wfColor: "#03D61A" },
@ -133,9 +133,9 @@ export class BarOption {
} }
} }
const option = { const option = {
dataset: { ...dataJson }
} }
export const MapDefaultConfig = { ...option }
export default class Config extends PublicConfigClass implements CreateComponentType { export default class Config extends PublicConfigClass implements CreateComponentType {
public key: string = MapConfig.key public key: string = MapConfig.key
public attr = { ...chartInitConfig, w: 1300, h: 900, zIndex: -1 } public attr = { ...chartInitConfig, w: 1300, h: 900, zIndex: -1 }

View File

@ -19,7 +19,7 @@ const otherConfig = {
color: ['#3B72E8', '#45B5E3', '#50D4A8', '#F8B55B'], color: ['#3B72E8', '#45B5E3', '#50D4A8', '#F8B55B'],
selectOption: { selectOption: {
show: true, show: true,
selectValue: 'day', selectValue: 'month',
dataset: [ dataset: [
{ {
label: '当天', label: '当天',

View File

@ -239,7 +239,7 @@ import ConsumSelect from './select.vue'
const props = defineProps({ const props = defineProps({
titleText: { titleText: {
type: String, type: String,
default: 'SmallBorder01', default: '',
required: false required: false
}, },
titleOption: { titleOption: {

View File

@ -1,8 +1,8 @@
import { MapConfig } from './Map' import { MapConfig } from './Map'
import { PieCircleCommenConfig } from './PieCircleCommen' import { PieCircleCommenConfig } from './PieCircleCommen'
import { AlarmNowListConfig } from './AlarmNowList' import { AlarmNowListConfig } from './AlarmNowList'
import { LineDropdownConfig } from './LineDropdown/index' import { LineDropdownConfig } from './LineDropdown'
import { SmallBorder01CoConfig } from './SmallBorder01Co' import { SmallBorder01CoConfig } from './SmallBorder01Co'
import { yushiVideoConfig } from './yushiVideo' import { videoCheckConfig } from './videoCheck'
export default [MapConfig, yushiVideoConfig, LineDropdownConfig, PieCircleCommenConfig, AlarmNowListConfig, SmallBorder01CoConfig] export default [MapConfig, videoCheckConfig, LineDropdownConfig, PieCircleCommenConfig, AlarmNowListConfig, SmallBorder01CoConfig]

View File

@ -1,6 +1,6 @@
import { PublicConfigClass } from '@/packages/public' import { PublicConfigClass } from '@/packages/public'
import { CreateComponentType } from '@/packages/index.d' import { CreateComponentType } from '@/packages/index.d'
import { yushiVideoConfig } from './index' import { videoCheckConfig } from './index'
import cloneDeep from 'lodash/cloneDeep' import cloneDeep from 'lodash/cloneDeep'
import dataJson from './cameratree.json' import dataJson from './cameratree.json'
export const option = { export const option = {
@ -43,7 +43,7 @@ export const option = {
} }
export default class Config extends PublicConfigClass implements CreateComponentType { export default class Config extends PublicConfigClass implements CreateComponentType {
public key = yushiVideoConfig.key public key = videoCheckConfig.key
public chartConfig = cloneDeep(yushiVideoConfig) public chartConfig = cloneDeep(videoCheckConfig)
public option = cloneDeep(option) public option = cloneDeep(option)
} }

View File

@ -1,10 +1,9 @@
import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d' import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
export const yushiVideoConfig: ConfigType = { export const videoCheckConfig: ConfigType = {
key: 'yushiVideo', key: 'videoCheck',
chartKey: 'VYushiVideo', chartKey: 'VvideoCheck',
conKey: 'VCYushiVideo', conKey: 'VCvideoCheck',
title: '宇视摄像头', title: '宇视摄像头',
category: 'ConfinedSpace', category: 'ConfinedSpace',
categoryName: '有限空间', categoryName: '有限空间',

View File

@ -1,17 +0,0 @@
import { PublicConfigClass } from '@/packages/public'
import { CreateComponentType } from '@/packages/index.d'
import { SmallBorder01Config } from './index'
import cloneDeep from 'lodash/cloneDeep'
export const option = {
colors: ['#1089ff', '#0000ff'],
backgroundColor: '#00000000'
}
export default class Config extends PublicConfigClass implements CreateComponentType {
public key = SmallBorder01Config.key
public chartConfig = cloneDeep(SmallBorder01Config)
public option = cloneDeep(option)
}

View File

@ -1,54 +0,0 @@
<template>
<CollapseItem name="边框" :expanded="true">
<SettingItemBox
:name="`颜色-${index + 1}`"
v-for="(item, index) in optionData.colors"
:key="index"
>
<SettingItem name="颜色">
<n-color-picker
size="small"
:modes="['hex']"
v-model:value="optionData.colors[index]"
></n-color-picker>
</SettingItem>
<SettingItem>
<n-button
size="small"
@click="optionData.colors[index] = option.colors[index]"
>
恢复默认
</n-button>
</SettingItem>
</SettingItemBox>
</CollapseItem>
<CollapseItem name="背景" :expanded="true">
<SettingItemBox name="颜色">
<SettingItem>
<n-color-picker
size="small"
:modes="['hex']"
v-model:value="optionData.backgroundColor"
></n-color-picker>
</SettingItem>
</SettingItemBox>
</CollapseItem>
</template>
<script setup lang="ts">
import { PropType } from 'vue'
import {
CollapseItem,
SettingItemBox,
SettingItem
} from '@/components/Pages/ChartItemSetting'
import { option } from './config'
const props = defineProps({
optionData: {
type: Object as PropType<typeof option>,
required: true
}
})
</script>

View File

@ -1,17 +0,0 @@
import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
// import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
// 曲线图
export const SmallBorder01Config: ConfigType = {
key: 'SmallBorder01',
chartKey: 'VSmallBorder01',
conKey: 'VCSmallBorder01',
title: '带标题小边框+',
category: 'MyComponents',
categoryName: '自定义组件',
package: 'Charts',
chartFrame: ChartFrameEnum.COMMON,
image: "SmallBorder.png",
}
// 默认导出配置对象
// export default SmallBorder01Config

File diff suppressed because one or more lines are too long

View File

@ -10,7 +10,6 @@ import { LineGraph01 } from './LineGraph01/index'
import { LineGraph02Config } from './LineGraph02/index' import { LineGraph02Config } from './LineGraph02/index'
import { MaxTrimConfig } from './MaxTrim/index' import { MaxTrimConfig } from './MaxTrim/index'
import { SmallBorderConfig } from './SmallBorder/index' import { SmallBorderConfig } from './SmallBorder/index'
import { SmallBorder01Config } from './SmallBorder01/index'
export default [ export default [
@ -26,6 +25,5 @@ export default [
MaxTrimConfig, MaxTrimConfig,
LineGraph01, LineGraph01,
LineGraph02Config, LineGraph02Config,
SmallBorderConfig, SmallBorderConfig
SmallBorder01Config
] ]