jinna
3 years ago
parent
a20804216f
commit
01e5074e22
2 changed files with 344 additions and 0 deletions
@ -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", |
||||||
|
}); |
||||||
|
}; |
||||||
@ -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> |
||||||
Loading…
Reference in new issue