diff --git a/src/packages/components/Charts/ConfinedSpace/LineDropdown/config.ts b/src/packages/components/Charts/ConfinedSpace/LineDropdownConfined/config.ts similarity index 93% rename from src/packages/components/Charts/ConfinedSpace/LineDropdown/config.ts rename to src/packages/components/Charts/ConfinedSpace/LineDropdownConfined/config.ts index 62a5942..20b3242 100644 --- a/src/packages/components/Charts/ConfinedSpace/LineDropdown/config.ts +++ b/src/packages/components/Charts/ConfinedSpace/LineDropdownConfined/config.ts @@ -1,5 +1,5 @@ import { echartOptionProfixHandle, PublicConfigClass } from '@/packages/public' -import { LineDropdownConfig } from './index' +import { LineDropdownConfinedConfig } from './index' import { CreateComponentType } from '@/packages/index.d' import cloneDeep from 'lodash/cloneDeep' import dataJson from './data.json' @@ -108,7 +108,7 @@ const option = { } export default class Config extends PublicConfigClass implements CreateComponentType { - public key: string = LineDropdownConfig.key - public chartConfig = cloneDeep(LineDropdownConfig) + public key: string = LineDropdownConfinedConfig.key + public chartConfig = cloneDeep(LineDropdownConfinedConfig) public option = echartOptionProfixHandle(option, includes) } \ No newline at end of file diff --git a/src/packages/components/Charts/ConfinedSpace/LineDropdown/config.vue b/src/packages/components/Charts/ConfinedSpace/LineDropdownConfined/config.vue similarity index 100% rename from src/packages/components/Charts/ConfinedSpace/LineDropdown/config.vue rename to src/packages/components/Charts/ConfinedSpace/LineDropdownConfined/config.vue diff --git a/src/packages/components/Charts/ConfinedSpace/LineDropdown/data.json b/src/packages/components/Charts/ConfinedSpace/LineDropdownConfined/data.json similarity index 100% rename from src/packages/components/Charts/ConfinedSpace/LineDropdown/data.json rename to src/packages/components/Charts/ConfinedSpace/LineDropdownConfined/data.json diff --git a/src/packages/components/Charts/ConfinedSpace/LineDropdown/index.ts b/src/packages/components/Charts/ConfinedSpace/LineDropdownConfined/index.ts similarity index 67% rename from src/packages/components/Charts/ConfinedSpace/LineDropdown/index.ts rename to src/packages/components/Charts/ConfinedSpace/LineDropdownConfined/index.ts index e4535be..8df5735 100644 --- a/src/packages/components/Charts/ConfinedSpace/LineDropdown/index.ts +++ b/src/packages/components/Charts/ConfinedSpace/LineDropdownConfined/index.ts @@ -1,10 +1,10 @@ import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d' // import { ChatCategoryEnum, ChatCategoryEnumName } from '../..' -export const LineDropdownConfig: ConfigType = { - key: 'LineDropdown_ConfinedSpace', - chartKey: 'VLineDropdown_ConfinedSpace', - conKey: 'VCLineDropdown_ConfinedSpace', +export const LineDropdownConfinedConfig: ConfigType = { + key: 'LineDropdownConfined', + chartKey: 'VLineDropdownConfined', + conKey: 'VCLineDropdownConfined', title: '下拉折线图', category: 'ConfinedSpace', categoryName: '有限空间组件', diff --git a/src/packages/components/Charts/ConfinedSpace/LineDropdown/index.vue b/src/packages/components/Charts/ConfinedSpace/LineDropdownConfined/index.vue similarity index 99% rename from src/packages/components/Charts/ConfinedSpace/LineDropdown/index.vue rename to src/packages/components/Charts/ConfinedSpace/LineDropdownConfined/index.vue index 282f794..369eddd 100644 --- a/src/packages/components/Charts/ConfinedSpace/LineDropdown/index.vue +++ b/src/packages/components/Charts/ConfinedSpace/LineDropdownConfined/index.vue @@ -276,42 +276,42 @@ const handleDropdownChange = () => { /* 添加边框样式到父容器 */ border-radius: 8px; padding: 1px; - background: linear-gradient(to bottom, - rgba(255, 255, 255, 0.8) 0%, - rgba(200, 200, 200, 0.6) 25%, - rgba(150, 150, 150, 0.5) 50%, - rgba(100, 100, 100, 0.4) 75%, - rgba(60, 60, 60, 0.3) 100%); + background: linear-gradient(to bottom, + rgba(255, 255, 255, 0.8) 0%, + rgba(200, 200, 200, 0.6) 25%, + rgba(150, 150, 150, 0.5) 50%, + rgba(100, 100, 100, 0.4) 75%, + rgba(60, 60, 60, 0.3) 100%); transition: all 0.3s ease; } /* hover状态的彩色渐变边框 */ .dropdown-container:hover { - background: linear-gradient(to bottom, - rgba(58, 160, 255, 1) 0%, - rgba(98, 255, 198, 0.8) 25%, - rgba(54, 110, 255, 1) 50%, - rgba(28, 234, 160, 0.8) 75%, - rgba(58, 160, 255, 1) 100%); + background: linear-gradient(to bottom, + rgba(58, 160, 255, 1) 0%, + rgba(98, 255, 198, 0.8) 25%, + rgba(54, 110, 255, 1) 50%, + rgba(28, 234, 160, 0.8) 75%, + rgba(58, 160, 255, 1) 100%); } /* focus状态的增强彩色渐变边框 */ .dropdown-container:focus-within { - background: linear-gradient(to bottom, - rgba(58, 160, 255, 1) 0%, - rgba(98, 255, 198, 1) 25%, - rgba(54, 110, 255, 1) 50%, - rgba(28, 234, 160, 1) 75%, - rgba(58, 160, 255, 1) 100%); + background: linear-gradient(to bottom, + rgba(58, 160, 255, 1) 0%, + rgba(98, 255, 198, 1) 25%, + rgba(54, 110, 255, 1) 50%, + rgba(28, 234, 160, 1) 75%, + rgba(58, 160, 255, 1) 100%); } .custom-dropdown1 { /* 渐变背景 */ - background: linear-gradient(135deg, - rgba(25, 35, 45, 0.95) 0%, - rgba(15, 25, 35, 0.95) 50%, - rgba(35, 45, 55, 0.95) 100%); - + background: linear-gradient(135deg, + rgba(25, 35, 45, 0.95) 0%, + rgba(15, 25, 35, 0.95) 50%, + rgba(35, 45, 55, 0.95) 100%); + /* 移除边框，因为已经移到父容器 */ border: none; border-radius: 7px; @@ -335,10 +335,10 @@ const handleDropdownChange = () => { box-shadow: 0 6px 20px rgba(58, 160, 255, 0.2); transform: translateY(-1px); /* 增强背景渐变 */ - background: linear-gradient(135deg, - rgba(35, 45, 55, 0.95) 0%, - rgba(25, 35, 45, 0.95) 50%, - rgba(45, 55, 65, 0.95) 100%); + background: linear-gradient(135deg, + rgba(35, 45, 55, 0.95) 0%, + rgba(25, 35, 45, 0.95) 50%, + rgba(45, 55, 65, 0.95) 100%); } .custom-dropdown1:focus { @@ -357,7 +357,7 @@ const handleDropdownChange = () => { border: none; transition: all 0.2s ease; cursor: pointer; - + /* 添加细微的边框分隔 */ border-bottom: 1px solid rgba(255, 255, 255, 0.05); } @@ -408,7 +408,7 @@ const handleDropdownChange = () => { transform: translateY(-50%) rotate(180deg); } -.custom-dropdown1:focus + .dropdown-arrow { +.custom-dropdown1:focus+.dropdown-arrow { transform: translateY(-50%) rotate(180deg); color: rgba(58, 160, 255, 1); text-shadow: 0 0 8px rgba(58, 160, 255, 0.5); @@ -462,33 +462,21 @@ const handleDropdownChange = () => { } } -.header-title{ - position: absolute; - top: 0; - height: 45px; - line-height: 45px; - left: 80px; - font-size: 16px; - font-weight: bold; - color: #eee; - font-style: italic; - text-shadow: 0 0 10px #00E5FF; - white-space: nowrap; +.header-title { + position: absolute; + top: 0; + height: 45px; + line-height: 45px; + left: 70px; + white-space: nowrap; + font-family: 'CustomFont'; + font-style: italic; + letter-spacing: 0.5px; + color: #eee; + text-shadow: 1px 3px 10px #000000; + font-size: 16px; } -.header-title{ - position: absolute; - top: 0; - height: 45px; - line-height: 45px; - left: 80px; - font-size: 16px; - font-weight: bold; - color: #eee; - font-style: italic; - text-shadow: 0 0 10px #00E5FF; - white-space: nowrap; -} .svg { width: 100%; diff --git a/src/packages/components/Charts/ConfinedSpace/index.ts b/src/packages/components/Charts/ConfinedSpace/index.ts index efb72fa..31fdb2c 100644 --- a/src/packages/components/Charts/ConfinedSpace/index.ts +++ b/src/packages/components/Charts/ConfinedSpace/index.ts @@ -1,11 +1,13 @@ import { MapConfig } from './Map' import { PieCircleCommenConfig } from './PieCircleCommen' import { AlarmNowListConfig } from './AlarmNowList' -import { LineDropdownConfig } from './LineDropdown' +// import { LineDropdownConfig } from './LineDropdown' // import { SmallBorder01CoConfig } from './SmallBorder01Co' import { videoCheckConfig } from './videoCheck' -import {FiniteSpatialDistributionConfig} from './FiniteSpatialDistribution' -export default [MapConfig, videoCheckConfig, LineDropdownConfig, PieCircleCommenConfig, AlarmNowListConfig,FiniteSpatialDistributionConfig] +import { FiniteSpatialDistributionConfig } from './FiniteSpatialDistribution' +export default [MapConfig, videoCheckConfig, + // LineDropdownConfig, + PieCircleCommenConfig, AlarmNowListConfig, FiniteSpatialDistributionConfig]