jsk

src/api/certificateStatistics/index.js

@@ -0,0 +1,13 @@
+import request from '@/utils/request'
+
+// 证件管理-新增
+export function getStatisticsApi(data) {
+    return request({
+      url: '/certificate/certificate_manage/certificateInfo/statistics',
+      method: 'post',
+      headers: {
+          //"merchant-id":"378915229716713472",
+      },
+      data: data
+    })
+  }

src/views/certificate/certificateManage/certificateInfo/index.vue

@@ -4,43 +4,43 @@
             <el-col :span="6">
               <div class="top-view">
                 <div class="flex-between" style="width: 80%;margin: 6px auto;">
-                  <span>应备案人员</span><span>共计 100人</span>
+                  <span>应备案人员</span><span>共计{{statistics.registerNum}}人</span>
                 </div>
                 <div class="flex-between" style="width: 80%;margin: 6px auto;">
-                  <span>有证 80人</span><span>无证 20人</span>  
+                  <span>有证 {{statistics.ownNum}}人</span><span>无证 {{statistics.unOwnNum}}人</span>
                 </div>
-                <div class="flex-between" style="width: 80%;margin: 6px auto;"> 
+                <div class="flex-between" style="width: 80%;margin: 6px auto;">
-                  <span>已存入 21件</span><span>未存入 59件</span>  
+                  <span>已存入 {{statistics.storeNum}}件</span><span>未存入 {{statistics.unStoreNum}}件</span>
                 </div>
               </div>
             </el-col>
             <el-col :span="6">
               <div class="top-view">
                 <div class="flex-between" style="width: 80%;margin: 6px auto;">
-                  <span>普通护照</span><span>共计 7 本</span>
+                  <span>普通护照</span><span>共计 {{statistics.passPortNum}} 本</span>
                 </div>
                 <div class="flex-between" style="width: 80%;margin: 6px auto;">
-                  <span>已借出 2件</span><span>待入库 5件</span>
+                  <span>已借出 {{statistics.outPassPortNum}}件</span><span>待入库 {{statistics.inPassPortNum}}件</span>
                 </div>
               </div>
             </el-col>
             <el-col :span="6">
               <div class="top-view">
                 <div class="flex-between" style="width: 80%;margin: 6px auto;">
-                  <span>港澳通行证</span><span>共计 7 本</span>
+                  <span>港澳通行证</span><span>共计 {{statistics.hMCardNum}} 本</span>
                 </div>
                 <div class="flex-between" style="width: 80%;margin: 6px auto;">
-                  <span>已借出 2件</span><span>待入库 5件</span>
+                  <span>已借出  {{statistics.outHMCardNum}}件</span><span>待入库 {{statistics.inHMCardNum}}件</span>
                 </div>
               </div>
             </el-col>
             <el-col :span="6">
               <div class="top-view">
                 <div class="flex-between" style="width: 80%;margin: 6px auto;">
-                  <span>台湾通行证</span><span>共计 7 本</span>
+                  <span>台湾通行证</span><span>共计 {{statistics.taiwanNum}} 本</span>
                 </div>
                 <div class="flex-between" style="width: 80%;margin: 6px auto;">
-                  <span>已借出 2件</span><span>待入库 5件</span>
+                  <span>已借出 {{statistics.outTaiwanNum}}件</span><span>待入库 {{statistics.inTaiwanNum}}件</span>
                 </div>
               </div>
             </el-col>
@@ -77,7 +77,7 @@
           <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
           <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
         </el-form-item>
-      </el-form> 
+      </el-form>
       <el-row :gutter="10" class="mb8">
         <el-col :span="1.5">
           <el-button
@@ -190,14 +190,14 @@
             >删除</el-button>
           </template>
         </el-table-column>
-      </el-table> 
+      </el-table>
       <pagination
         v-show="total>0"
         :total="total"
         :page.sync="queryParams.pageNum"
         :limit.sync="queryParams.pageSize"
         @pagination="getList"
-      /> 
+      />
       <!-- 添加或修改参数配置对话框 -->
       <el-dialog :title="title+''" :visible.sync="open" width="800px" append-to-body>
         <el-form ref="baseForm" :model="baseForm" :rules="baseFormRules" label-width="80px">
@@ -394,6 +394,7 @@
     } from '@/api/system/dept'
     import { getCertificateInfoListPageApi,addCertificateInfoApi, updateCertificateInfoApi,
      deleteCertificateInfoApi,getSysUserListApi,addCertificateCheckApi } from "@/api/certificateManage/index";
+    import { getStatisticsApi } from "@/api/certificateStatistics/index";
     import base64 from 'base-64';
     import { getToken } from '@/utils/auth'
     import { downloadFileByUrl } from '@/utils/download'
@@ -444,6 +445,22 @@
                 },
                 activeName:"baseSetting",
                 deviceData:{},
+                statistics:{
+                  registerNum:0,
+                  ownNum:0,
+                  unOwnNum:0,
+                  storeNum:0,
+                  unStoreNum:0,
+                  passPortNum:0,
+                  outPassPortNum:0,
+                  inPassPortNum:0,
+                  hMCardNum:0,
+                  outHMCardNum:0,
+                  inHMCardNum:0,
+                  taiwanNum:0,
+                  outTaiwanNum:0,
+                  inTaiwanNum:0,
+                },
                 // 表单参数
                 baseForm: {
                     deptId:null,
@@ -529,7 +546,7 @@
         },
         mounted(){
             this.getList();
-
+            this.initStatistics();
         },
 
         methods: {
@@ -620,6 +637,16 @@
                 this.resetForm("queryForm");
                 this.handleQuery();
             },
+            initStatistics(){
+              let param = {}
+              getStatisticsApi(param).then(response => {
+                console.log("getStatisticsApi",response)
+                if(response.code==200){
+                  this.statistics =response.data;
+                  console.log("this.statistics",this.statistics)
+                }
+              });
+            },
             /** 查询列表 */
             getList() {
                 this.loading = true;