suojin
/
physical_examination_front
14
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

添加统计页面

Browse Source
main
jinna 3 years ago
parent a20804216f
commit 01e5074e22
2 changed files with 344 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 26
      src/api/statistics/statistics.js
  2. 318
      src/views/statistics/index.vue

26
src/api/statistics/statistics.js
Unescape View File

@ -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",
});
};

318
src/views/statistics/index.vue
Unescape View File

@ -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>
Write Preview
Loading…
Cancel
Save