|
@@ -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>
|