From a38b2ce4cf02b6ac7069ac89517287bf78f4dfdf Mon Sep 17 00:00:00 2001 From: luohairen <3399054449@qq.com> Date: 星期二, 29 十月 2024 14:13:56 +0800 Subject: [PATCH] 完成个人信息头像更换 --- src/views/train/data-list/index.vue | 98 +++++++++++++++++++++++-------------------------- 1 files changed, 46 insertions(+), 52 deletions(-) diff --git a/src/views/train/data-list/index.vue b/src/views/train/data-list/index.vue index a3e3a16..7f88253 100644 --- a/src/views/train/data-list/index.vue +++ b/src/views/train/data-list/index.vue @@ -2,16 +2,20 @@ <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> + <div class="info-text">{{ translateStatus(item.status) }}</div> </div> <div class="info-time"> <div class="info-label">寮�濮嬫椂闂�:</div> @@ -22,7 +26,15 @@ <div class="info-text">{{ item.endTime }}</div> </div> <div class="button-container"> - <el-button @click="start">寮�濮嬩笂璇�</el-button> + <el-button v-if="item.status!==2" @click="start(item)" type="primary" size="small">寮�濮嬩笂璇�</el-button> + <el-button @click="handleUpdate(item)" type="warning" size="small">缂栬緫</el-button> + <el-popconfirm + style="margin: 0 5px" + title="纭畾瑕佸垹闄よ鍩硅鍚楋紵" + @confirm="remove(item)" + > + <el-button slot="reference" type="danger" size="small" >鍒犻櫎</el-button> + </el-popconfirm> </div> </div> </el-card> @@ -33,58 +45,40 @@ </template> <script> + +import examPaperApi from "@/api/examPaper"; + 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: [] }, methods: { - start () { - let routeUrl = this.$router.resolve({ - path: "/meet", + handleUpdate (item) { + this.$emit('handleUpdate', item) + }, + remove (item) { + this.$confirm('姝ゆ搷浣滃皢姘镐箙鍒犻櫎璇ユ垚鍛�, 鏄惁缁х画?', '鎻愮ず', { + confirmButtonText: '纭畾', + cancelButtonText: '鍙栨秷', + type: 'warning' + }).then(() => { + this.$emit('remove', item) }) - window.open(routeUrl.href, '_blank') - // window.open('https://ycl.easyblog.vip:8443/test'); + }, + start (item) { + this.$emit('start', item) + }, + translateStatus (status) { + if (status === 0) { + return '寰呭紑濮�' + } else if (status === 1) { + return '杩涜涓�' + } else { + return '宸茬粨鏉�' + } } } -}; +} </script> <style lang="scss" scoped> @@ -118,7 +112,7 @@ font-weight: bold; } -.info-teacher { +.info-teacherName { display: flex; font-size: 14px; } -- Gitblit v1.8.0