<!-- -->
|
<template>
|
<div class="app-container">
|
<el-form
|
:model="queryParams"
|
ref="queryForm"
|
:inline="true"
|
label-width="70px"
|
>
|
<el-row :gutter="8">
|
<el-col :span="6">
|
<el-form-item label="业务人员" prop="name">
|
<el-input
|
v-model="queryParams.pausername"
|
placeholder="请输入姓名"
|
clearable
|
size="small"
|
@keyup.enter.native="handleQuery"
|
/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item align="left" label="业务组" prop="treatmenthospitalno">
|
<el-select
|
v-model="queryParams.padeptno"
|
placeholder="请选择案例状态"
|
>
|
<el-option
|
v-for="item in deptList"
|
:label="item.deptName"
|
:value="item.deptId"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="案例状态">
|
<el-select
|
v-model="queryParams.pacasestate"
|
placeholder="请选择案例状态"
|
>
|
<el-option
|
v-for="item in reportlist"
|
:label="item.label"
|
:value="item.value"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row :gutter="8">
|
<el-col :span="12">
|
<el-form-item label="统计日期">
|
<el-date-picker
|
style="width: 100%"
|
v-model="selecttime"
|
type="monthrange"
|
range-separator="至"
|
start-placeholder="开始月份"
|
end-placeholder="结束月份"
|
value-format="yyyy-MM-dd"
|
@change="getTimeList"
|
>
|
</el-date-picker>
|
</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-table v-loading="loading" border :data="donatebaseinfoList"> -->
|
<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="100">
|
</el-table-column>
|
|
<el-table-column label="统计月份" align="center" prop="donationmonth" />
|
|
<el-table-column label="业务组" align="center" prop="deptname">
|
</el-table-column>
|
<el-table-column label="专职人员" align="center" prop="reportername" />
|
|
<el-table-column label="案例数量" align="center" prop="casesum" />
|
|
<el-table-column
|
label="操作"
|
align="center"
|
class-name="small-padding fixed-width"
|
fixed="right"
|
>
|
<template slot-scope="scope">
|
<!-- v-if="scope.row.recordstate==2"
|
-->
|
<el-button size="mini" type="text" icon="el-icon-edit"
|
>明细</el-button
|
>
|
</template>
|
</el-table-column>
|
</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
|
} 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";
|
import { listDept } from "@/api/system/dept";
|
|
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: {
|
pacasestate: "0",
|
pabegtime: null,
|
paendtime: null
|
},
|
deptList: [],
|
// 表单参数
|
form: {},
|
// 表单校验
|
rules: {},
|
//当前选中捐献案例
|
curCase: {},
|
//流程名称
|
flowname: "捐献医学评估",
|
//流程名称-伦理审查
|
annexno: "",
|
confirmationform: {},
|
//是否显示确认登记表
|
isShowConfirmationDialog: false,
|
//确认登记表title
|
confirmationTitle: ""
|
};
|
},
|
//监听属性 类似于data概念
|
computed: {},
|
activated() {},
|
mounted() {},
|
|
//监控data中的数据变化
|
watch: {},
|
//方法集合
|
methods: {
|
getTimeList(e) {
|
if (this.selecttime != 0) {
|
this.queryParams.pabegtime = this.selecttime[0];
|
this.queryParams.paendtime = this.selecttime[1];
|
// if (this.queryParams.paendtime == this.queryParams.pabegtime) {
|
let num = Number(this.queryParams.paendtime.slice(5, 7));
|
if (num < 9) {
|
let mon = Number(this.queryParams.paendtime.slice(6, 7));
|
this.queryParams.paendtime =
|
this.queryParams.paendtime.slice(0, 5) +
|
"0" +
|
(mon + 1) +
|
"-" +
|
"01" +
|
" " +
|
"00" +
|
":" +
|
"00" +
|
":" +
|
"00";
|
}
|
// this.queryParams.paendtime=this.queryParams.paendtime.slice(0,5)年
|
else if (num >= 10) {
|
this.queryParams.paendtime =
|
this.queryParams.paendtime.slice(0, 5) +
|
(num + 1) +
|
"-" +
|
"01" +
|
" " +
|
"00" +
|
":" +
|
"00" +
|
":" +
|
"00";
|
} else {
|
this.queryParams.paendtime =
|
this.queryParams.paendtime.slice(0, 5) +
|
"10" +
|
"-" +
|
"01" +
|
" " +
|
"00" +
|
":" +
|
"00" +
|
":" +
|
"00";
|
}
|
this.queryParams.pabegtime =
|
this.queryParams.pabegtime + " " + "00" + ":" + "00" + ":" + "00";
|
// }
|
} else {
|
// this.queryParams.pabegtime = "1998-01-01 00:00:00";
|
// this.queryParams.paendtime = "2998-01-01 00:00:00";
|
}
|
},
|
listDept() {
|
listDept({}).then(response => {
|
this.deptList = response.data;
|
this.loading = false;
|
});
|
},
|
|
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() {
|
listanlstatistics(this.queryParams).then(res => {
|
this.jxidata = res.rows;
|
this.jxidata.forEach(($obj, $index) => {
|
$obj.id = $index + 1;
|
});
|
this.total = res.total;
|
});
|
},
|
getSummaries(param) {
|
const { columns, data } = param;
|
const sums = [];
|
var columnnames = ["applymonth", "deptmentName", "username"];
|
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]; // 保留2位小数，解决小数合计列;
|
} else {
|
sums[index] = "";
|
}
|
});
|
return sums;
|
},
|
|
// 表单重置
|
reset() {
|
this.form = {};
|
},
|
/** 搜索按钮操作 */
|
handleQuery() {
|
this.queryParams.pageNum = 1;
|
this.getList();
|
},
|
/** 重置按钮操作 */
|
resetQuery() {
|
this.daterangeReporttime = [];
|
|
this.reportervalue = "";
|
|
this.form.treatmenthospitalno = "";
|
|
this.queryParams = {};
|
this.selecttime = [];
|
this.getTimeList();
|
this.searchAddress = {
|
sheng: "",
|
shi: "",
|
qu: "",
|
organizationname: null
|
};
|
|
this.resetForm("queryForm");
|
this.handleQuery();
|
}
|
},
|
|
//生命周期 - 创建完成（可以访问当前this实例）
|
created() {
|
//获取列表
|
this.getList();
|
this.listDept();
|
}
|
// //生命周期 - 挂载完成（可以访问DOM元素）
|
// mounted() {},
|
// beforeCreate() {}, //生命周期 - 创建之前
|
// beforeMount() {}, //生命周期 - 挂载之前
|
// beforeUpdate() {}, //生命周期 - 更新之前
|
// updated() {}, //生命周期 - 更新之后
|
// beforeDestroy() {}, //生命周期 - 销毁之前
|
// destroyed() {}, //生命周期 - 销毁完成
|
// activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
|
};
|
</script>
|
