|
|
@@ -1,11 +1,89 @@
|
|
|
<template>
|
|
|
- <div class="app-container">游客分析</div>
|
|
|
+ <div class="app-container">
|
|
|
+ <el-row :gutter="40" class="panel-group">
|
|
|
+ <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
|
|
|
+ <div class="card-panel" @click="gotoPage(`/api/docs`)">
|
|
|
+ <div class="card-panel-icon-wrapper icon-people">
|
|
|
+ <el-image src="/images/016527@2x.png" class="card-panel-icon" style="height: 60px"/>
|
|
|
+ </div>
|
|
|
+ <div class="card-panel-description">
|
|
|
+ <div class="card-panel-text">
|
|
|
+ 累计访客人数
|
|
|
+ </div>
|
|
|
+ <count-to :start-val="0" :end-val="2854247" :duration="2600" class="card-panel-num"/>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
|
|
|
+ <div class="card-panel" @click="gotoPage(`/appKey/index`)">
|
|
|
+ <div class="card-panel-icon-wrapper icon-message">
|
|
|
+ <el-image src="/images/016528@2x.png" class="card-panel-icon" style="height: 60px"/>
|
|
|
+ </div>
|
|
|
+ <div class="card-panel-description">
|
|
|
+ <div class="card-panel-text">
|
|
|
+ 省内访客人数
|
|
|
+ </div>
|
|
|
+ <count-to :start-val="0" :end-val="762084" :duration="2600" class="card-panel-num"/>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
|
|
|
+ <div class="card-panel" @click="gotoPage(`/place/baseInfo`)">
|
|
|
+ <div class="card-panel-icon-wrapper icon-message">
|
|
|
+ <el-image src="/images/016529@2x.png" class="card-panel-icon" style="height: 60px"/>
|
|
|
+ </div>
|
|
|
+ <div class="card-panel-description">
|
|
|
+ <div class="card-panel-text">
|
|
|
+ 省外访客人数
|
|
|
+ </div>
|
|
|
+ <count-to :start-val="0" :end-val="2090736" :duration="2600" class="card-panel-num"/>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
|
|
|
+ <div class="card-panel" @click="gotoPage(`/statistics/file`)">
|
|
|
+ <div class="card-panel-icon-wrapper icon-message">
|
|
|
+ <el-image src="/images/016530@2x.png" class="card-panel-icon" style="height: 60px"/>
|
|
|
+ </div>
|
|
|
+ <div class="card-panel-description">
|
|
|
+ <div class="card-panel-text">
|
|
|
+ 境外访客人数
|
|
|
+ </div>
|
|
|
+ <count-to :start-val="0" :end-val="4416" :duration="2600" class="card-panel-num"/>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ <el-row :gutter="40">
|
|
|
+ <el-col :xs="24" :sm="24" :lg="12">
|
|
|
+ <div class="bz-card">
|
|
|
+ <el-card shadow="never">
|
|
|
+ <div slot="header" class="clearfix">
|
|
|
+ <span>访客来源省份TOP10</span>
|
|
|
+ </div>
|
|
|
+ </el-card>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :xs="24" :sm="24" :lg="12">
|
|
|
+ <div class="bz-card">
|
|
|
+ <el-card shadow="never">
|
|
|
+ <div slot="header" class="clearfix">
|
|
|
+ <span>访客来源城市TOP10</span>
|
|
|
+ </div>
|
|
|
+ </el-card>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import CountTo from 'vue-count-to'
|
|
|
|
|
|
export default {
|
|
|
- components: {},
|
|
|
+ components: { CountTo },
|
|
|
data() {
|
|
|
return {}
|
|
|
},
|
