update

src/views/bz/touristAnalysis/index.vue

@@ -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 {}
   },