Explorar o código

用户管理分页修改

zhuxinbo %!s(int64=5) %!d(string=hai) anos
pai
achega
e98afc168b

+ 8 - 6
src/views/modules/Statistics/Statistics.vue

@@ -43,9 +43,6 @@
   font-size: 16px;
   font-size: 16px;
   font-weight: 500;
   font-weight: 500;
 }
 }
-.ant-table-pagination {
-  display: none;
-}
 .ant-table-thead div {
 .ant-table-thead div {
   font-weight: 700;
   font-weight: 700;
 }
 }
@@ -390,8 +387,7 @@
             :pagination="false"
             :pagination="false"
             :loading="loading"
             :loading="loading"
             bordered
             bordered
-          >
-          </a-table>
+          ></a-table>
         </a-card>
         </a-card>
       </a-col>
       </a-col>
     </a-row>
     </a-row>
@@ -1338,6 +1334,12 @@ export default {
 
 
       var option = {
       var option = {
         backgroundColor: '#fff',
         backgroundColor: '#fff',
+        toolbox: {
+          show: true,
+          feature: {
+            dataView: { readOnly: false },
+          }
+        },
         tooltip: {
         tooltip: {
           trigger: 'axis',
           trigger: 'axis',
           formatter: function(params) {
           formatter: function(params) {
@@ -1432,7 +1434,7 @@ export default {
       return n + '-' + m + '-' + d
       return n + '-' + m + '-' + d
     }
     }
   },
   },
-  mounted: function() {
+  activated: function() {
     this.$nextTick(() => {
     this.$nextTick(() => {
       var that = this
       var that = this
       that.drawLine(1)
       that.drawLine(1)

+ 137 - 0
src/views/modules/Statistics/accountStatistics.vue

@@ -0,0 +1,137 @@
+<style>
+.statistics .ant-col-6 {
+  margin: 10px 0;
+}
+.statistics .ant-col-6 .ant-card-body {
+  display: flex;
+  justify-content: center;
+}
+.statistics .ant-col-6 p,
+.statistics .ant-col-6 span {
+  display: block;
+  text-align: center;
+  line-height: 40px;
+  font-size: 30px;
+  font-weight: 600;
+  color: red;
+  margin: 0;
+}
+.search-box .ant-card-body {
+  padding: 5px 15px;
+}
+.search-box p {
+  display: inline-block;
+  border: 1px solid #f2f2f2;
+  border-radius: 5px;
+  margin-right: 10px;
+  padding: 5px 10px;
+  cursor: pointer;
+}
+.statistics .ant-col-6 .ant-card-body .styleElse {
+  line-height: 60px;
+  height: 40px;
+  font-size: 16px;
+  font-weight: 400;
+  margin-left: 10px;
+}
+.ant-modal-wrap .yincang .ant-modal-content .ant-modal-footer {
+  display: none !important;
+}
+.yincang .ant-col-6 p {
+  text-align: left;
+  color: red;
+  font-size: 16px;
+  font-weight: 500;
+}
+.ant-table-thead div {
+  font-weight: 700;
+}
+</style>
+<template>
+  <div class="statistics">
+    <a-row class="image-list-heading vm-panel">
+      <a-row>
+        <div class="panel-heading">{{ title }}</div>
+      </a-row>
+    </a-row>
+    <a-row :gutter="10">
+      <a-col :span="24">
+        <a-card
+          style="width:100%"
+          :tabList="tabListNoTitle"
+          :activeTabKey="noTitleKey"
+          @tabChange="key => onTabChange(key, 'noTitleKey')"
+        >123</a-card>
+      </a-col>
+    </a-row>
+  </div>
+</template>
+
+<script>
+import ARow from 'ant-design-vue/es/grid/Row'
+import ACol from 'ant-design-vue/es/grid/Col'
+import moment from 'moment'
+import countTo from 'vue-count-to'
+var upDate
+
+// 引入基本模板
+let echarts = require('echarts/lib/echarts')
+// 引入柱状图组件
+require('echarts/lib/chart/bar')
+require('echarts/lib/chart/pie')
+require('echarts/lib/chart/line')
+// 引入提示框和title组件
+require('echarts/lib/component/tooltip')
+require('echarts/lib/component/title')
+require('echarts/lib/component/graphic')
+require('echarts/lib/component/toolbox')
+require('echarts/lib/component/legend')
+export default {
+  name: 'accountStatistics',
+  components: {
+    ACol,
+    ARow,
+    countTo
+  },
+
+  data: function() {
+    return {
+      title: '账户信息',
+      tabListNoTitle: [],
+      noTitleKey: 'cost',
+      left:"left"
+    }
+  },
+  methods: {
+    onTabChange(key, type) {
+      console.log(key, type)
+      this[type] = key
+    }
+  },
+  watch: {},
+  computed: {},
+
+  mounted: function() {
+    this.$nextTick(() => {
+      this.tabListNoTitle = [
+        {
+          key: 'cost',
+          tab: '用户1'
+        },
+        {
+          key: 'photoClick',
+          tab: '用户2'
+        },
+        {
+          key: 'photoShow',
+          tab: '用户3'
+        },
+        {
+          key: 'aclick',
+          tab: '用户4'
+        }
+      ]
+    })
+  }
+}
+</script>

+ 4 - 3
src/views/modules/video/video.vue

@@ -138,7 +138,7 @@
         </div>
         </div>
       </a-row>
       </a-row>
     </a-row>
     </a-row>
-    <a-row class="image-list" :gutter="16" style="padding:0 8px">
+    <a-row class="image-list" :gutter="16" style="padding:0 8px">  
       <a-col
       <a-col
         :lg="6"
         :lg="6"
         :sm="12"
         :sm="12"
@@ -243,9 +243,10 @@
         </a-card>
         </a-card>
       </a-col>
       </a-col>
     </a-row>
     </a-row>
-    <div class="back-top" v-show="scollTop>300" @click="backTop">
+    <!-- <div class="back-top" v-show="scollTop>300" @click="backTop">
       <a-icon type="arrow-up" style="font-size:30px" />
       <a-icon type="arrow-up" style="font-size:30px" />
-    </div>
+    </div> -->
+    <a-back-top :visibilityHeight='200'/>
     <a-modal title="扫描二维码登录" v-model="showCode" @cancel="showCode = false" class="xiaoshi">
     <a-modal title="扫描二维码登录" v-model="showCode" @cancel="showCode = false" class="xiaoshi">
       <div style="display:flex;justify-content: space-around">
       <div style="display:flex;justify-content: space-around">
         <div class="tu-title"></div>
         <div class="tu-title"></div>