Quellcode durchsuchen

提交测试,视频评论

zhuxinbo vor 6 Jahren
Ursprung
Commit
385f51cd45
3 geänderte Dateien mit 105 neuen und 7 gelöschten Zeilen
  1. 12 0
      src/api/video.js
  2. 83 0
      src/views/modules/Statistics/Statistics.vue
  3. 10 7
      src/views/modules/video/video.vue

+ 12 - 0
src/api/video.js

@@ -85,3 +85,15 @@ export function commentAdd(parameter) {
       params: parameter
     })
 }
+
+
+
+//头条当前账号下的数据集合
+// /ctop/report/accountReport
+export function getAccountReport() {
+    return axios({
+      url: "/ctop/report/accountReport",
+      method: 'get',
+    //   params: parameter
+    })
+}

+ 83 - 0
src/views/modules/Statistics/Statistics.vue

@@ -0,0 +1,83 @@
+<style>
+@media (min-width: 1024px) {
+  .checkbox_item_container {
+    width: 70%;
+  }
+} /*>=1024的设备*/
+
+@media (min-width: 1100px) {
+  .checkbox_item_container {
+    width: 70%;
+  }
+} /*>=1100的设备*/
+@media (min-width: 1280px) {
+  .checkbox_item_container_size {
+    width: 70%;
+  }
+}
+
+/*>=1280的设备*/
+
+@media (min-width: 1366px) {
+}
+
+@media (min-width: 1440px) {
+}
+
+@media (min-width: 1680px) {
+}
+@media (min-width: 1920px) {
+  .checkbox_item_container_size {
+    width: 50%;
+  }
+}
+.vm-video-list .ant-comment-inner {
+  padding: 0;
+}
+.vm-video-list .bg:after {
+  content: '';
+  width: 110%;
+  height: 110%;
+  position: absolute;
+  left: -5%;
+  top: -5%;
+  background: inherit;
+  filter: blur(20px);
+  z-index: 2;
+}
+</style>
+<template>
+  <div class="vm-video-list">
+    <a-row class="image-list-heading vm-panel">
+      <a-row>
+        <div class="panel-heading">{{ title }}</div>
+      </a-row>
+    </a-row>
+    <a-row class="image-list" :gutter="16" style="padding:0 8px"></a-row>
+  </div>
+</template>
+
+<script>
+import ARow from 'ant-design-vue/es/grid/Row'
+import ACol from 'ant-design-vue/es/grid/Col'
+import axios from 'axios'
+import { getAccountReport } from '@api/video.js'
+export default {
+  name: 'statistics',
+  components: {
+    ACol,
+    ARow
+  },
+
+  data: function() {
+    return {
+      title: '报表统计'
+    }
+  },
+  methods: {},
+  watch: {},
+  mounted: function() {
+    this.$nextTick(() => {})
+  }
+}
+</script>

+ 10 - 7
src/views/modules/video/video.vue

@@ -36,13 +36,13 @@
 }
 .vm-video-list .bg:after {
   content: '';
-  width: 100%;
-  height: 100%;
+  width: 110%;
+  height: 110%;
   position: absolute;
-  left: 0;
-  top: 0;
+  left: -5%;
+  top: -5%;
   background: inherit;
-  filter: blur(15px);
+  filter: blur(20px);
   z-index: 2;
 }
 </style>
@@ -89,7 +89,7 @@
           >
             <div
               class="bg"
-              style="box-sizing:border-box;overflow:hidden;position:relative;width:100%;height:100%"
+              style="overflow:hidden;position:relative;width:100%;height:100%"
               :style="{backgroundImage: 'url(' +item.thumbnailUrl+')', backgroundSize:'cover', backgroundRepeat: 'no-repeat',backgroundPosition:'center center'}"
             ></div>
             <img
@@ -148,7 +148,7 @@
 import ARow from 'ant-design-vue/es/grid/Row'
 import ACol from 'ant-design-vue/es/grid/Col'
 import axios from 'axios'
-import { getLoginQr, getUserList, getLoginStatus, getVideoList, getCommentList, commentDelete } from '@api/video.js'
+import { getLoginQr, getUserList, getLoginStatus, getVideoList, getCommentList, commentDelete,getAccountReport } from '@api/video.js'
 export default {
   name: 'videoList',
   components: {
@@ -315,6 +315,9 @@ export default {
     this.$nextTick(() => {
       var that = this
       this.getUserList()
+      getAccountReport().then(res=>{
+          console.log(res)
+      })
       window.setInterval(() => {
         if (that.showCode) {
           setTimeout(function() {