| | |
| | | <div class="list-content w-full overflow-x-hidden"> |
| | | <el-row :gutter="20"> |
| | | <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)"> |
| | | <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"> |
| | | <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.meetName }}</div> |
| | |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | | |
| | | </el-scrollbar> |
| | | </div> |
| | | </template> |
| | | |
| | | <script setup> |
| | | import {storeToRefs} from 'pinia'; |
| | | import {useRouter} from 'vue-router'; |
| | | import {useUserStore} from '@/store/index.js'; |
| | | import {classMeet} from '@/api/modules/meet.js'; |
| | | import { storeToRefs } from "pinia"; |
| | | import { useRouter } from "vue-router"; |
| | | import { useUserStore } from "@/store/index.js"; |
| | | import { classMeet } from "@/api/modules/meet.js"; |
| | | |
| | | const userStore = useUserStore(); |
| | | const { userInfo } = storeToRefs(userStore); |
| | |
| | | const props = defineProps({ |
| | | dataList: { |
| | | type: Array, |
| | | default: () => [] |
| | | } |
| | | default: () => [], |
| | | }, |
| | | }); |
| | | |
| | | |
| | | const itemClick = (item) => { |
| | | 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 => { |
| | | |
| | | }); |
| | | |
| | | } |
| | | |
| | | 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 + "_" + item.id || "", |
| | | userCode: userInfo.value?.phone + "_" + item.id || "", |
| | | }, |
| | | }); |
| | | window.open(path.href, "_blank"); |
| | | } |
| | | }) |
| | | .catch((err) => {}); |
| | | }; |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |