|
@@ -23,18 +23,21 @@
|
|
|
<a-row :gutter="10">
|
|
|
<a-spin :spinning="spinning">
|
|
|
<a-col :sm="6" style="margin-bottom: 20px; z-index: 10">
|
|
|
- <a-card class="search-box" style="min-height: 500px" v-if="materialInfo">
|
|
|
- <video class="video" :src="materialInfo.url" controls="controls" style="width: 100%">
|
|
|
+ <a-card class="search-box" style="min-height: 500px">
|
|
|
+ <video class="video" :src="materialInfo.url" controls="controls" style="width: 100%" v-if="materialInfo">
|
|
|
您的浏览器不支持 video 标签。
|
|
|
</video>
|
|
|
+ <img :src="noImg" alt="" v-else style="width: 100%" />
|
|
|
</a-card>
|
|
|
</a-col>
|
|
|
<a-col :sm="18" style="margin-bottom: 20px; z-index: 10">
|
|
|
- <a-card class="search-box info-detail" style="min-height: 300px" v-if="materialInfo">
|
|
|
- <a-descriptions title="视频信息">
|
|
|
+ <a-card class="search-box info-detail" style="min-height: 300px">
|
|
|
+ <a-descriptions title="视频信息" v-if="materialInfo">
|
|
|
<a-descriptions-item label="素材标题" :span="3"> {{ materialInfo.materialName }} </a-descriptions-item>
|
|
|
<a-descriptions-item label="素材ID"> {{ materialInfo.materialId }} </a-descriptions-item>
|
|
|
- <a-descriptions-item label="上线时间"> {{ materialInfo.createTime.split(' ')[0] }} </a-descriptions-item>
|
|
|
+ <a-descriptions-item label="上线时间">
|
|
|
+ {{ materialInfo.createTime ? materialInfo.createTime.split(' ')[0] : '无' }}
|
|
|
+ </a-descriptions-item>
|
|
|
<a-descriptions-item label="素材类型">
|
|
|
{{ materialInfo.materialType == '' ? '无' : materialInfo.materialType }}
|
|
|
</a-descriptions-item>
|
|
@@ -75,7 +78,7 @@
|
|
|
</a-descriptions-item>
|
|
|
</a-descriptions>
|
|
|
</a-card>
|
|
|
- <a-card
|
|
|
+ <!-- <a-card
|
|
|
class="search-box"
|
|
|
style="min-height: 300px; margin: 20px 0"
|
|
|
title="数据概览"
|
|
@@ -296,7 +299,7 @@
|
|
|
<p><span>数据库均值</span>{{ dataView.follow[2].follow }}</p>
|
|
|
</a-col>
|
|
|
</a-row>
|
|
|
- </a-card>
|
|
|
+ </a-card> -->
|
|
|
<a-card class="search-box" style="min-height: 300px" title="数据消耗趋势">
|
|
|
<div
|
|
|
id="echartCircular"
|
|
@@ -324,6 +327,7 @@ export default {
|
|
|
name: 'online-training-list',
|
|
|
data() {
|
|
|
return {
|
|
|
+ noImg: require('@/assets/noImg.png'),
|
|
|
materialInfo: null,
|
|
|
dataView: null,
|
|
|
clientWidth: 1920,
|
|
@@ -422,7 +426,7 @@ export default {
|
|
|
return item.cost.toFixed(3)
|
|
|
}),
|
|
|
symbol: 'circle',
|
|
|
- symbolSize: 1,
|
|
|
+ symbolSize: 10,
|
|
|
lineStyle: {
|
|
|
normal: {
|
|
|
width: 2,
|
|
@@ -456,8 +460,111 @@ export default {
|
|
|
})
|
|
|
}
|
|
|
},
|
|
|
+ getKuaishou() {
|
|
|
+ var params = {
|
|
|
+ mediaId: this.$route.query.mediaId,
|
|
|
+ md5: this.$route.query.md5,
|
|
|
+ }
|
|
|
+ var that = this
|
|
|
+ var getProjectIdByMd5 = new Promise(function (resolve, reject) {
|
|
|
+ that.postDataAction('/overView/getProjectIdByMd5', params).then((res) => {
|
|
|
+ if (res.success) {
|
|
|
+ var materialDetailCharge = new Promise(function (resolve, reject) {
|
|
|
+ that
|
|
|
+ .postDataAction('/overView/materialDetailCharge', { md5: that.$route.query.md5, projectId: res.result })
|
|
|
+ .then((res) => {
|
|
|
+ if (res.success) {
|
|
|
+ resolve(res.result)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
+ var materialDetailPhotoShow = new Promise(function (resolve, reject) {
|
|
|
+ that
|
|
|
+ .postDataAction('/overView/materialDetailPhotoShow', {
|
|
|
+ md5: that.$route.query.md5,
|
|
|
+ projectId: res.result,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ if (res.success) {
|
|
|
+ resolve(res.result)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
+ var materialDetailPhotoClick = new Promise(function (resolve, reject) {
|
|
|
+ that
|
|
|
+ .postDataAction('/overView/materialDetailPhotoClick', {
|
|
|
+ md5: that.$route.query.md5,
|
|
|
+ projectId: res.result,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ if (res.success) {
|
|
|
+ resolve(res.result)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
+ var materialDetailAClick = new Promise(function (resolve, reject) {
|
|
|
+ that
|
|
|
+ .postDataAction('/overView/materialDetailAClick', { md5: that.$route.query.md5, projectId: res.result })
|
|
|
+ .then((res) => {
|
|
|
+ if (res.success) {
|
|
|
+ resolve(res.result)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
+ var materialDetailBClick = new Promise(function (resolve, reject) {
|
|
|
+ that
|
|
|
+ .postDataAction('/overView/materialDetailBClick', { md5: that.$route.query.md5, projectId: res.result })
|
|
|
+ .then((res) => {
|
|
|
+ if (res.success) {
|
|
|
+ resolve(res.result)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
+ var materialDetailActivation = new Promise(function (resolve, reject) {
|
|
|
+ that
|
|
|
+ .postDataAction('/overView/materialDetailActivation', {
|
|
|
+ md5: that.$route.query.md5,
|
|
|
+ projectId: res.result,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ if (res.success) {
|
|
|
+ resolve(res.result)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
+ var materialDetailPlay3sRate = new Promise(function (resolve, reject) {
|
|
|
+ that
|
|
|
+ .postDataAction('/overView/materialDetailPlay3sRate', {
|
|
|
+ md5: that.$route.query.md5,
|
|
|
+ projectId: res.result,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ if (res.success) {
|
|
|
+ resolve(res.result)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
+ Promise
|
|
|
+ .all([
|
|
|
+ materialDetailPlay3sRate,
|
|
|
+ materialDetailCharge,
|
|
|
+ materialDetailPhotoShow,
|
|
|
+ materialDetailPhotoClick,
|
|
|
+ materialDetailAClick,
|
|
|
+ materialDetailBClick,
|
|
|
+ materialDetailActivation,
|
|
|
+
|
|
|
+ ])
|
|
|
+ .then((item) => {
|
|
|
+ // dataView
|
|
|
+ console.log(item)
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
+ },
|
|
|
getMaterialInfo() {
|
|
|
- this.spinning = true
|
|
|
+ // this.spinning = true
|
|
|
var params = {
|
|
|
mediaId: this.$route.query.mediaId,
|
|
|
md5: this.$route.query.md5,
|
|
@@ -465,20 +572,21 @@ export default {
|
|
|
var data = []
|
|
|
this.postDataAction('/overView/materialDetailInfo', params).then((res) => {
|
|
|
if (res.success) {
|
|
|
- this.materialInfo = res.result
|
|
|
-
|
|
|
- }
|
|
|
- })
|
|
|
- this.postDataAction('/overView/materialDetailAnalyse', params).then((res) => {
|
|
|
- if (res.success) {
|
|
|
- this.dataView = res.result
|
|
|
- this.spinning = false
|
|
|
+ if (res.result) {
|
|
|
+ this.materialInfo = res.result
|
|
|
+ } else {
|
|
|
+ this.$error({
|
|
|
+ title: '页面数据加载出错',
|
|
|
+ content: '该视频未上传公司素材库,请重新上传之后,可展示视频信息',
|
|
|
+ })
|
|
|
+ }
|
|
|
}
|
|
|
})
|
|
|
+ this.getKuaishou()
|
|
|
+
|
|
|
this.postDataAction('/overView/materialDetailChat', params).then((res) => {
|
|
|
if (res.success) {
|
|
|
this.initEchart('echartCircular', this.handlerEchartOption(res.result))
|
|
|
-
|
|
|
}
|
|
|
})
|
|
|
},
|
|
@@ -491,8 +599,6 @@ export default {
|
|
|
this.getMaterialInfo()
|
|
|
})
|
|
|
},
|
|
|
- created() {
|
|
|
-
|
|
|
- },
|
|
|
+ created() {},
|
|
|
}
|
|
|
</script>
|