This commit is contained in:
jiask 2025-11-27 09:46:21 +08:00
parent 47f6f10a7b
commit fb462a2a90
2 changed files with 54 additions and 14 deletions

View File

@ -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
})
}

View File

@ -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;">
<span>已存入 21</span><span>未存入 59</span>
<div class="flex-between" style="width: 80%;margin: 6px auto;">
<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;