diff --git a/src/api/statistics/statistics.js b/src/api/statistics/statistics.js
new file mode 100644
index 0000000..0c42697
--- /dev/null
+++ b/src/api/statistics/statistics.js
@@ -0,0 +1,26 @@
+import request from "@/router/axios";
+
+//预约列表
+export const getList = (current, size, params) => {
+  return request({
+    url: "/api/blade-business/apm-record/export-page",
+    method: "get",
+    params: {
+      ...params,
+      current,
+      size,
+    },
+  });
+};
+
+export const exportList = (params) => {
+  return request({
+    url: "/api/blade-business/apm-record/export-excel",
+    method: "get",
+    params: {
+      ...params,
+    },
+    // responseType: "arraybuffer",
+    responseType: "blob",
+  });
+};
diff --git a/src/views/statistics/index.vue b/src/views/statistics/index.vue
new file mode 100644
index 0000000..61b0613
--- /dev/null
+++ b/src/views/statistics/index.vue
@@ -0,0 +1,318 @@
+<template>
+    <basic-container style="max-height:800px;overflow:hidden;">
+        <avue-crud :option="option" :table-loading="loading" :data="data" :page.sync="page" ref="crud" v-model="form"
+            :permission="permissionList" :before-open="beforeOpen" :before-close="beforeClose" @search-change="searchChange"
+            @search-reset="searchReset" @current-change="currentChange" @size-change="sizeChange"
+            @refresh-change="refreshChange" @on-load="onLoad">
+            <!-- <template slot-scope="{row}" slot="examDate">
+                <div v-for="item1 in row.details.map(item => item.period + item.timeFrame)" :key="item1">{{ item1 }}</div>
+            </template>-->
+            <template slot-scope="{row}" slot="projectName">
+                <div>{{ row.project }}</div>
+            </template>
+            <template slot-scope="{row}" slot="apmStatusName">
+                <el-tag size="small" :type="row.apmStatusName == '已报到' ? 'success' : row.apmStatusName == '未报到' ? 'warning' : row.apmStatusName == '已报到' ? 'danger' : 'info'">
+                    {{row.apmStatusName}}
+                </el-tag>
+            </template> 
+            <template slot-scope="scope" slot="menuLeft">
+                <el-button  type="primary"
+                    icon="el-icon-download"
+                    size="small" @click="exportAll">
+                    批量导出
+                </el-button>
+            </template>
+        </avue-crud>
+    </basic-container>
+</template>
+
+<script>
+// import {
+//     getList,
+//     queryBookDetail,
+//     getStatus,
+//     getSystemTime
+// } from "@/api/booklist/booklist";
+import {getList,exportList} from '@/api/statistics/statistics'
+import { mapGetters } from "vuex";
+import print from "vue-print-nb";
+import { calcSex } from "../../util/util";
+import {Base64} from 'js-base64';
+
+export default {
+    data() {
+        return {
+            printObj: {
+                id: 'pintHtml',
+            },
+            showPrint: false,
+            form: {},
+            query: {},
+            loading: true,
+            parentId: 0,
+            direction: 'rtl',
+            page: {
+                pageSize: 10,
+                currentPage: 1,
+                total: 0,
+            },
+            isRegister: false,
+            option: {
+                height: 'auto',
+                calcHeight: 30,
+                tip: false,
+                searchShow: true,
+                searchMenuSpan: 6,
+                border: true,
+                index: true,
+                dialogType: 'drawer',
+                dialogClickModal: false,
+                addBtn: false,
+                viewBtn: false,
+                editBtn: false,
+                delBtn: false,
+                selection:false,
+                menu:false,
+                column: [
+                {
+                    label:'医院',
+                    prop:"createDeptName"
+                },
+                {
+                    label: "体检人姓名",
+                    prop: "cupName",
+                },
+                {
+                    label: "身份证号码",
+                    prop: "cupCardNo",
+                },
+                {
+                    label: "联系方式",
+                    prop: "cupPhone",
+                },
+                {
+                    label:'医院',
+                    prop:'createDept',
+                    type:'select',
+                    searchSpan:4,
+                    hide: true,
+                    viewDisplay:false,
+                    props: {
+                        label: 'deptName',
+                        value: 'id'
+                    },
+                    slot:true,
+                    dicUrl: '/api/blade-system/dept-hospital/list-hospital',
+                    search:true
+                },
+                {
+                    label: "体检项目",
+                    prop: "project",
+                    type: "select",
+                    hide: true,
+                    search: true,
+                    searchSpan:4,
+                    viewDisplay:false,
+                    dicUrl:'/api/blade-system/dict-biz/get-hc-project',
+                    props: {
+                    label: 'dictValue',
+                    value: 'dictValue'
+                    },
+                },
+                {
+                    label: "预约状态",
+                    prop: "apmStatus",
+                    type: "select",
+                    searchSpan:4,
+                    hide: true,
+                    search: true,
+                    viewDisplay:false,
+                    dicData:[
+                        {value:1,label:'已取消'},
+                        {value:2,label:'未报到'},
+                        {value:3,label:'已报到'},
+                    ]
+                },
+                {
+                    label: "预约时间",
+                    prop: "releaseTime",
+                    type: "daterange",
+                    format: "yyyy-MM-dd",
+                    valueFormat: "yyyy-MM-dd",
+                    searchRange: true,
+                    search: true,
+                    hide: true,
+                    startPlaceholder: '开始日期',
+                    endPlaceholder: '结束日期',
+                },
+                {
+                    label: "预约项目",
+                    prop: "projectName",
+                    slot: true
+                },
+                {
+                    label: "预约日期",
+                    prop: "apmTimeStr",
+                    // html: true,
+                    // formatter: value => {
+                    // return `<div>${value.apmDay.substring(0, 10)}</div>`
+                    // }
+                },
+                // {
+                //     label: "预约时间",
+                //     prop: "examDate",
+                //     slot: true
+                // },
+                
+                {
+                    label: "状态",
+                    prop: "apmStatusName",
+                    slot: true,
+                },
+                ]
+            },
+            data: [],
+            regData: {
+                resData: {}
+            },
+            systemTime: ''
+        };
+    },
+    directives: {
+        print
+    },
+
+    computed: {
+        ...mapGetters(["userInfo", "permission", "systemTime"]),
+        permissionList() {
+        return {
+            addBtn: this.vaildData(this.permission.notice_add, false),
+            viewBtn: this.vaildData(this.permission.notice_view, false),
+            delBtn: this.vaildData(this.permission.notice_delete, false),
+            editBtn: this.vaildData(this.permission.notice_edit, false)
+        };
+        },
+    },
+    created() {
+        // this.getCard()
+    },
+    mounted() {
+        // getSystemTime().then(res => {
+        // this.systemTime = res.data.data
+        // })
+    },
+  methods: {
+    exportAll(){
+        console.log(this.query)
+        exportList(this.query).then(res =>{
+            console.log(res)
+            if (!res || !res.data) {
+          this.$message({
+            type: 'error',
+            message: "导出失败！"
+          });
+          return;
+        }
+        let blob = new Blob([res.data]);//response.data为后端传的流文件
+        let downloadFilename = '统计' + '.xlsx';//设置导出的文件名
+        if (window.navigator && window.navigator.msSaveOrOpenBlob) {
+          //兼容ie浏览器
+          window.navigator.msSaveOrOpenBlob(blob, downloadFilename)
+        }else {
+          //谷歌,火狐等浏览器
+            let url = window.URL.createObjectURL(blob);
+            let downloadElement = document.createElement("a");
+            downloadElement.style.display = "none";
+            downloadElement.href = url;
+            downloadElement.download = downloadFilename;
+            document.body.appendChild(downloadElement);
+            downloadElement.click();
+            document.body.removeChild(downloadElement);
+            window.URL.revokeObjectURL(url);
+        }
+       this.$message({type: "success", message: '导出成功！'}); 
+      }).catch(err =>{
+        this.$message.error('导出失败')
+      })
+    },
+        handleRegister(row) {
+            // console.log('13',row)
+            let ids = []
+            row.details.map(item => {
+                ids.push(item.id)
+            })
+            let val = ids.join(',');
+            getStatus(val).then(res => {
+                res.data.data.resData.cupCardNo = res.data.data.resData.cupCardNo.length > 18 ? Base64.decode(res.data.data.resData.cupCardNo) : res.data.data.resData.cupCardNo;
+                res.data.data.resData.cupName = res.data.data.resData.cupName.length > 7 ? Base64.decode(res.data.data.resData.cupName) : res.data.data.resData.cupName;
+                res.data.data.resData.cupPhone = res.data.data.resData.cupPhone.length > 11 ? Base64.decode(res.data.data.resData.cupPhone) : res.data.data.resData.cupPhone;
+                // console.log('12',res.data);
+                this.regData = res.data.data;
+                this.isRegister = true
+            })
+
+        },
+        beforeOpen(done, type) {
+            done();
+        },
+        beforeClose(done) {
+            done();
+        },
+        searchReset() {
+            this.query = {};
+            this.onLoad(this.page);
+        },
+        searchChange(params, done) {
+            this.query = params;
+            this.page.currentPage = 1;
+            this.onLoad(this.page, params);
+        done();
+        },
+        currentChange(currentPage) {
+            this.page.currentPage = currentPage;
+        },
+        sizeChange(pageSize) {
+            this.page.pageSize = pageSize;
+        },
+        refreshChange() {
+            this.onLoad(this.page, this.query);
+        },
+        onLoad(page, params = {}) {
+            this.loading = true;
+            const { releaseTime, cupCardNo } = this.query;
+            let values = {
+                ...params,
+                ...this.query
+            };
+            console.log(releaseTime)
+            if (releaseTime) {
+                values = {
+                ...values,
+                startTime: releaseTime[0],
+                endTime: releaseTime[1],
+                };
+            } else {
+                values.startTime = '';
+                values.endTime = '';
+            }
+            console.log(values)
+            this.loading = true;
+            getList(page.currentPage, page.pageSize, values).then(res => {
+                const data = res.data.data;
+                this.page.total = data.total;
+                data.records.map(item => {
+                item.cupCardNo = item.cupCardNo.length > 18 ? Base64.decode(item.cupCardNo) : item.cupCardNo;
+                item.cupName = item.cupName.length > 7 ? Base64.decode(item.cupName) : item.cupName;
+                item.cupPhone = item.cupPhone.length > 11 ? Base64.decode(item.cupPhone) : item.cupPhone;
+                })
+                this.data = data.records;
+                this.loading = false;
+            });
+        },
+    }
+};
+</script>
+
+<style lang="scss" scoped>
+
+</style>