From 98f494cf633e3acf5c20f3e9de0d708f2a6c2045 Mon Sep 17 00:00:00 2001 From: ZhangXianQiang <1135831638@qq.com> Date: 星期五, 05 七月 2024 09:39:59 +0800 Subject: [PATCH] feat:视频浏览 --- src/views/train/data-list/index.vue | 71 ++++++++++++++--------------------- 1 files changed, 28 insertions(+), 43 deletions(-) diff --git a/src/views/train/data-list/index.vue b/src/views/train/data-list/index.vue index 5adeca2..70d7102 100644 --- a/src/views/train/data-list/index.vue +++ b/src/views/train/data-list/index.vue @@ -3,17 +3,17 @@ <el-scrollbar> <div class="list-content w-full overflow-x-hidden"> <el-row :gutter="20"> - <el-col :span="6" v-for="item in dataList" class="mb-5"> + <el-col :span="6" v-for="item in props.dataList" class="mb-5"> <el-card shadow="hover" class="list-card cursor-pointer" :body-style="{ padding: 0 }" @click="itemClick(item)"> <div class="img-container w-full"> <img src="@/assets/image/list-card-bg.jpg" class="w-full"> </div> <div class="item-info p-3"> - <div class="info-title font-bold">{{ item.title }}</div> + <div class="info-title font-bold">{{ item.meetName }}</div> <div class="info-teacher flex text-sm text-gray-500"> <div class="info-label">涓昏:</div> - <div class="info-text">{{ item.teacher }}</div> + <div class="info-text">{{ item.teacherName }}</div> </div> <div class="info-time flex text-sm text-gray-500"> <div class="info-label">寮�濮嬫椂闂�:</div> @@ -36,52 +36,37 @@ <script setup> import { ref } from 'vue'; import { Timer } from '@element-plus/icons-vue'; +import { storeToRefs } from 'pinia'; import { useRouter } from 'vue-router'; -const router = useRouter(); +import { useUserStore } from '@/store/index.js'; +import { classMeet } from '@/api/modules/meet.js'; -const dataList = ref([ - { - title: '娴嬭瘯1', - startTime: '2024-6-13 8:00', - endTime: '2024-6-13 8:00', - teacher: '娴嬭瘯娴嬭瘯', - roomName: 'test' - }, - { - title: '娴嬭瘯1', - startTime: '2024-6-13 8:00', - endTime: '2024-6-13 8:00', - teacher: '娴嬭瘯娴嬭瘯', - roomName: 'test' - }, - { - title: '娴嬭瘯1', - startTime: '2024-6-13 8:00', - endTime: '2024-6-13 8:00', - teacher: '娴嬭瘯娴嬭瘯', - roomName: 'test' - }, - { - title: '娴嬭瘯1', - startTime: '2024-6-13 8:00', - endTime: '2024-6-13 8:00', - teacher: '娴嬭瘯娴嬭瘯', - roomName: 'test' - }, - { - title: '娴嬭瘯1', - startTime: '2024-6-13 8:00', - endTime: '2024-6-13 8:00', - teacher: '娴嬭瘯娴嬭瘯', - roomName: 'test' +const userStore = useUserStore(); +const { userInfo } = storeToRefs(userStore); +const router = useRouter(); +const props = defineProps({ + dataList: { + type: Array, + default: () => [] } -]); +}); const itemClick = (item) => { - if (window.electron) { - window.electron.openNewWindow(); - } + classMeet(item.id).then(res => { + if (window.webBridge) { + window.webBridge.openNewWindow(JSON.stringify(item)); + } else { + let path = router.resolve({ + path: "/meet", + query: { meetName: item.meetName, id: item.id, userName: userInfo.value?.realName || '', userCode: userInfo.value?.phone || '' } + }); + window.open(path.href, '_blank'); + } + }).catch(err => { + + }); + } </script> -- Gitblit v1.8.0