From 9529b0ac0372c904274095123d9f0046d795a4f3 Mon Sep 17 00:00:00 2001
From: yz3456 <2753272399@qq.com>
Date: 星期一, 24 六月 2024 17:23:27 +0800
Subject: [PATCH] 修改了直播回放
---
ruoyi-ui/src/views/meeting/replay.vue | 212 +++++++++++++++++++++++++++++++++++++---------------
1 files changed, 151 insertions(+), 61 deletions(-)
diff --git a/ruoyi-ui/src/views/meeting/replay.vue b/ruoyi-ui/src/views/meeting/replay.vue
index 3f56b4f..fb58f90 100644
--- a/ruoyi-ui/src/views/meeting/replay.vue
+++ b/ruoyi-ui/src/views/meeting/replay.vue
@@ -1,5 +1,5 @@
<template>
- <div class="app-container" style="width: 100%; height: 800px;">
+ <div class="app-container" style="width: 100%; height: 1000px;">
<!-- 鍥炲埌椤堕儴 -->
<el-backtop :bottom="150" :right="30">
<el-button type="primary" circle class="el-icon-top"></el-button>
@@ -14,60 +14,45 @@
<!-- 鎼滅储 -->
- <el-form :model="queryParams1">
- <el-row>
- <el-form-item label="" prop="people">
- <el-input v-model="queryParams1.people" placeholder="璇疯緭鍏ユ悳绱㈠唴瀹�" clearable style="width: 300px;
- height: 35px;
- text-align: left;
- border-radius: 16px 16px 16px 16px;
- opacity: 0.5;" @keyup.enter.native="handleQuery">
- <i slot="prefix" class="el-input__icon el-icon-search"></i>
- </el-input>
- </el-form-item>
- </el-row>
+ <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">
+ <el-form-item label="鍥炴斁鏍囬" prop="title">
+ <el-input v-model="queryParams.title" placeholder="璇疯緭鍏ュ洖鏀炬爣棰�" clearable style="width: 200px;
+ height: 35px;
+ border-radius: 16px 16px 16px 16px;
+ opacity: 0.5;" @keyup.enter.native="handleQuery" />
+ </el-form-item>
+
+ <el-form-item>
+ <el-button size="mini" @click="handleQuery" style=" width: 65px; height: 32px;background: #FFDDE3;
+ border-radius: 6px 6px 6px 6px;opacity:1;">鎼滅储</el-button>
+ <el-button size="mini" @click="resetQuery" style=" width: 65px;height: 32px; background: #FFDDE3;
+ border-radius: 6px 6px 6px 6px;
+ opacity: 1;">閲嶇疆</el-button>
+ </el-form-item>
</el-form>
- <!-- <el-form :model="vList"> -->
- <el-row :gutter="25">
- <el-col :span="8" :style="margin">
+
+ <el-row :gutter="25" v-loading="loading">
+ <el-col :span="6" v-for="(item,i) in replayList" :style="margin">
<div class="module">
- <span class="span1">涓瀹跺涵浼氳</span>
- <span class="span2">2010-8-26 12:00</span>
- <el-button class="huifang" type="primary" plain @click="show">鍥炴斁</el-button>
- <div class="tubiao"><i class="el-icon-view">10000</i></div>
- <p class="author">鍙戣捣鑰�</p>
- </div>
- </el-col>
- <el-col :span="8">
- <div class="module">
- <span class="span1">涓瀹跺涵浼氳</span>
- <span class="span2">2010-8-26 12:00</span>
- <el-button class="huifang" type="primary" plain @click="show">鍥炴斁</el-button>
- <div class="tubiao"><i class="el-icon-view">10000</i></div>
- <p class="author">鍙戣捣鑰�</p>
- </div>
- </el-col>
- <el-col :span="8">
- <div class="module">
- <span class="span1">涓瀹跺涵浼氳</span>
- <span class="span2">2010-8-26 12:00</span>
- <el-button class="huifang" type="primary" plain @click="show">鍥炴斁</el-button>
- <div class="tubiao"><i class="el-icon-view">10000</i></div>
- <p class="author">鍙戣捣鑰�</p>
- </div>
- </el-col>
- <el-col :span="8">
- <div class="module">
- <span class="span1">涓瀹跺涵浼氳</span>
- <span class="span2">2010-8-26 12:00</span>
- <el-button class="huifang" type="primary" plain @click="show">鍥炴斁</el-button>
- <div class="tubiao"><i class="el-icon-view">10000</i></div>
- <p class="author">鍙戣捣鑰�</p>
+ <span class="span1">{{ item.title }}</span>
+ <span class="span2">{{ item.startTime }}</span>
+ <el-button class="huifang" type="primary" plain @click="show(item.id)">鍥炴斁</el-button>
+ <!-- <div class="tubiao"><i class="el-icon-view">10000</i></div> -->
+ <p class="author">{{ item.applyPerson }}</p>
</div>
</el-col>
</el-row>
- <!-- </el-form> -->
+
+ <pagination
+ v-show="total>0"
+ :total="total"
+ :page-sizes="pageSizes"
+ :page.sync="queryParams.pageNum"
+ :limit.sync="queryParams.pageSize"
+ @pagination="getList"
+ style="background: #FEF7FC;"
+ />
<!-- 鍥炶瑙嗛寮圭獥 -->
<el-dialog
@@ -77,7 +62,7 @@
:before-close="handleClose"
>
- <h4>涓瀹跺涵浼氳</h4>
+ <h4>{{ formData.title }}</h4>
<el-divider />
<video id="video" class="video" controls width="100%%" height="480" >
<source src="../../assets/images/娴嬭瘯.mp4" type="video/mp4">
@@ -90,24 +75,129 @@
</div>
</template>
<script>
+ import {
+ listRole,
+ getRole,
+ delRole,
+ addRole,
+ updateRole,
+ dataScope,
+ changeRoleStatus,
+ deptTreeSelect
+ } from "@/api/system/role";
+ import {
+ treeselect as menuTreeselect,
+ roleMenuTreeselect
+ } from "@/api/system/menu";
+ import {
+ Notification,
+ MessageBox,
+ Message,
+ Loading
+ } from 'element-ui'
+
+ //瀵煎叆鎺ュ彛鍑芥暟 --鎺ュソ浜�
+ import {
+ listReplay,
+ getReplayInfo
+ } from "@/api/meeting/index";
export default {
+ created() {
+ this.getList();
+ },
data() {
return {
- queryParams1: [],
- vList: [],
- dialogVisible: false,
+ id:undefined,
+ pageSizes: [8, 12],
+ showSearch: true,
+ loading:false,
+ queryParams1: [],
+ dialogVisible: false,
+ dateRange: [],
+ replayList:[],
+ queryParams: {
+ pageNum: 1,
+ pageSize: 8,
+ title: undefined,
+ applyPerson: undefined,
+ contactPerson: undefined,
+ happenStartTime: undefined,
+ happenEndTime: undefined
+ },
+ formData:{
+ id: undefined,
+ startTime: undefined,
+ endTime: undefined,
+ title: undefined,
+ applyPerson: undefined,
+ contactPerson: undefined,
+ contactPhone: undefined,
+ createTime: undefined,
+ happenStartTime: undefined,
+ happenEndTime: undefined,
+ },
+ // 鎬绘潯鏁�
+ total: 0,
}
},
methods: {
- show(){
- this.dialogVisible = true
- },
- handleClose(){
- this.dialogVisible = false;
- const video = document.getElementById("video")
- video.pause()
- }
+ getInfoList() {
+ const id = this.$route.params && this.$route.params.id;
+ let _this = this
+ if (id) {
+ this.loading = true;
+ getReplayInfo(id).then((response) => {
+ console.log(response.data,'123123123')
+ this.formData = response.data;
+ this.loading = false;
+ });
+ }
+ },
+ getList() {
+ this.loading = true;
+ // console.log(this.queryParams)
+ // listProperty(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
+ this.queryParams.happenStartTime = this.dateRange.length > 0 && this.dateRange[0]
+ this.queryParams.happenEndTime = this.dateRange.length > 0 && this.dateRange[1]
+ listReplay(this.queryParams).then(response => {
+ this.replayList = response.data.data;
+ // console.log(response,'replayListreplayListreplayList')
+ this.total = response.data.total;
+ this.loading = false;
+ }
+
+ );
+ },
+ show(id){
+ this.dialogVisible = true
+ if (id) {
+ this.loading = true;
+ getReplayInfo(id).then((response) => {
+ console.log(response.data,'123123123')
+ this.formData = response.data;
+ this.loading = false;
+ });
+ }
+ },
+ handleClose(){
+ this.dialogVisible = false;
+ const video = document.getElementById("video")
+ video.pause()
+ },
+ /** 鎼滅储鎸夐挳鎿嶄綔 */
+ handleQuery() {
+ this.queryParams.pageNum = 1;
+ this.getList();
+ },
+ /** 閲嶇疆鎸夐挳鎿嶄綔 */
+ resetQuery() {
+ this.dateRange = [];
+ this.resetForm("queryForm");
+ this.handleQuery();
+ },
+
+
}
}
</script>
--
Gitblit v1.9.1