<!-- -->
|
<template>
|
<div class="app-container">
|
<el-form
|
class="opo-query-form"
|
:model="queryParams"
|
ref="queryForm"
|
:inline="true"
|
v-show="showSearch"
|
label-width="80px"
|
>
|
<el-row :gutter="8">
|
<el-col :span="8">
|
<el-form-item label="案例时间">
|
<el-date-picker
|
v-model="selecttime"
|
type="daterange"
|
range-separator="至"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
value-format="yyyy-MM-dd"
|
style="width: 100%"
|
@change="getTimeList"
|
/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="7">
|
<el-form-item label="医院名称">
|
<el-input
|
v-model="queryParams.pahospitalname"
|
placeholder="请输入医院名称"
|
clearable
|
size="small"
|
@keyup.enter.native="handleQuery"
|
/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item>
|
<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-col>
|
</el-row>
|
</el-form>
|
|
<el-row :gutter="10" class="mb8">
|
<el-col :span="1.5">
|
<el-button
|
type="warning"
|
plain
|
icon="el-icon-download"
|
size="mini"
|
:loading="exportLoading"
|
@click="handleExport"
|
>导出</el-button
|
>
|
</el-col>
|
<right-toolbar
|
:showSearch.sync="showSearch"
|
@queryTable="getList"
|
></right-toolbar>
|
</el-row>
|
|
<el-table
|
v-loading="loading"
|
:data="jxidata"
|
ref="table"
|
border
|
max-height="700"
|
highlight-current-row
|
:summary-method="getSummaries"
|
show-summary
|
>
|
<el-table-column label="序号" align="center" prop="id" width="80" />
|
<el-table-column label="医院名称" align="center" prop="hospitalname" show-overflow-tooltip width="260" />
|
<el-table-column label="应收金额" align="center" prop="organcharge" width="160" :formatter="amountFormatter" />
|
<el-table-column label="已收金额" align="center" prop="amount" width="160" :formatter="amountFormatter" />
|
<el-table-column label="未收金额" align="center" prop="nonpayment" width="160" :formatter="amountFormatter" />
|
</el-table>
|
|
<div style="margin: 10px;text-align: right;">
|
<div>
|
共 <span style="color:#1890FF ;">{{ total }}</span> 条数据
|
</div>
|
</div>
|
|
<!-- 添加或修改家属确认对话框 -->
|
</div>
|
</template>
|
|
<script>
|
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
|
//例如：import 《组件名称》 from '《组件路径》';
|
|
import {
|
listsfeistatistics,
|
listbxiaostatistics,
|
listjixstatistics,
|
listanlstatistics,
|
exportChargeStatistics
|
} from "@/api/project/statistics";
|
|
import { listUser } from "@/api/project/organization";
|
|
import Li_area_select from "@/components/Address";
|
import OrgSelecter from "@/views/project/components/orgselect";
|
import AnnexUpload from "@/views/project/components/annexupload";
|
|
export default {
|
//import引入的组件需要注入到对象中才能使用
|
components: {
|
Li_area_select,
|
OrgSelecter,
|
AnnexUpload
|
},
|
name: "Medicalevaluation",
|
dicts: [],
|
data() {
|
//这里存放数据
|
return {
|
starttime: "",
|
endtime: "",
|
countyname: "",
|
cuuntry: "",
|
|
selecttime: [],
|
reportervalue: "",
|
reportlist: [
|
{ label: "未收款", value: "0" },
|
{ label: "已收款", value: "1" }
|
],
|
//省市区
|
//默认值设置，可为空
|
searchAddress: {
|
sheng: "",
|
shi: "",
|
qu: "",
|
organizationname: null
|
},
|
provinceData: [
|
{ label: "全部", value: "" },
|
{ label: "杭州市", value: "1" },
|
{ label: "宁波市", value: "2" },
|
{ label: "温州市", value: "3" },
|
{ label: "嘉兴市", value: "4" },
|
{ label: "湖州市", value: "5" },
|
{ label: "绍兴市", value: "6" },
|
{ label: "金华市", value: "7" },
|
{ label: "衢州市", value: "8" },
|
{ label: "舟山市", value: "9" },
|
{ label: "台州市", value: "A" },
|
{ label: "丽水市", value: "B" }
|
],
|
residenceAddresss: {
|
sheng: "浙江省",
|
shi: "",
|
qu: ""
|
},
|
registerAddresss: {
|
sheng: "浙江省",
|
shi: "",
|
qu: ""
|
},
|
defultAddresss: {
|
sheng: "浙江省",
|
shi: "",
|
qu: ""
|
},
|
// 遮罩层
|
loading: false,
|
// 导出遮罩层
|
exportLoading: false,
|
// 选中数组
|
ids: [],
|
// 非单个禁用
|
single: true,
|
// 非多个禁用
|
multiple: true,
|
// 显示搜索条件
|
showSearch: true,
|
// 总条数
|
total: 0,
|
// 捐献基础表格数据
|
donatebaseinfoList: [],
|
// 捐献基础表格数据
|
jxidata: [],
|
// 弹出层标题
|
title: "",
|
// 是否显示弹出层
|
open: false,
|
// 获取组织名称时间范围
|
daterangeReporttime: [],
|
// 查询参数
|
queryParams: {
|
pageNum: 1,
|
pageSize: 20,
|
pabegtime: "",
|
paendtime: "",
|
pahospitalname: ""
|
},
|
|
// 表单参数
|
form: {},
|
// 表单校验
|
rules: {},
|
//当前选中捐献案例
|
curCase: {},
|
//流程名称
|
flowname: "捐献医学评估",
|
//流程名称-伦理审查
|
annexno: "",
|
confirmationform: {},
|
//是否显示确认登记表
|
isShowConfirmationDialog: false,
|
//确认登记表title
|
confirmationTitle: ""
|
};
|
},
|
//监听属性 类似于data概念
|
computed: {},
|
activated() {},
|
mounted() {},
|
|
//监控data中的数据变化
|
watch: {},
|
//方法集合
|
methods: {
|
resetArr(Arr) {
|
var hash = {};
|
Arr = Arr.reduce(function(arr, current) {
|
hash[current.reporterno]
|
? ""
|
: (hash[current.reporterno] = true && arr.push(current));
|
return arr;
|
}, []);
|
return Arr;
|
},
|
|
/** 查询收款统计 */
|
getList() {
|
this.loading = true;
|
listsfeistatistics(this.queryParams)
|
.then(res => {
|
this.jxidata = res.rows || [];
|
this.jxidata.forEach(($obj, $index) => {
|
$obj.id = $index + 1;
|
});
|
this.total = res.total;
|
this.loading = false;
|
})
|
.catch(() => {
|
this.loading = false;
|
});
|
},
|
/** 导出按钮操作 */
|
handleExport() {
|
const queryParams = {
|
pabegtime: this.queryParams.pabegtime,
|
paendtime: this.queryParams.paendtime,
|
pahospitalname: this.queryParams.pahospitalname
|
};
|
this.$modal
|
.confirm("是否确认导出当前筛选条件下的收款统计数据？")
|
.then(() => {
|
this.exportLoading = true;
|
return exportChargeStatistics(queryParams);
|
})
|
.then(response => {
|
this.$download.name(response.msg);
|
this.exportLoading = false;
|
})
|
.catch(() => {
|
this.exportLoading = false;
|
});
|
},
|
|
// 表单重置
|
reset() {
|
this.form = {};
|
},
|
/** 搜索按钮操作 */
|
handleQuery() {
|
this.queryParams.pageNum = 1;
|
this.getList();
|
},
|
/** 重置按钮操作 */
|
resetQuery() {
|
this.selecttime = [];
|
this.queryParams = {
|
pageNum: 1,
|
pageSize: 20,
|
pabegtime: "",
|
paendtime: "",
|
pahospitalname: ""
|
};
|
this.resetForm("queryForm");
|
this.getList();
|
},
|
/** 日期范围：案例时间，开始 00:00:00，结束 23:59:59 */
|
getTimeList() {
|
if (this.selecttime && this.selecttime.length === 2) {
|
this.queryParams.pabegtime = this.selecttime[0] + " 00:00:00";
|
this.queryParams.paendtime = this.selecttime[1] + " 23:59:59";
|
} else {
|
this.queryParams.pabegtime = "";
|
this.queryParams.paendtime = "";
|
}
|
},
|
/** 金额显示：保留两位小数，0 显示 0.00 */
|
amountFormatter(row, column, cellValue) {
|
if (cellValue === null || cellValue === undefined || cellValue === "") {
|
return "0.00";
|
}
|
const num = Number(cellValue);
|
return Number.isFinite(num) ? num.toFixed(2) : "0.00";
|
},
|
getSummaries(param) {
|
const { columns, data } = param;
|
const sums = [];
|
var columnnames = ["hospitalname"];
|
columns.forEach((column, index) => {
|
if (index === 0) {
|
sums[index] = "合计";
|
return;
|
}
|
//去除部分字段计算
|
if (columnnames.indexOf(column.property) > -1) {
|
return;
|
}
|
|
const values = data.map(item => Number(item[column.property]));
|
if (!values.every(value => isNaN(value))) {
|
sums[index] = values.reduce((prev, curr) => {
|
const value = Number(curr);
|
if (!isNaN(value)) {
|
return prev + curr;
|
} else {
|
return prev;
|
}
|
}, 0);
|
sums[index] = sums[index].toFixed(2); // 保留2位小数，解决小数合计列;
|
} else {
|
sums[index] = "";
|
}
|
});
|
return sums;
|
}
|
},
|
|
//生命周期 - 创建完成（可以访问当前this实例）
|
created() {
|
//获取列表
|
this.getList();
|
}
|
// //生命周期 - 挂载完成（可以访问DOM元素）
|
// mounted() {},
|
// beforeCreate() {}, //生命周期 - 创建之前
|
// beforeMount() {}, //生命周期 - 挂载之前
|
// beforeUpdate() {}, //生命周期 - 更新之前
|
// updated() {}, //生命周期 - 更新之后
|
// beforeDestroy() {}, //生命周期 - 销毁之前
|
// destroyed() {}, //生命周期 - 销毁完成
|
// activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
|
};
|
</script>
|
