diff --git a/src/renderer/src/AixPPTist/src/api/gridPic.ts b/src/renderer/src/AixPPTist/src/api/gridPic.ts new file mode 100644 index 0000000..7b4e9cf --- /dev/null +++ b/src/renderer/src/AixPPTist/src/api/gridPic.ts @@ -0,0 +1,47 @@ +export default class gridPic { + private static Instance: gridPic | null = null; + private gridPicRef: any = null; + + constructor(elRef?: any) { + if (elRef) { + this.gridPicRef = elRef; + } + if (!gridPic.Instance) { + gridPic.Instance = this; + } + return gridPic.Instance; + } + + // 初始化 + init(elRef) { + if (elRef) { + this.gridPicRef = elRef; + } + return this; + } + + addPIc(data) { + if (this.gridPicRef && this.gridPicRef.value && typeof this.gridPicRef.value.addPic === 'function') { + this.gridPicRef.value.addPic(data); + } + return this; + } + + // 静态方法 - 初始化 + static init(elRef) { + if (!gridPic.Instance) { + gridPic.Instance = new gridPic(elRef); + } else { + gridPic.Instance.init(elRef); + } + return gridPic.Instance; + } + + // 静态方法 - 打开推图上屏幕 + static addPIc(data) { + if (gridPic.Instance) { + return gridPic.Instance.addPIc(data); + } + return null; + } +} \ No newline at end of file diff --git a/src/renderer/src/AixPPTist/src/api/types.ts b/src/renderer/src/AixPPTist/src/api/types.ts index 0beb5ef..5cf8c3f 100644 --- a/src/renderer/src/AixPPTist/src/api/types.ts +++ b/src/renderer/src/AixPPTist/src/api/types.ts @@ -132,6 +132,8 @@ export class MsgEnum { MSG_dz : 'dz', /** @desc: 疑惑 */ MSG_yh : 'yh', + /** @desc: 推图片上屏 */ + MSG_pushSreen_ImgList : 'pushSreen_ImgList', // === 新定义-消息头 === /** @desc: 课程创建-待开课 */ MSG_0000: 0x0000, diff --git a/src/renderer/src/AixPPTist/src/api/watcher.ts b/src/renderer/src/AixPPTist/src/api/watcher.ts index 005aef2..29ea2e7 100644 --- a/src/renderer/src/AixPPTist/src/api/watcher.ts +++ b/src/renderer/src/AixPPTist/src/api/watcher.ts @@ -12,9 +12,10 @@ import Classcourse from './classcourse' // 课程相关 import msgUtils from '@/plugins/modal' // 消息工具 import * as dialogUtils from '@/utils/dialog' // 弹窗-函数 import { Homework } from './index' // api-作业相关 -// import emitter from '@/utils/mitt' //mitt 事件总线 +import emitter from '@/utils/mitt' //mitt 事件总线 import useExecPlay from '../views/Screen/hooks/useExecPlay' // 播放控制 import hooksUpvote from './upvote' // 点赞-工具 +import gridPic from './gridPic' // 上屏-工具 /** * @description 监听器 @@ -98,6 +99,7 @@ export default () => { } break case MsgEnum.HEADS.MSG_slideFlapping: // 幻灯片翻页 + emitter.emit('closegridPic') const slideIndex = content?.current || 0 const type = content?.animation // 上下动作 const steps = content?.animationSteps // 动画步骤 @@ -128,6 +130,10 @@ export default () => { case MsgEnum.HEADS.MSG_yh: // 疑惑 hooksUpvote.trigger(2) break + case MsgEnum.HEADS.MSG_pushSreen_ImgList: // 推图片上屏 + const imgArray = content.ImgList.map((obj) => obj.url); + emitter.emit('opengridPic',{arr:imgArray}) + break case MsgEnum.HEADS.MSG_0010: // 备用 break default: @@ -142,4 +148,14 @@ export default () => { window.close() // 关闭窗口 }, 1000) } + // setTimeout(async () => { + // emitter.emit('opengridPic',{arr:['https://prev.ysaix.com:7868/src/assets/images/homecard4.jpg']}) + // }, 3000) + + // setTimeout(async () => { + // emitter.emit('closegridPic') + // }, 6000) + // setTimeout(async () => { + // emitter.emit('opengridPic',{arr:['https://prev.ysaix.com:7868/src/assets/images/homecard4.jpg','https://prev.ysaix.com:7868/src/assets/images/homecard4.jpg']}) + // }, 9000) } \ No newline at end of file diff --git a/src/renderer/src/AixPPTist/src/views/Screen/index.vue b/src/renderer/src/AixPPTist/src/views/Screen/index.vue index d5aa87f..b030a5b 100644 --- a/src/renderer/src/AixPPTist/src/views/Screen/index.vue +++ b/src/renderer/src/AixPPTist/src/views/Screen/index.vue @@ -1,16 +1,26 @@ @@ -46,4 +77,8 @@ onUnmounted(() => document.removeEventListener('keydown', keydownListener)) width: 100%; height: 100%; } + + :deep(.gridPicRefdiv .el-dialog__body){ + height: 100% !important; +} \ No newline at end of file diff --git a/src/renderer/src/components/grid-pic/index.vue b/src/renderer/src/components/grid-pic/index.vue index 40fdd26..43cdf90 100644 --- a/src/renderer/src/components/grid-pic/index.vue +++ b/src/renderer/src/components/grid-pic/index.vue @@ -16,15 +16,15 @@ -
- - +
+ + 添加 diff --git a/src/renderer/src/components/grid-pic/viewer-item.vue b/src/renderer/src/components/grid-pic/viewer-item.vue index 0a4d300..d017854 100644 --- a/src/renderer/src/components/grid-pic/viewer-item.vue +++ b/src/renderer/src/components/grid-pic/viewer-item.vue @@ -140,5 +140,8 @@ watch(props.images, (newValue, oldValue) => { .viewer-item-wrap{ width: 100%; height: 100%; + :deep(.viewer-canvas img) { + display: block !important; + } }