pengjun 4 months ago
parent
commit
80dbfca226
  1. 8
      src/components/patientRegister/PatientRegisterEdit.vue
  2. 2
      src/components/report/TurnoverReport.vue
  3. 381
      src/components/report/TurnoverReportDetails.vue
  4. 4
      src/components/report/TurnoverReportM.vue
  5. 4
      src/components/report/TurnoverReportP.vue
  6. 6
      src/router/index.js

8
src/components/patientRegister/PatientRegisterEdit.vue

@ -565,12 +565,12 @@
class="el-table__body-wrapper tbody" highlight-current-row @row-click="rowick" @row-dblclick="patientDblclick" class="el-table__body-wrapper tbody" highlight-current-row @row-click="rowick" @row-dblclick="patientDblclick"
ref="patientList"> ref="patientList">
<el-table-column type="index" width="30" align="center" /> <el-table-column type="index" width="30" align="center" />
<el-table-column prop="patientNo" label="档案号" min-width="80" align="center" />
<el-table-column prop="customerOrgParentName" label="档案号" min-width="180" show-overflow-tooltip/>
<el-table-column prop="customerOrgName" label="档案号" min-width="120" show-overflow-tooltip>
<el-table-column prop="patientNo" label="档案号" min-width="80" align="center" />
<el-table-column prop="customerOrgName" label="单位" min-width="180" show-overflow-tooltip/>
<el-table-column prop="departmentName" label="部门" min-width="120" show-overflow-tooltip>
<template slot-scope="scope"> <template slot-scope="scope">
<div> <div>
{{ scope.row.customerOrgParentName == scope.row.customerOrgName ? '':scope.row.customerOrgName }}
{{ scope.row.customerOrgName == scope.row.departmentName ? '':scope.row.departmentName }}
</div> </div>
</template> </template>
</el-table-column> </el-table-column>

2
src/components/report/TurnoverReport.vue

@ -34,7 +34,7 @@
</el-select> </el-select>
</div> </div>
<div class="query"> <div class="query">
<span class="spanClass">是否包含预登记</span>
<span class="spanClass">包含预登记</span>
<el-checkbox v-model="query.isPreRegistration" true-label="Y" false-label="N" /> <el-checkbox v-model="query.isPreRegistration" true-label="Y" false-label="N" />
</div> </div>
</div> </div>

381
src/components/report/TurnoverReportDetails.vue

@ -0,0 +1,381 @@
<template>
<div>
<div class="middlebox">
<div class="contenttitle">
体检查询 /
<span class="contenttitleBold">营业额统计明细</span>
</div>
</div>
<div style="
display: flex;
justify-content: space-between;
padding: 10px;
background-color: #fff;
border-radius: 8px;
margin-bottom: 10px;
">
<div style="display: block">
<div style="
display: flex;
flex-wrap: wrap;
height: 32px;
align-items: center;
">
<div class="query">
<el-select v-model="query.dateType" placeholder="请选择" style="width: 80px" size="small">
<el-option label="登记日期" :value="'1'" />
<el-option label="体检日期" :value="'2'" />
<el-option label="总检日期" :value="'3'" />
<el-option label="收费日期" :value="'6'" />
</el-select>
<!-- dateType 1 登记2 体检3 总检日期-->
<el-date-picker v-model="query.startDate" type="date" placeholder="起始日期" size="small" style="width: 90px"
value-format="yyyy-MM-dd" :picker-options="pickerOptions" />
<span class="spanClass"></span>
<el-date-picker v-model="query.endDate" type="date" placeholder="截止日期" size="small" style="width: 90px"
value-format="yyyy-MM-dd" :picker-options="pickerOptions" />
</div>
<div class="query">
<span class="spanClass">体检单位</span>
<el-select v-model="query.customerOrgIds" placeholder="请选择体检单位" :filter-method="filterMethod"
default-first-option clearable filterable style="margin-left: 10px;width: 300px;" size="small" multiple collapse-tags>
<el-option v-for="item in customerOrg" :key="item.id" :label="item.displayName" :value="item.id">
{{ item.displayName }}
</el-option>
</el-select>
</div>
<div class="query">
<span class="spanClass">体检类别</span>
<el-select v-model="query.medicalTypeIds" placeholder="请选择体检类别" :filter-method="filterMethodM"
default-first-option clearable filterable style="margin-left: 10px" size="small" multiple collapse-tags>
<el-option v-for="item in medicalType" :key="item.id" :label="item.displayName" :value="item.id">
{{ item.displayName }}
</el-option>
</el-select>
</div>
<div class="query">
<span class="spanClass">人员类别</span>
<el-select v-model="query.personnelTypeIds" placeholder="请选择人员类别" :filter-method="filterMethodP"
default-first-option clearable filterable style="margin-left: 10px" size="small" multiple collapse-tags>
<el-option v-for="item in personnelType" :key="item.id" :label="item.displayName" :value="item.id">
{{ item.displayName }}
</el-option>
</el-select>
</div>
<div class="query">
<span class="spanClass">业务员</span>
<el-input v-model="salesmans" placeholder="请输入业务员姓名" size="small" style="width: 150px; margin-left: 10px" />
</div>
<div class="query">
<span class="spanClass">包含预登记</span>
<el-checkbox v-model="query.isPreRegistration" true-label="Y" false-label="N" />
</div>
</div>
</div>
<div style="display: block;width: 110px;">
<div>
<el-button type="primary" class="commonbutton" @click="btnQuery" size="small">查询</el-button>
</div>
<div style="margin-top: 5px;">
<el-button class="commonbutton" @click="btnExport('tableData')" size="small">导出</el-button>
</div>
</div>
</div>
<div id="tableData">
<el-table :data="tableData" border :height="window.pageHeight - 195" highlight-current-row size="small"
row-key="id" :summary-method="getSummaries" show-summary ref="refTable">
<el-table-column type="index" label="序号" width="50" align="center" />
<el-table-column prop="salesman" label="业务员" min-width="80" align="center" />
<el-table-column prop="registerCount" label="登记人数" min-width="80" align="center" />
<el-table-column prop="startMedical" label="检查人数" min-width="80" align="center" />
<el-table-column prop="checkCount" label="总检人数" min-width="80" align="center" />
<el-table-column prop="avgStandardPrice" label="标准平均单价" min-width="100" align="center" />
<el-table-column prop="avgChargePrice" label="应收平均单价" min-width="100" align="center" />
<el-table-column prop="sumStandardPrice" label="标准金额" min-width="100" align="center" />
<el-table-column prop="sumChargePrice" label="应收金额" min-width="100" align="center" />
<el-table-column prop="sumReceivedPrice" label="实收金额" min-width="100" align="center" />
</el-table>
</div>
</div>
</template>
<script>
import { mapState } from "vuex";
import { getapi, postapi, putapi, deletapi } from "@/api/api";
import { deepCopy } from "../../utlis/proFunc";
import CusOrgOCX from "./CusOrgOCX.vue";
import moment from "moment";
import FileSaver from "file-saver";
export default {
components: {
CusOrgOCX,
},
props: ["orgEnable"],
data() {
return {
dialogVisible: false,
local: {
completeFlag: [],
},
customerOrg: [],
customerOrgAll: [],
medicalType: [],
personnelType: [],
query: {
dateType: "1",
startDate: "",
endDate: "",
customerOrgIds: [],
medicalTypeIds: [],
personnelTypeIds: [],
salesmans: [],
// isMedicalTypeId: 'Y',
isPreRegistration: "N",
},
salesmans: "",
tableData: [],
pickerOptions: {
disabledDate(time) {
return time.getTime() > Date.now();
},
shortcuts: [
{
text: "今天",
onClick(picker) {
picker.$emit("pick", new Date());
},
},
{
text: "昨天",
onClick(picker) {
const date = new Date();
date.setTime(date.getTime() - 3600 * 1000 * 24);
picker.$emit("pick", date);
},
},
{
text: "一周前",
onClick(picker) {
const date = new Date();
date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
picker.$emit("pick", date);
},
},
],
},
};
},
created() { },
//
mounted() {
this.dictInit();
},
updated() {
this.$nextTick(() => {
this.$refs["refTable"].doLayout();
});
},
computed: {
...mapState(["window", "dict", "patientRegister", "report"]),
},
methods: {
//
dictInit() {
let today = moment(new Date()).format("YYYY-MM-DD");
this.query.startDate = today;
this.query.endDate = today;
//
getapi("/api/app/customer-org/parent-all").then((res) => {
if (res.code != -1) {
this.customerOrgAll = res.data;
this.customerOrg = deepCopy(this.customerOrgAll);
}
});
//
getapi("/api/app/medical-type/in-filter").then((res) => {
if (res.code > -1) {
this.dict.medicalType = res.data;
this.medicalType = res.data;
}
});
//
getapi("/api/app/personnel-type/in-filter").then((res) => {
if (res.code == 1) {
this.dict.personnelType = res.data;
this.personnelType = res.data;
}
});
},
//
btnExport(elId) {
let table = document.getElementById(elId);
let tableData = table.innerHTML;
let fileName = moment(new Date()).format("yyyyMMDDHHmmss") + ".xls";
let blob = new Blob([tableData], { type: "text/plain;charset=utf-8" });
FileSaver.saveAs(blob, fileName);
},
//
filterMethod(keyWords) {
if (keyWords) {
this.customerOrg = [];
this.customerOrgAll.forEach((item) => {
if (
item.displayName.toLowerCase().indexOf(keyWords.toLowerCase()) > -1 ||
item.simpleCode.toLowerCase().indexOf(keyWords.toLowerCase()) > -1
// || item.shortName.toLowerCase().indexOf(keyWords.toLowerCase()) > - 1
) {
this.customerOrg.push(item);
}
});
} else {
this.customerOrg = deepCopy(this.customerOrgAll);
}
},
//
filterMethodM(keyWords) {
if (keyWords) {
this.medicalType = [];
this.dict.medicalType.forEach((item) => {
if (
item.displayName.toLowerCase().indexOf(keyWords.toLowerCase()) > -1
) {
this.medicalType.push(item);
}
});
} else {
this.medicalType = deepCopy(this.dict.medicalType);
}
},
//
filterMethodP(keyWords) {
if (keyWords) {
this.personnelType = [];
this.dict.personnelType.forEach((item) => {
if (
item.displayName.toLowerCase().indexOf(keyWords.toLowerCase()) > -1
// || item.shortName.toLowerCase().indexOf(keyWords.toLowerCase()) > - 1
) {
this.personnelType.push(item);
}
});
} else {
this.personnelType = deepCopy(this.dict.personnelType);
}
},
//
btnQuery() {
this.query.salesmans = [];
if (this.salesmans.replace(/\s+/g, '') != '') {
this.query.salesmans.push(this.salesmans.replace(/\s+/g, ''));
}
postapi(
"/api/app/CustomerReport/GetSalesPersonPhysicalExaminationStatistics",
this.query
).then((res) => {
if (res.code > -1) {
this.tableData = res.data;
if (Array.isArray(this.tableData) && this.tableData.length > 0) {
this.tableData.forEach((e) => {
e.startMedical = Number(e.partCheckCount) + Number(e.checkCount);
});
}
}
});
},
//
getSummaries(param) {
console.log("getSummaries param", param);
// if(!param){
// param = {
// columns:[{}, {}, {}, {}, {}, {}, {property: 'asbitemMoney'},{property: 'customerOrgGroupDetailMoney'}],
// data:this.customerOrgGroupAsbitems
// }
// }
const { columns, data } = param;
const sumCol = [2, 3, 4, 7, 8, 9]; //
const sums = [];
columns.forEach((column, index) => {
//console.log('column, index,data',column, index,data)
//
if (index === 1) {
sums[index] = "合计";
return;
}
//
if (sumCol.indexOf(index) == -1) {
sums[index] = "";
return;
}
sums[index] = 0;
data.forEach((e) => {
if (!isNaN(e[column.property]))
sums[index] += Number(e[column.property]); // * e['amount']
});
sums[index] = sums[index].toFixed(2); //+ ' ';
});
// this.groupPrice = sums[7];
// console.log('getSummaries',sums)
// if (!this.totalFoucs) this.total = sums[5];
// if (!this.discountFoucs) this.discount = Number(this.total * 100 / this.totalStand).toFixed(2);
return sums;
},
},
};
</script>
<style scoped>
@import "../../assets/css/global.css";
@import "../../assets/css/global_font.css";
::v-deep .el-input__inner {
/*text-align: center;*/
padding-left: 5px;
padding-right: 15px;
}
::v-deep .el-input__icon {
width: 15px;
/* 输入框下拉箭头或清除图标 默认 25 */
}
::v-deep .el-input-group__append {
padding: 0 5px;
/* 控件默认 0 20px;*/
}
::v-deep .el-icon-search:before {
color: #00f;
}
.query {
margin-left: 10px;
margin-bottom: 5px;
font-size: 14px;
color: #232748;
font-weight: 400;
font-family: "NotoSansSC-Regular";
}
.spanClass {
padding: 0 2px 0 0;
}
</style>

4
src/components/report/TurnoverReportM.vue

@ -34,7 +34,7 @@
</el-select> </el-select>
</div> </div>
<div class="query"> <div class="query">
<span class="spanClass">是否包含预登记</span>
<span class="spanClass">包含预登记</span>
<el-checkbox v-model="query.isPreRegistration" true-label="Y" false-label="N" /> <el-checkbox v-model="query.isPreRegistration" true-label="Y" false-label="N" />
</div> </div>
</div> </div>
@ -176,7 +176,7 @@ export default {
FileSaver.saveAs(blob, fileName); FileSaver.saveAs(blob, fileName);
}, },
//
//
filterMethod(keyWords) { filterMethod(keyWords) {
if (keyWords) { if (keyWords) {
this.medicalType = []; this.medicalType = [];

4
src/components/report/TurnoverReportP.vue

@ -34,7 +34,7 @@
</el-select> </el-select>
</div> </div>
<div class="query"> <div class="query">
<span class="spanClass">是否包含预登记</span>
<span class="spanClass">包含预登记</span>
<el-checkbox v-model="query.isPreRegistration" true-label="Y" false-label="N" /> <el-checkbox v-model="query.isPreRegistration" true-label="Y" false-label="N" />
</div> </div>
</div> </div>
@ -176,7 +176,7 @@ export default {
FileSaver.saveAs(blob, fileName); FileSaver.saveAs(blob, fileName);
}, },
//
//
filterMethod(keyWords) { filterMethod(keyWords) {
if (keyWords) { if (keyWords) {
this.personnelType = []; this.personnelType = [];

6
src/router/index.js

@ -564,6 +564,12 @@ const routes = [{
component: () => component: () =>
import ("../components/report/TurnoverReportS.vue"), import ("../components/report/TurnoverReportS.vue"),
}, },
{
path: "/TurnoverReportDetails",
name: "营业额统计(明细)",
component: () =>
import ("../components/report/TurnoverReportDetails.vue"),
},
{ {
path: "/AppointQuery", path: "/AppointQuery",
name: "网上预约汇总", name: "网上预约汇总",

Loading…
Cancel
Save