From 3e2914339a54efb904e822eaa3dd65e67111eeb2 Mon Sep 17 00:00:00 2001 From: fuliqi <fuliqi@qq.com> Date: 星期二, 25 六月 2024 15:23:56 +0800 Subject: [PATCH] 会议编辑删除 --- src/views/train/data-list/index.vue | 107 ++++++++++++++++++++++++++++++----------------------- 1 files changed, 60 insertions(+), 47 deletions(-) diff --git a/src/views/train/data-list/index.vue b/src/views/train/data-list/index.vue index a3e3a16..db2b93a 100644 --- a/src/views/train/data-list/index.vue +++ b/src/views/train/data-list/index.vue @@ -2,16 +2,16 @@ <div class="list-container w-full h-full"> <div class="list-content w-full overflow-x-hidden"> <el-row :gutter="20"> - <el-col :span="6" v-for="item in dataList" class="margin-col"> + <el-col :span="6" v-for="item in tableData" class="margin-col"> <el-card shadow="hover" class="list-card cursor-pointer" :body-style="{ padding: 0 }"> <div class="img-container w-full"> <img src="@/assets/list-card-bg.jpg" class="width-img"> </div> <div class="item-info p-3"> - <div class="info-title">{{ item.title }}</div> - <div class="info-teacher"> + <div class="info-title">{{ item.meetName }}</div> + <div class="info-teacherName"> <div class="info-label">涓昏:</div> - <div class="info-text">{{ item.teacher }}</div> + <div class="info-text">{{ item.teacherName }}</div> </div> <div class="info-time"> <div class="info-label">寮�濮嬫椂闂�:</div> @@ -22,7 +22,9 @@ <div class="info-text">{{ item.endTime }}</div> </div> <div class="button-container"> - <el-button @click="start">寮�濮嬩笂璇�</el-button> + <el-button @click="start(item)">寮�濮嬩笂璇�</el-button> + <el-button @click="handleUpdate(item)">缂栬緫</el-button> + <el-button @click="remove(item)">鍒犻櫎</el-button> </div> </div> </el-card> @@ -33,52 +35,63 @@ </template> <script> + export default { - data() { - return { - dataList: [ - { - 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' - } - ] - }; + props: { + tableData: [ + { + id: 1, + meetName: '鑻辫', + startTime: '2024-6-13 8:00', + endTime: '2024-6-13 8:00', + teacherName: '鍏宠�佸笀' + }, + { + id: 2, + meetName: '璇枃', + startTime: '2024-6-13 8:00', + endTime: '2024-6-13 8:00', + teacherName: '娴嬭瘯娴嬭瘯' + }, + { + id: 3, + meetName: '鏁板', + startTime: '2024-6-13 8:00', + endTime: '2024-6-13 8:00', + teacherName: '娴嬭瘯娴嬭瘯' + }, + { + id: 4, + meetName: '鏈哄満鑸┖', + startTime: '2024-6-13 8:00', + endTime: '2024-6-13 8:00', + teacherName: '娴嬭瘯娴嬭瘯' + }, + { + id: 5, + startTime: '2024-6-13 8:00', + endTime: '2024-6-13 8:00', + teacherName: '娴嬭瘯娴嬭瘯', + } + ] }, methods: { - start () { + handleUpdate (item) { + this.$emit('handleUpdate',item) + }, + remove (item) { + this.$emit('remove',item) + }, + start (item) { let routeUrl = this.$router.resolve({ path: "/meet", + query: { + domain: 'ycl.easyblog.vip:8443/' + item.id, + roomName: item.meetName, + userInfoStr: JSON.stringify({ + displayName: item.teacherName + }) + } }) window.open(routeUrl.href, '_blank') // window.open('https://ycl.easyblog.vip:8443/test'); @@ -118,7 +131,7 @@ font-weight: bold; } -.info-teacher { +.info-teacherName { display: flex; font-size: 14px; } -- Gitblit v1.8.0