Skip to content

S
SuperMan
Commit 8ee419aa authored by 黄媛媛's avatar 黄媛媛
Browse files
Options

update

parent 1aef593d
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 443 additions and 196 deletions
src/App.vue
View file @ 8ee419aa
......@@ -173,7 +173,7 @@ export default {
}
</script>
<style>
@import "//at.alicdn.com/t/font_635492_b5w8t86krqv.css";
@import "//at.alicdn.com/t/font_635492_pnkqfvbvc4.css";
@import "./assets/css/Semibold.css";
@import "./assets/css/global/config.css";
@import "./assets/css/fileIcon.css";
......
src/components/Educationvideo.vue
View file @ 8ee419aa
......@@ -2,7 +2,7 @@
<template>
<div class="Educationvideo">
<div class="left">
<ul class="lineUl" style="margin-top:30px">
<ul class="lineUl" style="margin-top:62px">
<li @click="SelectLineId(-1)" :class="msg.LineId ==-1 ? 'Active' : ''">
不限
</li>
......@@ -13,11 +13,13 @@
</div>
<div class="right">
<div class="search">
<el-input style="width:600px" placeholder="请输入内容" v-model="msg.Name" class="input-with-select">
<el-input size="small" style="width:600px" placeholder="请输入内容" v-model="msg.Name" class="input-with-select">
<el-button @click="getList" slot="append" icon="el-icon-search"></el-button>
</el-input>
<el-button style="margin-left:20px" size="small" type="danger" @click.prevent="goUrl1('EducationvideoList',$event)" round>发布视频</el-button>
</div>
<div class="Content">
<div v-loading="loading" class="Content">
<ul class="videoUl">
<li v-for="(item,index) in dataList" :key="index">
<div @click.prevent="goUrl('EducationvideoSee',item)" class="imgDiv">
......@@ -35,7 +37,9 @@
</p>
</li>
</ul>
<div v-if="dataList.length==0" style="text-align:center">暂无数据</div>
<div v-if="dataList.length==0" style="text-align:center;padding-top:40px">
<span style="font-size:60px;color:#ccc" class="iconfont icon-wushuju"></span>
</div>
<el-pagination background @current-change="handleCurrentChange"
layout="total,prev, pager, next, jumper" :page-size="msg.pageSize" :total='total'>
</el-pagination>
......@@ -53,7 +57,7 @@ export default {
},
data () {
return {
defaultImg: 'this.src="' + require("../assets/img/bg_z1@2x.png") + '"',
defaultImg: 'this.src="' + require("../assets/img/bg_z1@2x.png") + '"',
val:'',
LineList:[],
msg:{
......@@ -67,6 +71,7 @@ export default {
},
dataList:[],
total:0,
loading:false,
}
},
mounted() {
......@@ -84,9 +89,12 @@ export default {
},
//获取列表
getList() {
this.loading=true;
this.apipost(
"Video_get_GetPCVideoPageList",this.msg,
res => {
this.loading=false;
if (res.data.resultCode == 1) {
this.dataList = res.data.data.pageData;
this.total = res.data.data.count;
......@@ -133,6 +141,9 @@ export default {
}
</script>
<style>
.Educationvideo .el-pagination.is-background .el-pager li:not(.disabled).active{
background-color: #f56c6c!important;
}
.Educationvideo .right .Content .circle{
display: inline-block;
width: 3px;
......@@ -159,14 +170,17 @@ export default {
cursor: pointer;
}
.Educationvideo .right .Content .videoUl li p{
font-size: 14px;
font-size: 12px;
color:#666666;
padding-left:6px;
box-sizing: border-box;
}
.Educationvideo .right .Content .videoUl li{
display: inline-block;
width: 300px;
padding: 5px;
box-sizing: border-box;
margin-right: 10px;
}
.Educationvideo .right .Content{
padding:90px 15px 10px 15px;
......@@ -177,15 +191,18 @@ export default {
padding: 0;
}
.Educationvideo .left .lineUl .Active{
background: #f5f5f5;
color:#fff;
background: #f56c6c;
}
.Educationvideo .left .lineUl li:hover{
background: #f5f5f5;
background: #f56c6c;
color:#fff;
}
.Educationvideo .left .lineUl li{
padding:10px 35px;
box-sizing: border-box;
font-size: 14px;
font-size: 12px;
cursor: pointer;
}
li{
list-style: none;
......@@ -197,9 +214,9 @@ li{
box-sizing: border-box;
position: fixed;
top: 0;
width: calc(100% - 240px);
width: calc(100% - 200px);
background: #fff;
left: 240px;
left: 200px;
}
.Educationvideo{
......@@ -210,13 +227,13 @@ li{
.Educationvideo .left{
position: fixed;
min-height: 100%;
width: 240px;
width: 200px;
z-index: 100;
background: #fff;
}
.Educationvideo .right{
background: #f5f5f5;
padding-left: 250px;
padding-left: 210px;
box-sizing: border-box;
min-height: 100%;
}
......
src/components/EducationvideoList.vue
View file @ 8ee419aa
This diff is collapsed.
src/components/EducationvideoSee.vue
View file @ 8ee419aa
<template>
<div class="EducationvideoSee">
<div class="imgDiv">
<video height="500" :src="datainfo.VideoAddress" controls="controls">
您的浏览器不支持 video 标签。
</video>
<!-- <img style="height:100%;width:100%" src="../assets/img/hotel/biefu.png" alt=""> -->
<!-- <div class="icon">
<span class="iconfont icon-weihu"></span>
</div> -->
<p>{{datainfo.Name}}</p>
<p>{{datainfo.EmName}}</p>
<p>{{datainfo.WatchNum}}次观看
<span class="circle"></span>
<span>{{datainfo.UpdateDate}}</span>
</p>
<!-- <div class="container"> -->
<div class="left">
<div class="imgDiv">
<video style="border: 1px solid #f5f5f5;" width="100%" :height="videoHeight" :src="datainfo.VideoAddress" controls="controls">
</video>
<p style="font-size:18px;font-family:'PingFangR';margin-top:15px">{{datainfo.Name}}</p>
<p>{{datainfo.EmName}}</p>
<p>{{datainfo.WatchNum}}次观看
<span class="circle"></span>
<span>{{datainfo.UpdateDate}}</span>
</p>
</div>
</div>
<div class="right">
<ul>
<li @click.prevent="goUrl('EducationvideoSee',item)" v-for="(item,index) in dataList" :key="index">
<img v-if="item.Cover && item.Cover!=''" :onerror="defaultImg" style="height:56px;width:100px" :src="item.Cover" alt="">
<img v-else style="height:56px;width:100px" src="../assets/img/hotel/biefu.png" alt="">
<div class="content">
<p style="font-size:14px">{{item.Name}}</p>
<p style="padding:6px 0">{{item.EmName}}</p>
<p>{{item.WatchNum}}次观看
<span class="circle"></span>
<span>{{item.UpdateDate}}</span>
</p>
</div>
</li>
</ul>
</div>
<!-- </div> -->
</div>
</template>
......@@ -32,21 +49,125 @@ export default {
return {
val:'',
datainfo:{},
defaultImg: 'this.src="' + require("../assets/img/bg_z1@2x.png") + '"',
msg:{
pageIndex:1,
pageSize:5,
Name:'',
UserType:1,
VideoStatus:1,
CreateBy:'',
LineId:-1,
},
dataList:[],
videoHeight:0,
}
},
mounted() {
if(this.$route.query.msg){
this.datainfo=JSON.parse(this.$route.query.msg)
console.log("this.datainfo",this.datainfo)
}
this.getList();
this.AddList(this.datainfo.Id)
let h = document.documentElement.clientHeight || document.body.clientHeight;
this.videoHeight=h-110;
},
methods: {
goUrl(path,item){
let msg=JSON.stringify(item)
let routeData = this.$router.resolve({
name: path,
query: {
msg:msg,
blank: "y"
}
});
window.open(routeData.href, "_blank");
},
AddList(id) {
this.apipost(
"Video_post_SetVideoWatch",{VideoId:id},
res => {
if (res.data.resultCode == 1) {
}
}
);
},
//获取列表
getList() {
this.loading=true;
this.apipost(
"Video_get_GetPCVideoPageList",this.msg,
res => {
this.loading=false;
if (res.data.resultCode == 1) {
this.dataList = res.data.data.pageData;
}
}
);
},
},
}
</script>
<style>
.EducationvideoSee .container{
width: 1200px;
margin: 0 auto;
padding-top:20px;
}
.EducationvideoSee p{
margin: 0;
padding: 0;
}
li{
list-style: none;
}
.EducationvideoSee .right ul li img{
position: absolute;
width: 100px;
height: 60px;
}
.EducationvideoSee .right ul li .content{
padding-left: 115px;
box-sizing: border-box;
font-size: 12px;
}
.EducationvideoSee .right ul li{
position: relative;
/* min-height:64px; */
cursor: pointer;
background: #f5f5f5;
margin-bottom: 15px;
padding:15px;
box-sizing: border-box;
}
.EducationvideoSee .right ul{
width: 100%;
padding:0 10px 10px 10px;
}
.EducationvideoSee .right{
display: inline-block;
padding: 0 10px;
box-sizing: border-box;
width: 400px;
position: absolute;
right:15px;
}
.EducationvideoSee .left{
display: inline-block;
width: calc(100% - 400px);
}
.EducationvideoSee .imgDiv p{
font-size: 12px;
}
.EducationvideoSee .circle{
display: inline-block;
width: 3px;
......@@ -55,8 +176,7 @@ export default {
border-radius: 50%;
}
.EducationvideoSee .imgDiv{
width: 850px;
height: 453px;
width: 100%;
position: relative;
}
.EducationvideoSee{
......@@ -64,5 +184,6 @@ export default {
background: #fff;
padding: 15px 50px;
box-sizing: border-box;
position: relative;
}
</style>
src/plug/index.js
View file @ 8ee419aa
......@@ -732,16 +732,7 @@ export default {
progress: function* (p) {},
mime: 'application/octet-stream'
})
// var result = oss.multipartUpload(filename, files[index], {
// progress: async function (p, checkpoint) {
// checkpoint = checkpoint
// percentage = p * 100
// },
// checkpoint: that.checkpoint
// })
console.log("result",result)
// successCall(result);
successCall(result);
}
}).catch(function (err) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment