1111

src/views/dashboard/PanelGroup.vue

@@ -14,7 +14,7 @@
       </div>
     </el-col>
     <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
-      <div class="card-panel">
+      <div class="card-panel" @click="gotoPage(`/appKey/index`)">
         <div class="card-panel-icon-wrapper icon-message">
           <i class="el-icon-menu card-panel-icon" />
         </div>
@@ -26,6 +26,32 @@
         </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">
+          <i class="el-icon-s-home card-panel-icon" />
+        </div>
+        <div class="card-panel-description">
+          <div class="card-panel-text">
+            场所数
+          </div>
+          <count-to :start-val="0" :end-val="placeCount" :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">
+          <i class="el-icon-document card-panel-icon" />
+        </div>
+        <div class="card-panel-description">
+          <div class="card-panel-text">
+            资源数
+          </div>
+          <count-to :start-val="0" :end-val="fileCount" :duration="2600" class="card-panel-num" />
+        </div>
+      </div>
+    </el-col>
   </el-row>
 </template>
 
@@ -44,6 +70,14 @@ export default {
     appKeyCount: {
       type: Number,
       default: 0
+    },
+    placeCount: {
+      type: Number,
+      default: 0
+    },
+    fileCount: {
+      type: Number,
+      default: 0
     }
   },
   methods: {

src/views/dashboard/index.vue

@@ -1,6 +1,25 @@
 <template>
   <div class="dashboard-container">
-    <PanelGroup :service-method-handler-count="data.serviceMethodHandlerCount || 0" :app-key-count="data.appKeyCount || 0" />
+    <PanelGroup
+      :service-method-handler-count="data.serviceMethodHandlerCount || 0"
+      :app-key-count="data.appKeyCount || 0"
+      :place-count="data.placeCount || 0"
+      :file-count="data.fileCount || 0"
+    />
+    <el-card>
+      <div slot="header" class="clearfix">
+        <span>API统计</span>
+        <div style="float: right; color: #666666">
+          详情
+        </div>
+      </div>
+      <el-row :gutter="16">
+        <el-col :span="8">
+          <div slot="header">性别</div>
+          <div id="gender-box" style="width: 100%;height:200px;" />
+        </el-col>
+      </el-row>
+    </el-card>
   </div>
 </template>