Merge branch 'main' of http://42.192.7.176:3000/suojin/physical_examination_front into main
xuechunyuan
3 years ago
commit
1a1671cdff
4 changed files with 346 additions and 2 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