diff --git a/src/api/demo/photo.ts b/src/api/demo/photo.ts new file mode 100644 index 0000000..610ef23 --- /dev/null +++ b/src/api/demo/photo.ts @@ -0,0 +1,23 @@ +import { defHttp } from '@/utils/http/axios'; +enum Api { + imageUpload = '/api/goview/project/image/upload', + imageList = '/api/goview/project/image/list', + imageDelete = '/api/goview/project/image/delete', +} + +export const imageList = (params?) => + defHttp.get({ url: Api.imageList }); + +export const imageDelete = (id:string) => + defHttp.post({ + url: `${Api.imageDelete}?ids=${id}` + }); + +export const imageUpload = (params) => + defHttp.post({ + url: Api.imageUpload, + params, + headers: { + 'Content-type': 'multipart/form-data', + }, + }); \ No newline at end of file diff --git a/src/assets/images/chart/decorates/circle.png b/src/assets/images/chart/decorates/circle.png new file mode 100644 index 0000000..9f6e046 Binary files /dev/null and b/src/assets/images/chart/decorates/circle.png differ diff --git a/src/assets/images/chart/decorates/dzsp.png b/src/assets/images/chart/decorates/dzsp.png new file mode 100644 index 0000000..2306161 Binary files /dev/null and b/src/assets/images/chart/decorates/dzsp.png differ diff --git a/src/assets/images/chart/decorates/feixianmap.png b/src/assets/images/chart/decorates/feixianmap.png new file mode 100644 index 0000000..83f2049 Binary files /dev/null and b/src/assets/images/chart/decorates/feixianmap.png differ diff --git a/src/assets/images/chart/decorates/fxmapbg.png b/src/assets/images/chart/decorates/fxmapbg.png new file mode 100644 index 0000000..ff9c245 Binary files /dev/null and b/src/assets/images/chart/decorates/fxmapbg.png differ diff --git a/src/assets/images/chart/decorates/glht.png b/src/assets/images/chart/decorates/glht.png new file mode 100644 index 0000000..6d4139c Binary files /dev/null and b/src/assets/images/chart/decorates/glht.png differ diff --git a/src/assets/images/chart/decorates/jczx.png b/src/assets/images/chart/decorates/jczx.png new file mode 100644 index 0000000..7e8e53a Binary files /dev/null and b/src/assets/images/chart/decorates/jczx.png differ diff --git a/src/assets/images/chart/decorates/sjzx.png b/src/assets/images/chart/decorates/sjzx.png new file mode 100644 index 0000000..b505d60 Binary files /dev/null and b/src/assets/images/chart/decorates/sjzx.png differ diff --git a/src/assets/images/chart/decorates/sun.png b/src/assets/images/chart/decorates/sun.png new file mode 100644 index 0000000..9402a9d Binary files /dev/null and b/src/assets/images/chart/decorates/sun.png differ diff --git a/src/assets/images/chart/decorates/title03.png b/src/assets/images/chart/decorates/title03.png index 50bbeac..821538e 100644 Binary files a/src/assets/images/chart/decorates/title03.png and b/src/assets/images/chart/decorates/title03.png differ diff --git a/src/assets/images/chart/decorates/title07.png b/src/assets/images/chart/decorates/title07.png new file mode 100644 index 0000000..2c2668d Binary files /dev/null and b/src/assets/images/chart/decorates/title07.png differ diff --git a/src/assets/images/chart/decorates/wlpt.png b/src/assets/images/chart/decorates/wlpt.png new file mode 100644 index 0000000..f230f80 Binary files /dev/null and b/src/assets/images/chart/decorates/wlpt.png differ diff --git a/src/assets/images/chart/tables/ModalButton.png b/src/assets/images/chart/tables/ModalButton.png new file mode 100644 index 0000000..710144d Binary files /dev/null and b/src/assets/images/chart/tables/ModalButton.png differ diff --git a/src/assets/images/chart/tables/ModalFrame.png b/src/assets/images/chart/tables/ModalFrame.png new file mode 100644 index 0000000..7353bce Binary files /dev/null and b/src/assets/images/chart/tables/ModalFrame.png differ diff --git a/src/assets/images/chart/tables/ModalFrameClose.png b/src/assets/images/chart/tables/ModalFrameClose.png new file mode 100644 index 0000000..9bca1a6 Binary files /dev/null and b/src/assets/images/chart/tables/ModalFrameClose.png differ diff --git a/src/assets/images/chart/tables/ModalHead.png b/src/assets/images/chart/tables/ModalHead.png new file mode 100644 index 0000000..f783237 Binary files /dev/null and b/src/assets/images/chart/tables/ModalHead.png differ diff --git a/src/assets/images/chart/tables/ModalTimeLine.png b/src/assets/images/chart/tables/ModalTimeLine.png new file mode 100644 index 0000000..302a300 Binary files /dev/null and b/src/assets/images/chart/tables/ModalTimeLine.png differ diff --git a/src/packages/components/Decorates/Titles/Background01/config.ts b/src/packages/components/Decorates/Titles/Background01/config.ts new file mode 100644 index 0000000..97038c4 --- /dev/null +++ b/src/packages/components/Decorates/Titles/Background01/config.ts @@ -0,0 +1,16 @@ +import { PublicConfigClass } from '@/packages/public' +import { chartInitConfig } from '@/settings/designSetting' +import { CreateComponentType } from '@/packages/index.d' +import { Background01Config } from './index' +import cloneDeep from 'lodash/cloneDeep' + +export const option = { + +} + +export default class Config extends PublicConfigClass implements CreateComponentType { + public key = Background01Config.key + public attr = { ...chartInitConfig, w: 1920, h: 1080, zIndex: 1 } + public chartConfig = cloneDeep(Background01Config) + public option = cloneDeep(option) +} diff --git a/src/packages/components/Decorates/Titles/Background01/config.vue b/src/packages/components/Decorates/Titles/Background01/config.vue new file mode 100644 index 0000000..7311c67 --- /dev/null +++ b/src/packages/components/Decorates/Titles/Background01/config.vue @@ -0,0 +1,20 @@ + + + diff --git a/src/packages/components/Decorates/Titles/Background01/index.ts b/src/packages/components/Decorates/Titles/Background01/index.ts new file mode 100644 index 0000000..cbf05f0 --- /dev/null +++ b/src/packages/components/Decorates/Titles/Background01/index.ts @@ -0,0 +1,14 @@ +import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'; +import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'; + +export const Background01Config: ConfigType = { + key: 'Background01', + chartKey: 'VBackground01', + conKey: 'VCBackground01', + title: '背景图-01', + category: ChatCategoryEnum.TITLE, + categoryName: ChatCategoryEnumName.TITLE, + package: PackagesCategoryEnum.DECORATES, + chartFrame: ChartFrameEnum.STATIC, + image: 'fxmapbg.png', +}; diff --git a/src/packages/components/Decorates/Titles/Background01/index.vue b/src/packages/components/Decorates/Titles/Background01/index.vue new file mode 100644 index 0000000..3ccd900 --- /dev/null +++ b/src/packages/components/Decorates/Titles/Background01/index.vue @@ -0,0 +1,28 @@ + + + + + diff --git a/src/packages/components/Decorates/Titles/Background02/config.ts b/src/packages/components/Decorates/Titles/Background02/config.ts new file mode 100644 index 0000000..30101c1 --- /dev/null +++ b/src/packages/components/Decorates/Titles/Background02/config.ts @@ -0,0 +1,16 @@ +import { PublicConfigClass } from '@/packages/public' +import { chartInitConfig } from '@/settings/designSetting' +import { CreateComponentType } from '@/packages/index.d' +import { Background02Config } from './index' +import cloneDeep from 'lodash/cloneDeep' + +export const option = { + +} + +export default class Config extends PublicConfigClass implements CreateComponentType { + public key = Background02Config.key + public attr = { ...chartInitConfig, w: 768, h: 820, zIndex: 1 } + public chartConfig = cloneDeep(Background02Config) + public option = cloneDeep(option) +} diff --git a/src/packages/components/Decorates/Titles/Background02/config.vue b/src/packages/components/Decorates/Titles/Background02/config.vue new file mode 100644 index 0000000..623ba7b --- /dev/null +++ b/src/packages/components/Decorates/Titles/Background02/config.vue @@ -0,0 +1,20 @@ + + + diff --git a/src/packages/components/Decorates/Titles/Background02/index.ts b/src/packages/components/Decorates/Titles/Background02/index.ts new file mode 100644 index 0000000..d760f47 --- /dev/null +++ b/src/packages/components/Decorates/Titles/Background02/index.ts @@ -0,0 +1,14 @@ +import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'; +import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'; + +export const Background02Config: ConfigType = { + key: 'Background02', + chartKey: 'VBackground02', + conKey: 'VCBackground02', + title: '费县版图', + category: ChatCategoryEnum.TITLE, + categoryName: ChatCategoryEnumName.TITLE, + package: PackagesCategoryEnum.DECORATES, + chartFrame: ChartFrameEnum.STATIC, + image: 'feixianmap.png', +}; diff --git a/src/packages/components/Decorates/Titles/Background02/index.vue b/src/packages/components/Decorates/Titles/Background02/index.vue new file mode 100644 index 0000000..eefc717 --- /dev/null +++ b/src/packages/components/Decorates/Titles/Background02/index.vue @@ -0,0 +1,38 @@ + + + + + diff --git a/src/packages/components/Decorates/Titles/Background03/config.ts b/src/packages/components/Decorates/Titles/Background03/config.ts new file mode 100644 index 0000000..8f61c5c --- /dev/null +++ b/src/packages/components/Decorates/Titles/Background03/config.ts @@ -0,0 +1,16 @@ +import { PublicConfigClass } from '@/packages/public' +import { chartInitConfig } from '@/settings/designSetting' +import { CreateComponentType } from '@/packages/index.d' +import { Background03Config } from './index' +import cloneDeep from 'lodash/cloneDeep' + +export const option = { + +} + +export default class Config extends PublicConfigClass implements CreateComponentType { + public key = Background03Config.key + public attr = { ...chartInitConfig, w: 1227, h: 1226, zIndex: 1 } + public chartConfig = cloneDeep(Background03Config) + public option = cloneDeep(option) +} diff --git a/src/packages/components/Decorates/Titles/Background03/config.vue b/src/packages/components/Decorates/Titles/Background03/config.vue new file mode 100644 index 0000000..623ba7b --- /dev/null +++ b/src/packages/components/Decorates/Titles/Background03/config.vue @@ -0,0 +1,20 @@ + + + diff --git a/src/packages/components/Decorates/Titles/Background03/index.ts b/src/packages/components/Decorates/Titles/Background03/index.ts new file mode 100644 index 0000000..123d035 --- /dev/null +++ b/src/packages/components/Decorates/Titles/Background03/index.ts @@ -0,0 +1,14 @@ +import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'; +import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'; + +export const Background03Config: ConfigType = { + key: 'Background03', + chartKey: 'VBackground03', + conKey: 'VCBackground03', + title: '背景图-1', + category: ChatCategoryEnum.TITLE, + categoryName: ChatCategoryEnumName.TITLE, + package: PackagesCategoryEnum.DECORATES, + chartFrame: ChartFrameEnum.STATIC, + image: 'circle.png', +}; diff --git a/src/packages/components/Decorates/Titles/Background03/index.vue b/src/packages/components/Decorates/Titles/Background03/index.vue new file mode 100644 index 0000000..3c8f903 --- /dev/null +++ b/src/packages/components/Decorates/Titles/Background03/index.vue @@ -0,0 +1,27 @@ + + + + + diff --git a/src/packages/components/Decorates/Titles/Date/config.ts b/src/packages/components/Decorates/Titles/Date/config.ts new file mode 100644 index 0000000..95e8089 --- /dev/null +++ b/src/packages/components/Decorates/Titles/Date/config.ts @@ -0,0 +1,19 @@ +import { PublicConfigClass } from '@/packages/public' +import { chartInitConfig } from '@/settings/designSetting' +import { CreateComponentType } from '@/packages/index.d' +import { DateConfig } from './index' +import cloneDeep from 'lodash/cloneDeep' + +export const option = { + textColor: '#fff', + textSize: 28, + textColor1: '#fff', + textSize1: 24, +} + +export default class Config extends PublicConfigClass implements CreateComponentType { + public key = DateConfig.key + public attr = { ...chartInitConfig, w: 300, h: 50, zIndex: 1 } + public chartConfig = cloneDeep(DateConfig) + public option = cloneDeep(option) +} diff --git a/src/packages/components/Decorates/Titles/Date/config.vue b/src/packages/components/Decorates/Titles/Date/config.vue new file mode 100644 index 0000000..52bf2a0 --- /dev/null +++ b/src/packages/components/Decorates/Titles/Date/config.vue @@ -0,0 +1,59 @@ + + + diff --git a/src/packages/components/Decorates/Titles/Date/index.ts b/src/packages/components/Decorates/Titles/Date/index.ts new file mode 100644 index 0000000..4f311b6 --- /dev/null +++ b/src/packages/components/Decorates/Titles/Date/index.ts @@ -0,0 +1,14 @@ +import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'; +import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'; + +export const DateConfig: ConfigType = { + key: 'Date', + chartKey: 'VDate', + conKey: 'VCDate', + title: '日期时间', + category: ChatCategoryEnum.TITLE, + categoryName: ChatCategoryEnumName.TITLE, + package: PackagesCategoryEnum.DECORATES, + chartFrame: ChartFrameEnum.STATIC, + image: 'clock.png', +}; diff --git a/src/packages/components/Decorates/Titles/Date/index.vue b/src/packages/components/Decorates/Titles/Date/index.vue new file mode 100644 index 0000000..47aff26 --- /dev/null +++ b/src/packages/components/Decorates/Titles/Date/index.vue @@ -0,0 +1,67 @@ + + + + + + \ No newline at end of file diff --git a/src/packages/components/Decorates/Titles/Titles01/config.ts b/src/packages/components/Decorates/Titles/Titles01/config.ts index a258e49..d586832 100644 --- a/src/packages/components/Decorates/Titles/Titles01/config.ts +++ b/src/packages/components/Decorates/Titles/Titles01/config.ts @@ -5,13 +5,12 @@ import { Titles01Config } from './index' import cloneDeep from 'lodash/cloneDeep' export const option = { - dur: 0.5, borderTitle: '费县林业防火平台', borderTitleWidth: 1920, borderTitleHeight: 98, borderTitleSize: 18, borderTitleColor: '#fff', - colors: ['#8aaafb', '#1f33a2'], + colors: ['#608561', '#374536'], backgroundColor: '#00000000' } diff --git a/src/packages/components/Decorates/Titles/Titles01/index.vue b/src/packages/components/Decorates/Titles/Titles01/index.vue index cf9960b..4ad6dd5 100644 --- a/src/packages/components/Decorates/Titles/Titles01/index.vue +++ b/src/packages/components/Decorates/Titles/Titles01/index.vue @@ -1,122 +1,71 @@ @@ -352,7 +177,6 @@ const filterId = `border-box-04-filterId-${getUUID()}` const { w, h } = toRefs(props.chartConfig.attr) const { colors, - dur, borderTitle, borderTitleColor, borderTitleSize, @@ -363,7 +187,7 @@ const { diff --git a/src/packages/components/Decorates/Titles/Titles05/config.ts b/src/packages/components/Decorates/Titles/Titles05/config.ts new file mode 100644 index 0000000..3548825 --- /dev/null +++ b/src/packages/components/Decorates/Titles/Titles05/config.ts @@ -0,0 +1,23 @@ +import { PublicConfigClass } from '@/packages/public' +import { chartInitConfig } from '@/settings/designSetting' +import { CreateComponentType } from '@/packages/index.d' +import { Titles05Config } from './index' +import cloneDeep from 'lodash/cloneDeep' + +export const option = { + dur: 0.5, + borderTitle: '图标', + borderTitleWidth: 124, + borderTitleHeight: 140, + borderTitleSize: 18, + borderTitleColor: '#fff', + colors: ['#8aaafb', '#1f33a2'], + backgroundColor: '#00000000' +} + +export default class Config extends PublicConfigClass implements CreateComponentType { + public key = Titles05Config.key + public attr = { ...chartInitConfig, w: 124, h: 140, zIndex: 1 } + public chartConfig = cloneDeep(Titles05Config) + public option = cloneDeep(option) +} diff --git a/src/packages/components/Decorates/Titles/Titles05/config.vue b/src/packages/components/Decorates/Titles/Titles05/config.vue new file mode 100644 index 0000000..763c8f5 --- /dev/null +++ b/src/packages/components/Decorates/Titles/Titles05/config.vue @@ -0,0 +1,44 @@ + + + diff --git a/src/packages/components/Decorates/Titles/Titles05/index.ts b/src/packages/components/Decorates/Titles/Titles05/index.ts new file mode 100644 index 0000000..bff030e --- /dev/null +++ b/src/packages/components/Decorates/Titles/Titles05/index.ts @@ -0,0 +1,14 @@ +import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'; +import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'; + +export const Titles05Config: ConfigType = { + key: 'Titles05', + chartKey: 'VTitles05', + conKey: 'VCTitles05', + title: '图标-02', + category: ChatCategoryEnum.TITLE, + categoryName: ChatCategoryEnumName.TITLE, + package: PackagesCategoryEnum.DECORATES, + chartFrame: ChartFrameEnum.STATIC, + image: 'glht.png', +}; diff --git a/src/packages/components/Decorates/Titles/Titles05/index.vue b/src/packages/components/Decorates/Titles/Titles05/index.vue new file mode 100644 index 0000000..40fcfdd --- /dev/null +++ b/src/packages/components/Decorates/Titles/Titles05/index.vue @@ -0,0 +1,548 @@ + + + + + diff --git a/src/packages/components/Decorates/Titles/Titles06/config.ts b/src/packages/components/Decorates/Titles/Titles06/config.ts new file mode 100644 index 0000000..4523ed0 --- /dev/null +++ b/src/packages/components/Decorates/Titles/Titles06/config.ts @@ -0,0 +1,23 @@ +import { PublicConfigClass } from '@/packages/public' +import { chartInitConfig } from '@/settings/designSetting' +import { CreateComponentType } from '@/packages/index.d' +import { Titles06Config } from './index' +import cloneDeep from 'lodash/cloneDeep' + +export const option = { + dur: 0.5, + borderTitle: '图标', + borderTitleWidth: 124, + borderTitleHeight: 140, + borderTitleSize: 18, + borderTitleColor: '#fff', + colors: ['#8aaafb', '#1f33a2'], + backgroundColor: '#00000000' +} + +export default class Config extends PublicConfigClass implements CreateComponentType { + public key = Titles06Config.key + public attr = { ...chartInitConfig, w: 124, h: 140, zIndex: 1 } + public chartConfig = cloneDeep(Titles06Config) + public option = cloneDeep(option) +} diff --git a/src/packages/components/Decorates/Titles/Titles06/config.vue b/src/packages/components/Decorates/Titles/Titles06/config.vue new file mode 100644 index 0000000..763c8f5 --- /dev/null +++ b/src/packages/components/Decorates/Titles/Titles06/config.vue @@ -0,0 +1,44 @@ + + + diff --git a/src/packages/components/Decorates/Titles/Titles06/index.ts b/src/packages/components/Decorates/Titles/Titles06/index.ts new file mode 100644 index 0000000..2a972ee --- /dev/null +++ b/src/packages/components/Decorates/Titles/Titles06/index.ts @@ -0,0 +1,14 @@ +import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'; +import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'; + +export const Titles06Config: ConfigType = { + key: 'Titles06', + chartKey: 'VTitles06', + conKey: 'VCTitles06', + title: '图标-03', + category: ChatCategoryEnum.TITLE, + categoryName: ChatCategoryEnumName.TITLE, + package: PackagesCategoryEnum.DECORATES, + chartFrame: ChartFrameEnum.STATIC, + image: 'jczx.png', +}; diff --git a/src/packages/components/Decorates/Titles/Titles06/index.vue b/src/packages/components/Decorates/Titles/Titles06/index.vue new file mode 100644 index 0000000..15e743b --- /dev/null +++ b/src/packages/components/Decorates/Titles/Titles06/index.vue @@ -0,0 +1,444 @@ + + + + + diff --git a/src/packages/components/Decorates/Titles/Titles07/config.ts b/src/packages/components/Decorates/Titles/Titles07/config.ts new file mode 100644 index 0000000..96be293 --- /dev/null +++ b/src/packages/components/Decorates/Titles/Titles07/config.ts @@ -0,0 +1,23 @@ +import { PublicConfigClass } from '@/packages/public' +import { chartInitConfig } from '@/settings/designSetting' +import { CreateComponentType } from '@/packages/index.d' +import { Titles07Config } from './index' +import cloneDeep from 'lodash/cloneDeep' + +export const option = { + dur: 0.5, + borderTitle: '图标', + borderTitleWidth: 124, + borderTitleHeight: 140, + borderTitleSize: 18, + borderTitleColor: '#fff', + colors: ['#8aaafb', '#1f33a2'], + backgroundColor: '#00000000' +} + +export default class Config extends PublicConfigClass implements CreateComponentType { + public key = Titles07Config.key + public attr = { ...chartInitConfig, w: 124, h: 140, zIndex: 1 } + public chartConfig = cloneDeep(Titles07Config) + public option = cloneDeep(option) +} diff --git a/src/packages/components/Decorates/Titles/Titles07/config.vue b/src/packages/components/Decorates/Titles/Titles07/config.vue new file mode 100644 index 0000000..763c8f5 --- /dev/null +++ b/src/packages/components/Decorates/Titles/Titles07/config.vue @@ -0,0 +1,44 @@ + + + diff --git a/src/packages/components/Decorates/Titles/Titles07/index.ts b/src/packages/components/Decorates/Titles/Titles07/index.ts new file mode 100644 index 0000000..fd84503 --- /dev/null +++ b/src/packages/components/Decorates/Titles/Titles07/index.ts @@ -0,0 +1,14 @@ +import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'; +import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'; + +export const Titles07Config: ConfigType = { + key: 'Titles07', + chartKey: 'VTitles07', + conKey: 'VCTitles07', + title: '图标-04', + category: ChatCategoryEnum.TITLE, + categoryName: ChatCategoryEnumName.TITLE, + package: PackagesCategoryEnum.DECORATES, + chartFrame: ChartFrameEnum.STATIC, + image: 'sjzx.png', +}; diff --git a/src/packages/components/Decorates/Titles/Titles07/index.vue b/src/packages/components/Decorates/Titles/Titles07/index.vue new file mode 100644 index 0000000..c13a079 --- /dev/null +++ b/src/packages/components/Decorates/Titles/Titles07/index.vue @@ -0,0 +1,398 @@ + + + + + diff --git a/src/packages/components/Decorates/Titles/Titles08/config.ts b/src/packages/components/Decorates/Titles/Titles08/config.ts new file mode 100644 index 0000000..bd70338 --- /dev/null +++ b/src/packages/components/Decorates/Titles/Titles08/config.ts @@ -0,0 +1,23 @@ +import { PublicConfigClass } from '@/packages/public' +import { chartInitConfig } from '@/settings/designSetting' +import { CreateComponentType } from '@/packages/index.d' +import { Titles08Config } from './index' +import cloneDeep from 'lodash/cloneDeep' + +export const option = { + dur: 0.5, + borderTitle: '图标', + borderTitleWidth: 124, + borderTitleHeight: 140, + borderTitleSize: 18, + borderTitleColor: '#fff', + colors: ['#8aaafb', '#1f33a2'], + backgroundColor: '#00000000' +} + +export default class Config extends PublicConfigClass implements CreateComponentType { + public key = Titles08Config.key + public attr = { ...chartInitConfig, w: 124, h: 140, zIndex: 1 } + public chartConfig = cloneDeep(Titles08Config) + public option = cloneDeep(option) +} diff --git a/src/packages/components/Decorates/Titles/Titles08/config.vue b/src/packages/components/Decorates/Titles/Titles08/config.vue new file mode 100644 index 0000000..763c8f5 --- /dev/null +++ b/src/packages/components/Decorates/Titles/Titles08/config.vue @@ -0,0 +1,44 @@ + + + diff --git a/src/packages/components/Decorates/Titles/Titles08/index.ts b/src/packages/components/Decorates/Titles/Titles08/index.ts new file mode 100644 index 0000000..d0b81fa --- /dev/null +++ b/src/packages/components/Decorates/Titles/Titles08/index.ts @@ -0,0 +1,14 @@ +import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'; +import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'; + +export const Titles08Config: ConfigType = { + key: 'Titles08', + chartKey: 'VTitles08', + conKey: 'VCTitles08', + title: '图标-05', + category: ChatCategoryEnum.TITLE, + categoryName: ChatCategoryEnumName.TITLE, + package: PackagesCategoryEnum.DECORATES, + chartFrame: ChartFrameEnum.STATIC, + image: 'wlpt.png', +}; diff --git a/src/packages/components/Decorates/Titles/Titles08/index.vue b/src/packages/components/Decorates/Titles/Titles08/index.vue new file mode 100644 index 0000000..8ef5c3c --- /dev/null +++ b/src/packages/components/Decorates/Titles/Titles08/index.vue @@ -0,0 +1,480 @@ + + + + + diff --git a/src/packages/components/Decorates/Titles/Titles09/config.ts b/src/packages/components/Decorates/Titles/Titles09/config.ts new file mode 100644 index 0000000..cf3f9d8 --- /dev/null +++ b/src/packages/components/Decorates/Titles/Titles09/config.ts @@ -0,0 +1,16 @@ +import { PublicConfigClass } from '@/packages/public' +import { chartInitConfig } from '@/settings/designSetting' +import { CreateComponentType } from '@/packages/index.d' +import { Titles09Config } from './index' +import cloneDeep from 'lodash/cloneDeep' + +export const option = { + +} + +export default class Config extends PublicConfigClass implements CreateComponentType { + public key = Titles09Config.key + public attr = { ...chartInitConfig, w: 1920, h: 98, zIndex: 1 } + public chartConfig = cloneDeep(Titles09Config) + public option = cloneDeep(option) +} diff --git a/src/packages/components/Decorates/Titles/Titles09/config.vue b/src/packages/components/Decorates/Titles/Titles09/config.vue new file mode 100644 index 0000000..eef053d --- /dev/null +++ b/src/packages/components/Decorates/Titles/Titles09/config.vue @@ -0,0 +1,7 @@ + + + diff --git a/src/packages/components/Decorates/Titles/Titles09/index.ts b/src/packages/components/Decorates/Titles/Titles09/index.ts new file mode 100644 index 0000000..321dfc0 --- /dev/null +++ b/src/packages/components/Decorates/Titles/Titles09/index.ts @@ -0,0 +1,14 @@ +import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'; +import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'; + +export const Titles09Config: ConfigType = { + key: 'Titles09', + chartKey: 'VTitles09', + conKey: 'VCTitles09', + title: '标题', + category: ChatCategoryEnum.TITLE, + categoryName: ChatCategoryEnumName.TITLE, + package: PackagesCategoryEnum.DECORATES, + chartFrame: ChartFrameEnum.STATIC, + image: 'title01.png', +}; diff --git a/src/packages/components/Decorates/Titles/Titles09/index.vue b/src/packages/components/Decorates/Titles/Titles09/index.vue new file mode 100644 index 0000000..83c53b6 --- /dev/null +++ b/src/packages/components/Decorates/Titles/Titles09/index.vue @@ -0,0 +1,34 @@ + + + + + diff --git a/src/packages/components/Decorates/Titles/TitlesText/config.ts b/src/packages/components/Decorates/Titles/TitlesText/config.ts new file mode 100644 index 0000000..00660c2 --- /dev/null +++ b/src/packages/components/Decorates/Titles/TitlesText/config.ts @@ -0,0 +1,18 @@ +import { PublicConfigClass } from '@/packages/public' +import { chartInitConfig } from '@/settings/designSetting' +import { CreateComponentType } from '@/packages/index.d' +import { TitlesTextConfig } from './index' +import cloneDeep from 'lodash/cloneDeep' + +export const option = { + colors: ['#1DC1F533', '#1DC1F5FF'], + dataset: '我是标题', + textSize: 32 +} + +export default class Config extends PublicConfigClass implements CreateComponentType { + public key = TitlesTextConfig.key + public attr = { ...chartInitConfig, w: 500, h: 70, zIndex: 1 } + public chartConfig = cloneDeep(TitlesTextConfig) + public option = cloneDeep(option) +} diff --git a/src/packages/components/Decorates/Titles/TitlesText/config.vue b/src/packages/components/Decorates/Titles/TitlesText/config.vue new file mode 100644 index 0000000..965e078 --- /dev/null +++ b/src/packages/components/Decorates/Titles/TitlesText/config.vue @@ -0,0 +1,46 @@ + + + diff --git a/src/packages/components/Decorates/Titles/TitlesText/index.ts b/src/packages/components/Decorates/Titles/TitlesText/index.ts new file mode 100644 index 0000000..25250e6 --- /dev/null +++ b/src/packages/components/Decorates/Titles/TitlesText/index.ts @@ -0,0 +1,14 @@ +import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'; +import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'; + +export const TitlesTextConfig: ConfigType = { + key: 'TitlesText', + chartKey: 'VTitlesText', + conKey: 'VCTitlesText', + title: '我是标题', + category: ChatCategoryEnum.TITLE, + categoryName: ChatCategoryEnumName.TITLE, + package: PackagesCategoryEnum.DECORATES, + chartFrame: ChartFrameEnum.STATIC, + image: 'decorates06.png', +}; diff --git a/src/packages/components/Decorates/Titles/TitlesText/index.vue b/src/packages/components/Decorates/Titles/TitlesText/index.vue new file mode 100644 index 0000000..661fcc6 --- /dev/null +++ b/src/packages/components/Decorates/Titles/TitlesText/index.vue @@ -0,0 +1,58 @@ + + + + + + \ No newline at end of file diff --git a/src/packages/components/Decorates/Titles/Weather/config.ts b/src/packages/components/Decorates/Titles/Weather/config.ts new file mode 100644 index 0000000..a006ed2 --- /dev/null +++ b/src/packages/components/Decorates/Titles/Weather/config.ts @@ -0,0 +1,21 @@ +import { PublicConfigClass } from '@/packages/public' +import { chartInitConfig } from '@/settings/designSetting' +import { CreateComponentType } from '@/packages/index.d' +import { WeatherConfig } from './index' +import cloneDeep from 'lodash/cloneDeep' + +export const option = { + dataset: '天气温度', + textColor: '#fff', + textSize: 28, + colors: '#03A9F4', + size: 64, + rotate: 0 // 旋转角度 +} + +export default class Config extends PublicConfigClass implements CreateComponentType { + public key = WeatherConfig.key + public attr = { ...chartInitConfig, w: 200, h: 50, zIndex: 1 } + public chartConfig = cloneDeep(WeatherConfig) + public option = cloneDeep(option) +} diff --git a/src/packages/components/Decorates/Titles/Weather/config.vue b/src/packages/components/Decorates/Titles/Weather/config.vue new file mode 100644 index 0000000..1027008 --- /dev/null +++ b/src/packages/components/Decorates/Titles/Weather/config.vue @@ -0,0 +1,65 @@ + + + diff --git a/src/packages/components/Decorates/Titles/Weather/index.ts b/src/packages/components/Decorates/Titles/Weather/index.ts new file mode 100644 index 0000000..438e414 --- /dev/null +++ b/src/packages/components/Decorates/Titles/Weather/index.ts @@ -0,0 +1,14 @@ +import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'; +import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'; + +export const WeatherConfig: ConfigType = { + key: 'Weather', + chartKey: 'VWeather', + conKey: 'VCWeather', + title: '天气', + category: ChatCategoryEnum.TITLE, + categoryName: ChatCategoryEnumName.TITLE, + package: PackagesCategoryEnum.DECORATES, + chartFrame: ChartFrameEnum.STATIC, + image: 'sun.png', +}; diff --git a/src/packages/components/Decorates/Titles/Weather/index.vue b/src/packages/components/Decorates/Titles/Weather/index.vue new file mode 100644 index 0000000..c837232 --- /dev/null +++ b/src/packages/components/Decorates/Titles/Weather/index.vue @@ -0,0 +1,121 @@ + + + + + + \ No newline at end of file diff --git a/src/packages/components/Decorates/Titles/index.ts b/src/packages/components/Decorates/Titles/index.ts index 9da092b..889f74f 100644 --- a/src/packages/components/Decorates/Titles/index.ts +++ b/src/packages/components/Decorates/Titles/index.ts @@ -1,9 +1,34 @@ +import { Background01Config } from './Background01/index'; +import { Background02Config } from './Background02/index'; +import { Background03Config } from './Background03/index'; import { Titles01Config } from './Titles01/index'; import { Titles02Config } from './Titles02/index'; import { Titles03Config } from './Titles03/index'; +import { Titles04Config } from './Titles04/index'; +import { Titles05Config } from './Titles05/index'; +import { Titles06Config } from './Titles06/index'; +import { Titles07Config } from './Titles07/index'; +import { Titles08Config } from './Titles08/index'; +import { Titles09Config } from './Titles09/index'; +import { TitlesTextConfig } from './TitlesText/index'; +import { WeatherConfig } from './Weather/index'; +import { DateConfig } from './Date/index'; + export default [ + Background01Config, + Background02Config, + Background03Config, + Titles09Config, Titles01Config, + TitlesTextConfig, + WeatherConfig, + DateConfig, Titles02Config, - Titles03Config + Titles03Config, + Titles04Config, + Titles05Config, + Titles06Config, + Titles07Config, + Titles08Config, ]; diff --git a/src/packages/components/Photos/Private/index.ts b/src/packages/components/Photos/Private/index.ts index a975a41..55d34d5 100644 --- a/src/packages/components/Photos/Private/index.ts +++ b/src/packages/components/Photos/Private/index.ts @@ -6,6 +6,8 @@ import { StorageEnum } from '@/enums/storageEnum' import { FileTypeEnum } from '@/enums/fileTypeEnum' import { backgroundImageSize } from '@/settings/designSetting' import { usePackagesStore } from '@/store/modules/packagesStore/packagesStore' +import { photoModalStore } from '@/store/modules/photoModal' +const photoModalStateStore = photoModalStore() const StoreKey = StorageEnum.GO_USER_MEDIA_PHOTOS @@ -58,32 +60,7 @@ const addConfig = { configEvents: { // 点击上传事件 addHandle: (photoConfig: ConfigType) => { - goDialog({ - message: `图片需小于 ${backgroundImageSize}M 且只暂存在浏览器中。当前图片暂存上限5M,超过不再缓存新图片,请自行对接后端接口!现编译成 base64 进行渲染,对接后端后请使用【URL地址】进行交互!`, - transformOrigin: 'center', - onPositiveCallback: () => { - uploadFile((e: UploadCompletedEventType) => { - // 和上传组件一样配置,更换标题,图片,预设数据 - const packagesStore = usePackagesStore() - const newPhoto = { - ...ImageConfig, - category: ChatCategoryEnum.PRIVATE, - categoryName: ChatCategoryEnumName.PRIVATE, - package: PackagesCategoryEnum.PHOTOS, - chartFrame: ChartFrameEnum.STATIC, - title: e.fileName, - image: e.url, - dataset: e.url, - redirectComponent: `${ImageConfig.package}/${ImageConfig.category}/${ImageConfig.key}` // 跳转组件路径规则:packageName/categoryName/componentKey - } - userPhotosList.unshift(newPhoto) - // 存储在本地数据中 - setLocalStorage(StoreKey, userPhotosList) - // 插入到上传按钮前的位置 - packagesStore.addPhotos(newPhoto, 1) - }) - } - }) + photoModalStateStore.changeOpenState(true) } } } diff --git a/src/packages/components/Tables/Tables/GeneralHead/svg/title.vue b/src/packages/components/Tables/Tables/GeneralHead/svg/title.vue index 3a13754..75b95af 100644 --- a/src/packages/components/Tables/Tables/GeneralHead/svg/title.vue +++ b/src/packages/components/Tables/Tables/GeneralHead/svg/title.vue @@ -3,7 +3,7 @@ - -
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + {{ props.item.key }} + + + {{ props.item.title }} + + + {{ dayjs(props.item.time, 'HH:mm:ss').hour() }} 小时 + {{ dayjs(props.item.time, 'HH:mm:ss').minute() }} 分钟 + {{ dayjs(props.item.time, 'HH:mm:ss').second() }} 秒 + + + {{ props.item.num }} + + + -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - {{ props.item.key }} - - - {{ props.item.title }} - - - {{ dayjs(props.item.time, 'HH:mm:ss').hour() }} 小时 - {{ dayjs(props.item.time, 'HH:mm:ss').minute() }} 分钟 - {{ dayjs(props.item.time, 'HH:mm:ss').second() }} 秒 - - - {{ props.item.num }} - - -
- - - diff --git a/src/packages/components/Tables/Tables/ModalButton/config.ts b/src/packages/components/Tables/Tables/ModalButton/config.ts new file mode 100644 index 0000000..f6c6b81 --- /dev/null +++ b/src/packages/components/Tables/Tables/ModalButton/config.ts @@ -0,0 +1,21 @@ +import cloneDeep from 'lodash/cloneDeep' +import { PublicConfigClass } from '@/packages/public' +import { CreateComponentType } from '@/packages/index.d' +import { chartInitConfig } from '@/settings/designSetting' +import { ModalButtonConfig } from './index' + +export const option = { + buttonName: '辅助决策', + buttonStyle:{ + color: 'yellow', + fontsize: 16, + fontcolor: '#FFFFFF', + } +} + +export default class Config extends PublicConfigClass implements CreateComponentType { + public key = ModalButtonConfig.key + public attr = { ...chartInitConfig, w: 125, h: 45, zIndex: 5 } + public chartConfig = cloneDeep(ModalButtonConfig) + public option = cloneDeep(option) +} diff --git a/src/packages/components/Tables/Tables/ModalButton/config.vue b/src/packages/components/Tables/Tables/ModalButton/config.vue new file mode 100644 index 0000000..e56391e --- /dev/null +++ b/src/packages/components/Tables/Tables/ModalButton/config.vue @@ -0,0 +1,65 @@ + + + diff --git a/src/packages/components/Tables/Tables/ModalButton/index.ts b/src/packages/components/Tables/Tables/ModalButton/index.ts new file mode 100644 index 0000000..b6f24b4 --- /dev/null +++ b/src/packages/components/Tables/Tables/ModalButton/index.ts @@ -0,0 +1,14 @@ +import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d' +import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d' + +export const ModalButtonConfig: ConfigType = { + key: 'ModalButton', + chartKey: 'VModalButton', + conKey: 'VCModalButton', + title: '重复报警弹窗按钮', + category: ChatCategoryEnum.TABLE, + categoryName: ChatCategoryEnumName.TABLE, + package: PackagesCategoryEnum.TABLES, + chartFrame: ChartFrameEnum.COMMON, + image: 'ModalButton.png' +} diff --git a/src/packages/components/Tables/Tables/ModalButton/index.vue b/src/packages/components/Tables/Tables/ModalButton/index.vue new file mode 100644 index 0000000..8c38e5c --- /dev/null +++ b/src/packages/components/Tables/Tables/ModalButton/index.vue @@ -0,0 +1,40 @@ + + + + + diff --git a/src/packages/components/Tables/Tables/ModalButton/svg/button.vue b/src/packages/components/Tables/Tables/ModalButton/svg/button.vue new file mode 100644 index 0000000..7ec19e0 --- /dev/null +++ b/src/packages/components/Tables/Tables/ModalButton/svg/button.vue @@ -0,0 +1,363 @@ + + + diff --git a/src/packages/components/Tables/Tables/ModalFrame/config.ts b/src/packages/components/Tables/Tables/ModalFrame/config.ts new file mode 100644 index 0000000..6ccf752 --- /dev/null +++ b/src/packages/components/Tables/Tables/ModalFrame/config.ts @@ -0,0 +1,21 @@ +import cloneDeep from 'lodash/cloneDeep' +import { PublicConfigClass } from '@/packages/public' +import { CreateComponentType } from '@/packages/index.d' +import { chartInitConfig } from '@/settings/designSetting' +import { ModalFrameConfig } from './index' + +export const option = { + showModal: true, + frameStyle:{ + color: 'yellow', + fontsize: 16, + fontcolor: '#FFFFFF', + } +} + +export default class Config extends PublicConfigClass implements CreateComponentType { + public key = ModalFrameConfig.key + public attr = { ...chartInitConfig, w: 1490, h: 712, zIndex: 5 } + public chartConfig = cloneDeep(ModalFrameConfig) + public option = cloneDeep(option) +} diff --git a/src/packages/components/Tables/Tables/ModalFrame/config.vue b/src/packages/components/Tables/Tables/ModalFrame/config.vue new file mode 100644 index 0000000..6a096d7 --- /dev/null +++ b/src/packages/components/Tables/Tables/ModalFrame/config.vue @@ -0,0 +1,53 @@ + + + diff --git a/src/packages/components/Tables/Tables/ModalFrame/index.ts b/src/packages/components/Tables/Tables/ModalFrame/index.ts new file mode 100644 index 0000000..7453169 --- /dev/null +++ b/src/packages/components/Tables/Tables/ModalFrame/index.ts @@ -0,0 +1,14 @@ +import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d' +import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d' + +export const ModalFrameConfig: ConfigType = { + key: 'ModalFrame', + chartKey: 'VModalFrame', + conKey: 'VCModalFrame', + title: '重复报警弹窗框架', + category: ChatCategoryEnum.TABLE, + categoryName: ChatCategoryEnumName.TABLE, + package: PackagesCategoryEnum.TABLES, + chartFrame: ChartFrameEnum.COMMON, + image: 'ModalFrame.png' +} diff --git a/src/packages/components/Tables/Tables/ModalFrame/index.vue b/src/packages/components/Tables/Tables/ModalFrame/index.vue new file mode 100644 index 0000000..a1ae058 --- /dev/null +++ b/src/packages/components/Tables/Tables/ModalFrame/index.vue @@ -0,0 +1,40 @@ + + + + + diff --git a/src/packages/components/Tables/Tables/ModalFrame/svg/frame.vue b/src/packages/components/Tables/Tables/ModalFrame/svg/frame.vue new file mode 100644 index 0000000..3c5af3d --- /dev/null +++ b/src/packages/components/Tables/Tables/ModalFrame/svg/frame.vue @@ -0,0 +1,246 @@ + + + diff --git a/src/packages/components/Tables/Tables/ModalFrameClose/config.ts b/src/packages/components/Tables/Tables/ModalFrameClose/config.ts new file mode 100644 index 0000000..93c0b1d --- /dev/null +++ b/src/packages/components/Tables/Tables/ModalFrameClose/config.ts @@ -0,0 +1,15 @@ +import cloneDeep from 'lodash/cloneDeep' +import { PublicConfigClass } from '@/packages/public' +import { CreateComponentType } from '@/packages/index.d' +import { chartInitConfig } from '@/settings/designSetting' +import { ModalFrameCloseConfig } from './index' + +export const option = { +} + +export default class Config extends PublicConfigClass implements CreateComponentType { + public key = ModalFrameCloseConfig.key + public attr = { ...chartInitConfig, w: 52, h: 30, zIndex: 5 } + public chartConfig = cloneDeep(ModalFrameCloseConfig) + public option = cloneDeep(option) +} diff --git a/src/packages/components/Tables/Tables/ModalFrameClose/config.vue b/src/packages/components/Tables/Tables/ModalFrameClose/config.vue new file mode 100644 index 0000000..15e0a42 --- /dev/null +++ b/src/packages/components/Tables/Tables/ModalFrameClose/config.vue @@ -0,0 +1,15 @@ + + + diff --git a/src/packages/components/Tables/Tables/ModalFrameClose/index.ts b/src/packages/components/Tables/Tables/ModalFrameClose/index.ts new file mode 100644 index 0000000..eb2657b --- /dev/null +++ b/src/packages/components/Tables/Tables/ModalFrameClose/index.ts @@ -0,0 +1,14 @@ +import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d' +import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d' + +export const ModalFrameCloseConfig: ConfigType = { + key: 'ModalFrameClose', + chartKey: 'VModalFrameClose', + conKey: 'VCModalFrameClose', + title: '重复报警弹窗关闭按钮', + category: ChatCategoryEnum.TABLE, + categoryName: ChatCategoryEnumName.TABLE, + package: PackagesCategoryEnum.TABLES, + chartFrame: ChartFrameEnum.COMMON, + image: 'ModalFrameClose.png' +} diff --git a/src/packages/components/Tables/Tables/ModalFrameClose/index.vue b/src/packages/components/Tables/Tables/ModalFrameClose/index.vue new file mode 100644 index 0000000..7192c81 --- /dev/null +++ b/src/packages/components/Tables/Tables/ModalFrameClose/index.vue @@ -0,0 +1,37 @@ + + + + + diff --git a/src/packages/components/Tables/Tables/ModalFrameClose/svg/button.vue b/src/packages/components/Tables/Tables/ModalFrameClose/svg/button.vue new file mode 100644 index 0000000..9731c57 --- /dev/null +++ b/src/packages/components/Tables/Tables/ModalFrameClose/svg/button.vue @@ -0,0 +1,71 @@ + + + diff --git a/src/packages/components/Tables/Tables/ModalHead/config.ts b/src/packages/components/Tables/Tables/ModalHead/config.ts new file mode 100644 index 0000000..a785b66 --- /dev/null +++ b/src/packages/components/Tables/Tables/ModalHead/config.ts @@ -0,0 +1,22 @@ +import cloneDeep from 'lodash/cloneDeep' +import { PublicConfigClass } from '@/packages/public' +import { CreateComponentType } from '@/packages/index.d' +import { chartInitConfig } from '@/settings/designSetting' +import { ModalHeadConfig } from './index' + +export const option = { + title: '组件标题栏', + titleStyle: { + x: 40, + y: 23, + fontcolor: '#FFFFFF', + fontsize: 20 + } +} + +export default class Config extends PublicConfigClass implements CreateComponentType { + public key = ModalHeadConfig.key + public attr = { ...chartInitConfig, w: 321, h: 31, zIndex: -1 } + public chartConfig = cloneDeep(ModalHeadConfig) + public option = cloneDeep(option) +} diff --git a/src/packages/components/Tables/Tables/ModalHead/config.vue b/src/packages/components/Tables/Tables/ModalHead/config.vue new file mode 100644 index 0000000..4fe7546 --- /dev/null +++ b/src/packages/components/Tables/Tables/ModalHead/config.vue @@ -0,0 +1,56 @@ + + + diff --git a/src/packages/components/Tables/Tables/ModalHead/index.ts b/src/packages/components/Tables/Tables/ModalHead/index.ts new file mode 100644 index 0000000..beb2fdf --- /dev/null +++ b/src/packages/components/Tables/Tables/ModalHead/index.ts @@ -0,0 +1,14 @@ +import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d' +import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d' + +export const ModalHeadConfig: ConfigType = { + key: 'ModalHead', + chartKey: 'VModalHead', + conKey: 'VCModalHead', + title: '重复报警弹窗内部组件标题栏', + category: ChatCategoryEnum.TABLE, + categoryName: ChatCategoryEnumName.TABLE, + package: PackagesCategoryEnum.TABLES, + chartFrame: ChartFrameEnum.COMMON, + image: 'ModalHead.png' +} diff --git a/src/packages/components/Tables/Tables/ModalHead/index.vue b/src/packages/components/Tables/Tables/ModalHead/index.vue new file mode 100644 index 0000000..e609652 --- /dev/null +++ b/src/packages/components/Tables/Tables/ModalHead/index.vue @@ -0,0 +1,35 @@ + + + diff --git a/src/packages/components/Tables/Tables/ModalTimeLine/config.ts b/src/packages/components/Tables/Tables/ModalTimeLine/config.ts new file mode 100644 index 0000000..aec7f6d --- /dev/null +++ b/src/packages/components/Tables/Tables/ModalTimeLine/config.ts @@ -0,0 +1,59 @@ +import cloneDeep from 'lodash/cloneDeep' +import { PublicConfigClass } from '@/packages/public' +import { CreateComponentType } from '@/packages/index.d' +import { chartInitConfig } from '@/settings/designSetting' +import { ModalTimeLineConfig } from './index' +import dataJson from './data.json' + +const { source } = dataJson; + +export const option = { + dataset: source, + dataStyle: { + // 时间线设置 + background: '#0C2411', + bordercolor: '#0C2411', + size: 'medium', + iconsize: 16, + margintop: 0, + marginleft: 0, + // 最新内容设置 + titleColorFirst: '#D27100', + titleFontSizeFirst: 16, + timeColorFirst: '#FFFFFF', + timeFontSizeFirst: 16, + contentColorFirst: '#D27100', + contentFontSizeFirst: 16, + // 文本内容设置 + titleColor: '#06936A', + titleFontSize: 16, + timeColor: '#FFFFFF', + timeFontSize: 16, + contentColor: '#06936A', + contentFontSize: 16, + // 图片-适应方式 + imagefit: 'contain', + imageborderRadius: 10, + imagewidth: 150, + imageheight: 150, + imageMarginTop: 10, + imagealign: 'left', + // 视频-循环播放 + videoloop: true, + // 视频-静音 + videomuted: true, + // 视频-适应方式 + videofit: 'contain', + videowidth: 200, + videoheight: 150, + videoMarginTop: 10, + videoalign: 'left', + } +} + +export default class Config extends PublicConfigClass implements CreateComponentType { + public key = ModalTimeLineConfig.key + public attr = { ...chartInitConfig, w: 250, h: 450, zIndex: 5 } + public chartConfig = cloneDeep(ModalTimeLineConfig) + public option = cloneDeep(option) +} diff --git a/src/packages/components/Tables/Tables/ModalTimeLine/config.vue b/src/packages/components/Tables/Tables/ModalTimeLine/config.vue new file mode 100644 index 0000000..af3972d --- /dev/null +++ b/src/packages/components/Tables/Tables/ModalTimeLine/config.vue @@ -0,0 +1,281 @@ + + + diff --git a/src/packages/components/Tables/Tables/ModalTimeLine/data.json b/src/packages/components/Tables/Tables/ModalTimeLine/data.json new file mode 100644 index 0000000..9759b83 --- /dev/null +++ b/src/packages/components/Tables/Tables/ModalTimeLine/data.json @@ -0,0 +1,36 @@ +{ + "source": [ + { + "title":"临沂市", + "type": "success", + "content": "临沂市,山东省辖地级市,位于山东省东南部,地跨北纬34°22′~36°13′,东经117°24′~119°11′之间,属温带季风气候,四季分明,雨热同季,地势自北而南有沂山、蒙山、尼山3条主要山脉延伸,控制着沂沭河上游及其支流的流向,向南构成的扇状临郯苍平原是山东三平原之一。", + "time": "2025-02-11 01:27:14", + "imageurl": "/src/assets/logo.png", + "videourl": "/src/assets/videos/earth.mp4" + }, + { + "title":"临沂市", + "type": "success", + "content": "", + "time": "2025-02-11 01:27:14" + }, + { + "title":"临沂市", + "type": "success", + "content": "7142", + "time": "2025-02-11 01:27:14" + }, + { + "title":"临沂市", + "type": "success", + "content": "7142", + "time": "2025-02-11 01:27:14" + }, + { + "title":"临沂市", + "type": "success", + "content": "7142", + "time": "2025-02-11 01:27:14" + } + ] +} diff --git a/src/packages/components/Tables/Tables/ModalTimeLine/index.ts b/src/packages/components/Tables/Tables/ModalTimeLine/index.ts new file mode 100644 index 0000000..44db4ee --- /dev/null +++ b/src/packages/components/Tables/Tables/ModalTimeLine/index.ts @@ -0,0 +1,14 @@ +import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d' +import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d' + +export const ModalTimeLineConfig: ConfigType = { + key: 'ModalTimeLine', + chartKey: 'VModalTimeLine', + conKey: 'VCModalTimeLine', + title: '重复报警弹窗时间线', + category: ChatCategoryEnum.TABLE, + categoryName: ChatCategoryEnumName.TABLE, + package: PackagesCategoryEnum.TABLES, + chartFrame: ChartFrameEnum.COMMON, + image: 'ModalTimeLine.png' +} diff --git a/src/packages/components/Tables/Tables/ModalTimeLine/index.vue b/src/packages/components/Tables/Tables/ModalTimeLine/index.vue new file mode 100644 index 0000000..4e19d1b --- /dev/null +++ b/src/packages/components/Tables/Tables/ModalTimeLine/index.vue @@ -0,0 +1,162 @@ + + + + + diff --git a/src/packages/components/Tables/Tables/index.ts b/src/packages/components/Tables/Tables/index.ts index 5868c08..dd4e874 100644 --- a/src/packages/components/Tables/Tables/index.ts +++ b/src/packages/components/Tables/Tables/index.ts @@ -2,9 +2,30 @@ import { TableListConfig } from './TableList' import { TableScrollBoardConfig } from './TableScrollBoard' import { TablesBasicConfig } from "./TablesBasic/index"; import { GeneralHeadConfig } from "./GeneralHead/index"; +import { ModalHeadConfig } from "./ModalHead/index"; import { MoreButtonConfig } from "./MoreButton/index"; import { WeiXingYaoGanConfig } from "./WeiXingYaoGan/index"; import { XianSuoShangBaoConfig } from "./XianSuoShangBao/index"; import { MeiRiShangBaoConfig } from "./MeiRiShangBao/index"; -export default [TableListConfig, TableScrollBoardConfig,TablesBasicConfig, GeneralHeadConfig, MoreButtonConfig, WeiXingYaoGanConfig, XianSuoShangBaoConfig, MeiRiShangBaoConfig] +import { ModalFrameConfig } from "./ModalFrame/index"; +import { ModalFrameCloseConfig } from "./ModalFrameClose/index"; +import { ModalButtonConfig } from "./ModalButton/index"; +import { ModalTimeLineConfig } from "./ModalTimeLine/index"; + + +export default [ + TableListConfig, + TableScrollBoardConfig, + TablesBasicConfig, + GeneralHeadConfig, + ModalHeadConfig, + MoreButtonConfig, + WeiXingYaoGanConfig, + XianSuoShangBaoConfig, + MeiRiShangBaoConfig, + // ModalFrameConfig, + ModalFrameCloseConfig, + ModalButtonConfig, + ModalTimeLineConfig +]; diff --git a/src/store/modules/photoModal.ts b/src/store/modules/photoModal.ts new file mode 100644 index 0000000..fcd0a6d --- /dev/null +++ b/src/store/modules/photoModal.ts @@ -0,0 +1,18 @@ +import { defineStore } from 'pinia'; + +export const photoModalStore = defineStore({ + id: 'photoModal', + state: () => ({ + open: false, + }), + getters: { + getOpen(state) { + return state.open; + }, + }, + actions: { + changeOpenState( data:boolean ){ + this.open = data + } + }, +}); diff --git a/src/views/chart/ContentCharts/components/PhotoModal/index.vue b/src/views/chart/ContentCharts/components/PhotoModal/index.vue new file mode 100644 index 0000000..4b2c5df --- /dev/null +++ b/src/views/chart/ContentCharts/components/PhotoModal/index.vue @@ -0,0 +1,201 @@ + + + + + diff --git a/src/views/chart/ContentCharts/index.vue b/src/views/chart/ContentCharts/index.vue index 4c9404e..50b198d 100644 --- a/src/views/chart/ContentCharts/index.vue +++ b/src/views/chart/ContentCharts/index.vue @@ -32,6 +32,15 @@
+ + +