From ff3b5c2ba2a757f050cf833f1af340f384874934 Mon Sep 17 00:00:00 2001
From: fuliqi <fuliqi@qq.com>
Date: 星期四, 04 七月 2024 17:08:04 +0800
Subject: [PATCH] 教学资源加班级
---
src/views/train/index.vue | 68 ++++++++++++++++++++--------------
1 files changed, 40 insertions(+), 28 deletions(-)
diff --git a/src/views/train/index.vue b/src/views/train/index.vue
index 9a574a4..2e5f472 100644
--- a/src/views/train/index.vue
+++ b/src/views/train/index.vue
@@ -9,15 +9,16 @@
<div class="card-header">
<div class="header-tab">
<el-tabs v-model="activeName" @tab-click="handleClick">
- <el-tab-pane label="鍏ㄩ儴" name="1"></el-tab-pane>
- <el-tab-pane label="鏈紑濮�" name="2"></el-tab-pane>
- <el-tab-pane label="杩涜涓�" name="3"></el-tab-pane>
- <el-tab-pane label="宸茬粨鏉�" name="4"></el-tab-pane>
+ <el-tab-pane label="鍏ㄩ儴" name="all"></el-tab-pane>
+ <el-tab-pane label="鏈紑濮�" name="0"></el-tab-pane>
+ <el-tab-pane label="杩涜涓�" name="1"></el-tab-pane>
+ <el-tab-pane label="宸茬粨鏉�" name="2"></el-tab-pane>
</el-tabs>
</div>
<div class="header-search">
- <el-input v-model="queryParam.meetName" @input="getList" clearable @clear="getList" placeholder="璇疯緭鍏ヨ绋嬪悕绉�"/>
- <el-button type="primary" class="ml-4" @click="getList" >鎼滅储</el-button>
+ <el-input v-model="queryParam.meetName" @input="getList" clearable @clear="getList"
+ placeholder="璇疯緭鍏ヨ绋嬪悕绉�"/>
+ <el-button type="primary" class="ml-4" @click="getList">鎼滅储</el-button>
</div>
<div>
<el-button type="primary" @click="handleAdd()">娣诲姞</el-button>
@@ -26,23 +27,25 @@
<div class="card-main flex-1 my-5 relative">
<div class="main-content absolute top-0 bottom-0 left-0 right-0">
- <DataList :tableData="tableData" @handleUpdate="handleUpdate" @remove = "remove" @start = "start"></DataList>
+ <DataList :tableData="tableData" @handleUpdate="handleUpdate" @remove="remove"
+ @start="start"></DataList>
<div id="meet" ref="meet"></div>
</div>
</div>
- <pagination v-show="total>0" :total="total" :page.sync="queryParam.pageIndex" :limit.sync="queryParam.pageSize"
+ <pagination v-show="total>0" :total="total" :page.sync="queryParam.pageIndex"
+ :limit.sync="queryParam.pageSize"
@pagination="getList"/>
</div>
</el-card>
<!-- 娣诲姞浼氳瀵硅瘽妗� -->
<el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
- <el-form label-width="80px" ref="form" :model="form" :rules="rules" >
- <el-form-item label="鎴块棿鍚�" prop="meetName" >
+ <el-form label-width="80px" ref="form" :model="form" :rules="rules">
+ <el-form-item label="鎴块棿鍚�" prop="meetName">
<el-input v-model="form.meetName" placeholder="璇疯緭鍏ユ埧闂村悕" style="width: 300px"></el-input>
</el-form-item>
- <el-form-item label="鐝骇" >
+ <el-form-item label="鐝骇">
<el-select
v-model="form.classesId"
placeholder="鐝骇"
@@ -51,18 +54,18 @@
<el-option v-for="item in classesIds" :key="item.id" :label="item.className" :value="item.id"/>
</el-select>
</el-form-item>
- <el-form-item label="涓婅鏃堕棿" prop="time" >
- <el-date-picker
- v-model="form.time"
- type="datetimerange"
- format="yyyy-MM-dd HH:mm:ss"
- value-format="yyyy-MM-dd HH:mm:ss"
- range-separator="鑷�"
- start-placeholder="寮�濮嬫棩鏈�"
- end-placeholder="缁撴潫鏃ユ湡">
- </el-date-picker>
+ <el-form-item label="涓婅鏃堕棿" prop="time">
+ <el-date-picker
+ v-model="form.time"
+ type="datetimerange"
+ format="yyyy-MM-dd HH:mm:ss"
+ value-format="yyyy-MM-dd HH:mm:ss"
+ range-separator="鑷�"
+ start-placeholder="寮�濮嬫棩鏈�"
+ end-placeholder="缁撴潫鏃ユ湡">
+ </el-date-picker>
</el-form-item>
- <el-form-item label="鐘舵��" >
+ <el-form-item label="鐘舵��">
<el-radio v-model="form.status" :label="0">寰呭紑濮�</el-radio>
<el-radio v-model="form.status" :label="1">杩涜涓�</el-radio>
<el-radio v-model="form.status" :label="2">宸茬粨鏉�</el-radio>
@@ -83,11 +86,11 @@
<script>
import DataList from './data-list/index.vue'
import Pagination from '@/components/Pagination'
-import { getMeets,addMeet,editMeet,deleteMeetById } from '@/api/meet'
+import { getMeets, addMeet, editMeet, deleteMeetById, startMeet } from '@/api/meet'
import { myClasses } from '@/api/classes'
export default {
- components: { DataList,Pagination},
+ components: { DataList, Pagination },
data () {
return {
queryParam: {
@@ -103,7 +106,7 @@
form: {},
tableData: [],
classesIds: [],
- activeName: '1',
+ activeName: 'all',
searchText: '',
rules: {
meetName: [
@@ -124,6 +127,12 @@
},
methods: {
handleClick () {
+ if (this.activeName !== 'all') {
+ this.queryParam.status = this.activeName
+ } else {
+ this.queryParam.status = null
+ }
+ this.getList()
},
remove (item) {
deleteMeetById(item.id).then(re => {
@@ -139,15 +148,15 @@
start (item) {
// 淇敼鎴块棿鐘舵�佷负杩涜涓�
item.status = 1
- editMeet(item).then(re => {
+ startMeet(item).then(re => {
if (re.data.code === 1) {
this.getList()
let routeUrl = this.$router.resolve({
- path: "/meet",
+ path: '/meet',
query: {
domain: 'ycl.easyblog.vip:8443/' + item.id,
roomName: item.meetName,
- userInfoStr: JSON.stringify({
+ userInfoStr: JSON.stringify({
displayName: item.teacherName
})
}
@@ -240,6 +249,7 @@
:deep(.el-tabs__nav-wrap:after) {
display: none;
}
+
.train-container {
width: 100%;
height: 100%;
@@ -253,12 +263,14 @@
width: 100%;
}
}
+
.card-header {
display: flex;
justify-content: space-between;
align-items: center;
flex-shrink: 0;
}
+
.header-search {
display: flex;
align-items: center;
--
Gitblit v1.8.0