| | |
| | | <hr> |
| | | |
| | | <!-- 搜索 --> |
| | | <el-form :model="queryParams1"> |
| | | <el-row> |
| | | <el-form-item label="" prop="people"> |
| | | <el-input v-model="queryParams1.people" placeholder="请输入搜索内容" clearable style="width: 300px; |
| | | <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; |
| | | 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> |
| | | 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-row :gutter="0"> |
| | | <el-col :span="4"> |
| | | <el-row :gutter="0" v-loading="loading"> |
| | | <el-col :span="4" v-for="(item,i) in webcastList"> |
| | | <div class="module" @click="toLook"> |
| | | <div class="video"> |
| | | 66666666 |
| | | </div> |
| | | <span class="span1">中秋家庭会议</span> |
| | | <span class="span1">{{ item.title }}</span> |
| | | <div class="tubiao"><i class="el-icon-view">10000</i></div> |
| | | <p class="author">发起者</p> |
| | | <p class="author">{{ item.applyPerson }}</p> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="4"> |
| | | <div class="module"> |
| | | <div class="video"> |
| | | 66666666 |
| | | </div> |
| | | <span class="span1">中秋家庭会议</span> |
| | | <div class="tubiao"><i class="el-icon-view">10000</i></div> |
| | | <p class="author">发起者</p> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="4"> |
| | | <div class="module"> |
| | | <div class="video"> |
| | | 66666666 |
| | | </div> |
| | | <span class="span1">中秋家庭会议</span> |
| | | <div class="tubiao"><i class="el-icon-view">10000</i></div> |
| | | <p class="author">发起者</p> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="4"> |
| | | <div class="module"> |
| | | <div class="video"> |
| | | 66666666 |
| | | </div> |
| | | <span class="span1">中秋家庭会议</span> |
| | | <div class="tubiao"><i class="el-icon-view">10000</i></div> |
| | | <p class="author">发起者</p> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="4"> |
| | | <div class="module"> |
| | | <div class="video"> |
| | | |
| | | </div> |
| | | <span class="span1">中秋家庭会议</span> |
| | | <div class="tubiao"><i class="el-icon-view">10000</i></div> |
| | | <p class="author">发起者</p> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="4"> |
| | | <div class="module"> |
| | | <div class="video"> |
| | | 66666666 |
| | | </div> |
| | | <span class="span1">中秋家庭会议</span> |
| | | <div class="tubiao"><i class="el-icon-view">10000</i></div> |
| | | <p class="author">发起者</p> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="4"> |
| | | <div class="module"> |
| | | <div class="video"> |
| | | 66666666 |
| | | </div> |
| | | <span class="span1">中秋家庭会议</span> |
| | | <div class="tubiao"><i class="el-icon-view">10000</i></div> |
| | | <p class="author">发起者</p> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="4"> |
| | | <div class="module"> |
| | | <div class="video"> |
| | | 66666666 |
| | | </div> |
| | | <span class="span1">中秋家庭会议</span> |
| | | <div class="tubiao"><i class="el-icon-view">10000</i></div> |
| | | <p class="author">发起者</p> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="4"> |
| | | <div class="module"> |
| | | <div class="video"> |
| | | 66666666 |
| | | </div> |
| | | <span class="span1">中秋家庭会议</span> |
| | | <div class="tubiao"><i class="el-icon-view">10000</i></div> |
| | | <p class="author">发起者</p> |
| | | </div> |
| | | </el-col> |
| | | |
| | | </el-row> |
| | | |
| | | <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 :title="title" :visible.sync="open" width="1000px" append-to-body> |
| | | <el-form ref="elForm" :model="formDat" :rules="rules" size="medium" label-width="100px"> |
| | | <!-- <el-form-item label="获得时间" prop="happenTime">--> |
| | | <!-- <el-input v-model="formDat.happenTime" placeholder="请输入获得时间" clearable :style="{width: '100%'}" ></el-input>--> |
| | | <!-- </el-form-item>--> |
| | | <!-- <el-form-item label="开始时间" prop="happenTime"> |
| | | </el-form-item> --> |
| | | <el-form-item label="时间" prop="timeSpan"> |
| | | <el-date-picker v-model="formDat.timeSpan" type="datetimerange" range-separator="至" start-placeholder="开始日期" |
| | | end-placeholder="结束日期" value-format="yyyy-MM-dd HH:mm:ss"> |
| | | |
| | | <el-form-item label="开始时间" prop="startTime"> |
| | | <el-date-picker v-model="formDat.startTime" type="datetime" placeholder="选择开始时间" |
| | | value-format="yyyy-MM-dd HH:mm:ss"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="会议标题" prop="meetingTitle"> |
| | | <el-form-item label="结束时间" prop="endTime"> |
| | | <el-date-picker v-model="formDat.endTime" type="datetime" placeholder="选择开始时间" |
| | | value-format="yyyy-MM-dd HH:mm:ss"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | |
| | | <!-- <el-form-item label="开始时间" prop="startTime"> |
| | | <el-date-picker v-model="formDat.startTime" type="datetime" placeholder="选择开始时间" |
| | | value-format="yyyy-MM-dd HH:mm:ss"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="持续时间" prop="meetingTitle"> |
| | | <el-input v-model="formDat.meetingTitle" placeholder="请输入会议标题" clearable :style="{width: '100%'}"> |
| | | </el-input> |
| | | </el-form-item> |
| | | <!-- <el-form-item label="会议地点" prop="address"> |
| | | <el-input v-model="formDat.address" placeholder="请输入会议地点" clearable :style="{width: '100%'}"> |
| | | </el-input> |
| | | </el-form-item> --> |
| | | <!-- <el-form-item label="会议室代码" prop="meetingID"> |
| | | <el-input v-model="formDat.meetingID" placeholder="请输入会议室代码" clearable :style="{width: '100%'}"> |
| | | </el-input> |
| | | </el-form-item> --> |
| | | <!-- <el-form-item label="可容纳人数" prop="capacity"> |
| | | <el-input v-model="formDat.capacity" placeholder="请输入可容纳人数" clearable :style="{width: '100%'}"> |
| | | </el-input> |
| | | </el-form-item> --> |
| | | <!-- <el-form-item label="参与人数" prop="attendance"> |
| | | <el-input v-model="formDat.attendance" placeholder="请输入参与人数" clearable :style="{width: '100%'}"> |
| | | </el-input> |
| | | </el-form-item> --> |
| | | <el-form-item label="申请人" prop="applicant"> |
| | | <el-input v-model="formDat.applicant" placeholder="请输入申请人" clearable :style="{width: '100%'}"> |
| | | |
| | | <el-form-item label="会议标题" prop="title"> |
| | | <el-input v-model="formDat.title" placeholder="请输入会议标题" clearable :style="{width: '100%'}"> |
| | | </el-input> |
| | | </el-form-item> |
| | | <!-- <el-form-item label="申请家庭或部门" prop="familyName"> |
| | | <el-input v-model="formDat.familyName" placeholder="请输入申请家庭或部门" clearable :style="{width: '100%'}"> |
| | | </el-input> |
| | | </el-form-item> --> |
| | | <el-form-item label="联系人" prop="name"> |
| | | <el-input v-model="formDat.name" placeholder="请输入联系人" clearable :style="{width: '100%'}"> |
| | | |
| | | <el-form-item label="申请人" prop="applyPerson"> |
| | | <el-input v-model="formDat.applyPerson" placeholder="请输入申请人" clearable :style="{width: '100%'}"> |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="联系电话" prop="phone"> |
| | | <el-input v-model="formDat.phone" placeholder="请输入联系电话" clearable :style="{width: '100%'}"></el-input> |
| | | |
| | | <el-form-item label="联系人" prop="contactPerson"> |
| | | <el-input v-model="formDat.contactPerson" placeholder="请输入联系人" clearable :style="{width: '100%'}"> |
| | | </el-input> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="联系电话" prop="contactPhone"> |
| | | <el-input v-model="formDat.contactPhone" placeholder="请输入联系电话" clearable :style="{width: '100%'}"></el-input> |
| | | </el-form-item> |
| | | |
| | | </el-form> |
| | |
| | | </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 { |
| | | addWebcast, |
| | | listWebcast, |
| | | getWebcastInfo |
| | | } from "@/api/meeting/index"; |
| | | |
| | | export default { |
| | | /** 搜索按钮操作 */ |
| | | handleQuery() { |
| | | this.queryParams.pageNum = 1; |
| | | this.getList(); |
| | | }, |
| | | /** 重置按钮操作 */ |
| | | resetQuery() { |
| | | this.dateRange = []; |
| | | this.resetForm("queryForm"); |
| | | this.handleQuery(); |
| | | }, |
| | | created() { |
| | | this.getList(); |
| | | }, |
| | | data() { |
| | | return { |
| | | queryParams1: [], |
| | | pageSizes: [12, 24, 36], |
| | | webcastList:[], |
| | | // 总条数 |
| | | total: 0, |
| | | loading: true, |
| | | dateRange: [], |
| | | queryParams: { |
| | | pageNum: 1, |
| | | pageSize: 12, |
| | | title: undefined, |
| | | applyPerson: undefined, |
| | | contactPerson: undefined, |
| | | happenStartTime: undefined, |
| | | happenEndTime: undefined |
| | | }, |
| | | // 弹出层标题 |
| | | title: "", |
| | | // 是否显示弹出层 |
| | | open: false, |
| | | formDat: { |
| | | id: undefined, |
| | | happenTime: undefined, |
| | | startTime: undefined, |
| | | endTime: undefined, |
| | | timeSpan: undefined, |
| | | meetingTitle: undefined, |
| | | address: undefined, |
| | | meetingID: undefined, |
| | | capacity: undefined, |
| | | attendance: undefined, |
| | | applicant: undefined, |
| | | familyName: undefined, |
| | | name: undefined, |
| | | phone: undefined, |
| | | url: "", |
| | | |
| | | |
| | | title: undefined, |
| | | applyPerson: undefined, |
| | | contactPerson: undefined, |
| | | contactPhone: undefined, |
| | | createTime: undefined |
| | | }, |
| | | |
| | | } |
| | |
| | | this.open = false; |
| | | // this.reset(); |
| | | }, |
| | | submitDataScope() { |
| | | console.log(this.formDat.timeSpan) |
| | | submitDataScope: function() { |
| | | this.$refs["elForm"].validate(valid => { |
| | | if (valid) { |
| | | addWebcast(this.formDat).then(response => { |
| | | this.$modal.msgSuccess("新增成功"); |
| | | this.open = false; |
| | | // 清空formDat对象的数据 |
| | | Object.keys(this.formDat).forEach(key => { |
| | | this.formDat[key] = ''; |
| | | }); |
| | | // for(let i = 0; i <= this.fileList.length; i++) |
| | | // { |
| | | // this.handleRemove(this.fileList[0]); |
| | | // } |
| | | // for(let i = 0; i < this.fileListOther.length; i++){ |
| | | // this.handleRemoveFile(this.fileListOther[0]); |
| | | // } |
| | | this.getList(); |
| | | }); |
| | | } |
| | | }); |
| | | |
| | | }, |
| | | toLook(){ |
| | | 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] |
| | | listWebcast(this.queryParams).then(response => { |
| | | this.webcastList = response.data.data; |
| | | console.log(this.webcastList,'webcastListwebcastListwebcastList') |
| | | this.total = response.data.total; |
| | | this.loading = false; |
| | | } |
| | | |
| | | ); |
| | | }, |
| | | toLook() { |
| | | this.$router.push('/meeting/webcast/webcastInfo/') |
| | | } |
| | | |