diff --git a/src/assets/images/chart/zhigan/LowerLeft.png b/src/assets/images/chart/zhigan/LowerLeft.png new file mode 100644 index 0000000..2925076 Binary files /dev/null and b/src/assets/images/chart/zhigan/LowerLeft.png differ diff --git a/src/assets/images/chart/zhigan/ModalCarousel.png b/src/assets/images/chart/zhigan/ModalCarousel.png new file mode 100644 index 0000000..aaf7042 Binary files /dev/null and b/src/assets/images/chart/zhigan/ModalCarousel.png differ diff --git a/src/assets/images/chart/zhigan/ModalInfo.png b/src/assets/images/chart/zhigan/ModalInfo.png new file mode 100644 index 0000000..81ff84d Binary files /dev/null and b/src/assets/images/chart/zhigan/ModalInfo.png differ diff --git a/src/assets/images/chart/zhigan/ModalVideo.png b/src/assets/images/chart/zhigan/ModalVideo.png new file mode 100644 index 0000000..2976b79 Binary files /dev/null and b/src/assets/images/chart/zhigan/ModalVideo.png differ diff --git a/src/assets/images/chart/zhigan/component/lowerLeft.svg b/src/assets/images/chart/zhigan/component/lowerLeft.svg new file mode 100644 index 0000000..1da85fa --- /dev/null +++ b/src/assets/images/chart/zhigan/component/lowerLeft.svg @@ -0,0 +1,37 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/packages/components/Zhigan/Zhigan/HeadMoreButton/config.ts b/src/packages/components/Zhigan/Zhigan/HeadMoreButton/config.ts index 48ad96f..8edae20 100644 --- a/src/packages/components/Zhigan/Zhigan/HeadMoreButton/config.ts +++ b/src/packages/components/Zhigan/Zhigan/HeadMoreButton/config.ts @@ -20,7 +20,7 @@ export const option = { export default class Config extends PublicConfigClass implements CreateComponentType { public key = HeadMoreButtonConfig.key - public attr = { ...chartInitConfig, w: 80, h: 40, zIndex: 5 } + public attr = { ...chartInitConfig, w: 80, h: 32, zIndex: 5 } public chartConfig = cloneDeep(HeadMoreButtonConfig) public option = cloneDeep(option) } diff --git a/src/packages/components/Zhigan/Zhigan/LowerLeft/config.ts b/src/packages/components/Zhigan/Zhigan/LowerLeft/config.ts new file mode 100644 index 0000000..689b90e --- /dev/null +++ b/src/packages/components/Zhigan/Zhigan/LowerLeft/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 { LowerLeftConfig } from './index' + +export const option = { + imageStyle: { + imageWidth: 26, + imageHeight: 28, + bottom: 0, + right: 5, + } +} + +export default class Config extends PublicConfigClass implements CreateComponentType { + public key = LowerLeftConfig.key + public attr = { ...chartInitConfig, w: 400, h: 32, zIndex: -1 } + public chartConfig = cloneDeep(LowerLeftConfig) + public option = cloneDeep(option) +} diff --git a/src/packages/components/Zhigan/Zhigan/LowerLeft/config.vue b/src/packages/components/Zhigan/Zhigan/LowerLeft/config.vue new file mode 100644 index 0000000..81aefe7 --- /dev/null +++ b/src/packages/components/Zhigan/Zhigan/LowerLeft/config.vue @@ -0,0 +1,52 @@ + + + diff --git a/src/packages/components/Zhigan/Zhigan/LowerLeft/index.ts b/src/packages/components/Zhigan/Zhigan/LowerLeft/index.ts new file mode 100644 index 0000000..35df847 --- /dev/null +++ b/src/packages/components/Zhigan/Zhigan/LowerLeft/index.ts @@ -0,0 +1,14 @@ +import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d' +import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d' + +export const LowerLeftConfig: ConfigType = { + key: 'LowerLeft', + chartKey: 'VLowerLeft', + conKey: 'VCLowerLeft', + title: '组件底部栏', + category: ChatCategoryEnum.ZHIGAN, + categoryName: ChatCategoryEnumName.ZHIGAN, + package: PackagesCategoryEnum.ZHIGAN, + chartFrame: ChartFrameEnum.COMMON, + image: 'LowerLeft.png' +} diff --git a/src/packages/components/Zhigan/Zhigan/LowerLeft/index.vue b/src/packages/components/Zhigan/Zhigan/LowerLeft/index.vue new file mode 100644 index 0000000..0516788 --- /dev/null +++ b/src/packages/components/Zhigan/Zhigan/LowerLeft/index.vue @@ -0,0 +1,52 @@ + + + + + diff --git a/src/packages/components/Zhigan/Zhigan/ModalCarousel/config.ts b/src/packages/components/Zhigan/Zhigan/ModalCarousel/config.ts new file mode 100644 index 0000000..c282b6d --- /dev/null +++ b/src/packages/components/Zhigan/Zhigan/ModalCarousel/config.ts @@ -0,0 +1,64 @@ +import cloneDeep from 'lodash/cloneDeep' +import { PublicConfigClass } from '@/packages/public' +import { CreateComponentType } from '@/packages/index.d' +import { chartInitConfig } from '@/settings/designSetting' +import { ModalCarouselConfig } from './index' + +export const option = { + // 图片资源列表 + dataset: [ + 'https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel1.jpeg', + 'https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel2.jpeg', + 'https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel3.jpeg', + ], + buttonStyle:{ + dotBottom: 10, + dotLeft: 120, + dotColor1: '#00611a', + dotColor2: '#00cc13', + + buttonWidth: 20, + buttonHeight: 60, + + buttonBottom: 80, + buttonLeftAndRight: 0, + buttonColor: '#A4A4A4FF', + + iconFontSize: 20, + iconColor: '#1EC233', + + borderWidth: 2, + borderColor: '#008000', + }, + dataStyle: { + // 自动播放 + autoplay: true, + // 自动播放的间隔（豪秒） + interval: 5000, + // 每页显示的图片数量 + slidesPerview: 1, + // 轮播方向 + direction: "horizontal", + // 拖曳切换 + draggable: true, + // 居中显示 + centeredSlides: false, + // 过渡效果 + effect: "slide", + // 是否显示指示点 + showDots: true, + // 指示器样式 + dotType: "line", + // 显示箭头 + showArrow: true, + // 图片样式 + fit: "contain", + } +} + +export default class Config extends PublicConfigClass implements CreateComponentType { + public key = ModalCarouselConfig.key + public attr = { ...chartInitConfig, w: 320, h: 250, zIndex: -1 } + public chartConfig = cloneDeep(ModalCarouselConfig) + public option = cloneDeep(option) +} \ No newline at end of file diff --git a/src/packages/components/Zhigan/Zhigan/ModalCarousel/config.vue b/src/packages/components/Zhigan/Zhigan/ModalCarousel/config.vue new file mode 100644 index 0000000..063acf3 --- /dev/null +++ b/src/packages/components/Zhigan/Zhigan/ModalCarousel/config.vue @@ -0,0 +1,262 @@ + + + diff --git a/src/packages/components/Zhigan/Zhigan/ModalCarousel/index.ts b/src/packages/components/Zhigan/Zhigan/ModalCarousel/index.ts new file mode 100644 index 0000000..f6ca459 --- /dev/null +++ b/src/packages/components/Zhigan/Zhigan/ModalCarousel/index.ts @@ -0,0 +1,14 @@ +import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d' +import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d' + +export const ModalCarouselConfig: ConfigType = { + key: 'ModalCarousel', + chartKey: 'VModalCarousel', + conKey: 'VCModalCarousel', + title: '重复报警弹窗轮播图', + category: ChatCategoryEnum.ZHIGAN, + categoryName: ChatCategoryEnumName.ZHIGAN, + package: PackagesCategoryEnum.ZHIGAN, + chartFrame: ChartFrameEnum.COMMON, + image: 'ModalCarousel.png' +} diff --git a/src/packages/components/Zhigan/Zhigan/ModalCarousel/index.vue b/src/packages/components/Zhigan/Zhigan/ModalCarousel/index.vue new file mode 100644 index 0000000..39ca5ac --- /dev/null +++ b/src/packages/components/Zhigan/Zhigan/ModalCarousel/index.vue @@ -0,0 +1,170 @@ + + + + + diff --git a/src/packages/components/Zhigan/Zhigan/ModalHead/svg/title.vue b/src/packages/components/Zhigan/Zhigan/ModalHead/svg/title.vue index 82387bd..9d4faa2 100644 --- a/src/packages/components/Zhigan/Zhigan/ModalHead/svg/title.vue +++ b/src/packages/components/Zhigan/Zhigan/ModalHead/svg/title.vue @@ -8,7 +8,6 @@ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" > - 编组 54 diff --git a/src/packages/components/Zhigan/Zhigan/ModalInfo/config.ts b/src/packages/components/Zhigan/Zhigan/ModalInfo/config.ts new file mode 100644 index 0000000..09acd73 --- /dev/null +++ b/src/packages/components/Zhigan/Zhigan/ModalInfo/config.ts @@ -0,0 +1,42 @@ +import cloneDeep from 'lodash/cloneDeep' +import { PublicConfigClass } from '@/packages/public' +import { CreateComponentType } from '@/packages/index.d' +import { chartInitConfig } from '@/settings/designSetting' +import { ModalInfoConfig } from './index' +import dataJson from './data.json' + +const { source } = dataJson; + +export const option = { + dataset: source, + dataStyle:{ + backgroud: '#FFFFFF00', + marginTop: 10, + marginLeft: 20, + listMarginTop: 0, + listMarginLeft: 0, + }, + titleStyle: { + dotColor: '#C9FFC7', + dotSize: 12, + dotMarginRight: 10, + width: 100, + height: 20, + fontcolor: '#CBE6CD', + fontsize: 16, + align: 'left', + }, + contentStyle: { + width: 250, + fontcolor: '#FFFFFF', + fontsize: 16, + align: 'left', + } +} + +export default class Config extends PublicConfigClass implements CreateComponentType { + public key = ModalInfoConfig.key + public attr = { ...chartInitConfig, w: 400, h: 300, zIndex: -1 } + public chartConfig = cloneDeep(ModalInfoConfig) + public option = cloneDeep(option) +} \ No newline at end of file diff --git a/src/packages/components/Zhigan/Zhigan/ModalInfo/config.vue b/src/packages/components/Zhigan/Zhigan/ModalInfo/config.vue new file mode 100644 index 0000000..56e88f9 --- /dev/null +++ b/src/packages/components/Zhigan/Zhigan/ModalInfo/config.vue @@ -0,0 +1,154 @@ + + + diff --git a/src/packages/components/Zhigan/Zhigan/ModalInfo/data.json b/src/packages/components/Zhigan/Zhigan/ModalInfo/data.json new file mode 100644 index 0000000..84dd1eb --- /dev/null +++ b/src/packages/components/Zhigan/Zhigan/ModalInfo/data.json @@ -0,0 +1,28 @@ +{ + "source": [ + { + "title": "预警描述", + "content": "费县马庄镇牛田村村委东北方向375.75°1.197公里处发现火情" + }, + { + "title": "水平角", + "content": "375.75°" + }, + { + "title": "俯视角", + "content": "98°" + }, + { + "title": "经纬度", + "content": "117.90911.3012349" + }, + { + "title": "预警时间", + "content": "2024.12.24 13:08:07" + }, + { + "title": "瞭望塔", + "content": "费县瞭望塔" + } + ] +} diff --git a/src/packages/components/Zhigan/Zhigan/ModalInfo/index.ts b/src/packages/components/Zhigan/Zhigan/ModalInfo/index.ts new file mode 100644 index 0000000..be5d30d --- /dev/null +++ b/src/packages/components/Zhigan/Zhigan/ModalInfo/index.ts @@ -0,0 +1,14 @@ +import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d' +import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d' + +export const ModalInfoConfig: ConfigType = { + key: 'ModalInfo', + chartKey: 'VModalInfo', + conKey: 'VCModalInfo', + title: '重复报警弹窗信息展示', + category: ChatCategoryEnum.ZHIGAN, + categoryName: ChatCategoryEnumName.ZHIGAN, + package: PackagesCategoryEnum.ZHIGAN, + chartFrame: ChartFrameEnum.COMMON, + image: 'ModalInfo.png' +} diff --git a/src/packages/components/Zhigan/Zhigan/ModalInfo/index.vue b/src/packages/components/Zhigan/Zhigan/ModalInfo/index.vue new file mode 100644 index 0000000..f75ddef --- /dev/null +++ b/src/packages/components/Zhigan/Zhigan/ModalInfo/index.vue @@ -0,0 +1,93 @@ + + + + + diff --git a/src/packages/components/Zhigan/Zhigan/ModalInfo/svg/dot.vue b/src/packages/components/Zhigan/Zhigan/ModalInfo/svg/dot.vue new file mode 100644 index 0000000..b161988 --- /dev/null +++ b/src/packages/components/Zhigan/Zhigan/ModalInfo/svg/dot.vue @@ -0,0 +1,94 @@ + + + diff --git a/src/packages/components/Zhigan/Zhigan/ModalVideo/config.ts b/src/packages/components/Zhigan/Zhigan/ModalVideo/config.ts new file mode 100644 index 0000000..ce701f4 --- /dev/null +++ b/src/packages/components/Zhigan/Zhigan/ModalVideo/config.ts @@ -0,0 +1,27 @@ +import cloneDeep from 'lodash/cloneDeep' +import { PublicConfigClass } from '@/packages/public' +import { CreateComponentType } from '@/packages/index.d' +import { chartInitConfig } from '@/settings/designSetting' +import { ModalVideoConfig } from './index' + +export const option = { + dataset: '/src/assets/videos/earth.mp4', + dataStyle: { + backgroud: '#FFFFFF00', + videoloop: true, // 视频-循环播放 + videomuted: true, // 视频-静音 + videofit: 'fill', // 视频-适应方式 + videoMarginTop: 10, + + borderWidth: 2, + borderColor: '#008000', + padding: 4, + } +} + +export default class Config extends PublicConfigClass implements CreateComponentType { + public key = ModalVideoConfig.key + public attr = { ...chartInitConfig, w: 320, h: 220, zIndex: -1 } + public chartConfig = cloneDeep(ModalVideoConfig) + public option = cloneDeep(option) +} diff --git a/src/packages/components/Zhigan/Zhigan/ModalVideo/config.vue b/src/packages/components/Zhigan/Zhigan/ModalVideo/config.vue new file mode 100644 index 0000000..554b17c --- /dev/null +++ b/src/packages/components/Zhigan/Zhigan/ModalVideo/config.vue @@ -0,0 +1,91 @@ + + + diff --git a/src/packages/components/Zhigan/Zhigan/ModalVideo/index.ts b/src/packages/components/Zhigan/Zhigan/ModalVideo/index.ts new file mode 100644 index 0000000..b5ad1ed --- /dev/null +++ b/src/packages/components/Zhigan/Zhigan/ModalVideo/index.ts @@ -0,0 +1,14 @@ +import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d' +import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d' + +export const ModalVideoConfig: ConfigType = { + key: 'ModalVideo', + chartKey: 'VModalVideo', + conKey: 'VCModalVideo', + title: '重复报警弹窗视频组件', + category: ChatCategoryEnum.ZHIGAN, + categoryName: ChatCategoryEnumName.ZHIGAN, + package: PackagesCategoryEnum.ZHIGAN, + chartFrame: ChartFrameEnum.COMMON, + image: 'ModalVideo.png' +} diff --git a/src/packages/components/Zhigan/Zhigan/ModalVideo/index.vue b/src/packages/components/Zhigan/Zhigan/ModalVideo/index.vue new file mode 100644 index 0000000..30e9f60 --- /dev/null +++ b/src/packages/components/Zhigan/Zhigan/ModalVideo/index.vue @@ -0,0 +1,64 @@ + + + + + diff --git a/src/packages/components/Zhigan/Zhigan/index.ts b/src/packages/components/Zhigan/Zhigan/index.ts index 4abcd13..4e56bc5 100644 --- a/src/packages/components/Zhigan/Zhigan/index.ts +++ b/src/packages/components/Zhigan/Zhigan/index.ts @@ -1,24 +1,26 @@ import { GeneralHeadConfig } from "./GeneralHead/index"; -import { ModalHeadConfig } from "./ModalHead/index"; import { HeadMoreButtonConfig } from "./HeadMoreButton/index"; import { WuRenJiImageConfig } from "./WuRenJiImage/index"; import { WeiXingYaoGanConfig } from "./WeiXingYaoGan/index"; import { XianSuoShangBaoConfig } from "./XianSuoShangBao/index"; import { MeiRiShangBaoConfig } from "./MeiRiShangBao/index"; - - import { WuRenJiShiShiHuaMianConfig } from "./WuRenJiShiShiHuaMian/index"; import { WuRenJiFeiXingShuJuConfig } from "./WuRenJiFeiXingShuJu/index"; + import { ModalFrameConfig } from "./ModalFrame/index"; import { ModalFrameCloseConfig } from "./ModalFrameClose/index"; -import { ModalButtonConfig } from "./ModalButton/index"; +import { ModalHeadConfig } from "./ModalHead/index"; +import { ModalCarouselConfig } from "./ModalCarousel/index"; +import { ModalVideoConfig } from "./ModalVideo/index"; +import { ModalInfoConfig } from "./ModalInfo/index"; import { ModalTimeLineConfig } from "./ModalTimeLine/index"; +import { ModalButtonConfig } from "./ModalButton/index"; +import { LowerLeftConfig } from "./LowerLeft/index"; export default [ GeneralHeadConfig, - ModalHeadConfig, HeadMoreButtonConfig, WuRenJiImageConfig, @@ -28,8 +30,15 @@ export default [ WuRenJiShiShiHuaMianConfig, WuRenJiFeiXingShuJuConfig, + + LowerLeftConfig, + ModalFrameConfig, - ModalFrameCloseConfig, + ModalFrameCloseConfig, + ModalHeadConfig, + ModalCarouselConfig, + ModalVideoConfig, + ModalInfoConfig, + ModalTimeLineConfig, ModalButtonConfig, - ModalTimeLineConfig ];