chore: 修改数据展示
This commit is contained in:
parent
1f0e81ca7f
commit
5cf56739c0
@ -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 }
|
||||||
|
@ -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: '当天',
|
||||||
|
@ -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: {
|
||||||
|
@ -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]
|
||||||
|
|
||||||
|
@ -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)
|
||||||
}
|
}
|
@ -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: '有限空间',
|
@ -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)
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
@ -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>
|
|
@ -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
@ -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
|
|
||||||
]
|
]
|
Loading…
Reference in New Issue
Block a user