From 80dbfca22601df181084338ea6b386ac67cd8d6f Mon Sep 17 00:00:00 2001
From: pengjun <158915633@qq.com>
Date: Thu, 25 Dec 2025 20:25:37 +0800
Subject: [PATCH] seo

---
 .../patientRegister/PatientRegisterEdit.vue   |   8 +-
 src/components/report/TurnoverReport.vue      |   2 +-
 .../report/TurnoverReportDetails.vue          | 381 ++++++++++++++++++
 src/components/report/TurnoverReportM.vue     |   4 +-
 src/components/report/TurnoverReportP.vue     |   4 +-
 src/router/index.js                           |   6 +
 6 files changed, 396 insertions(+), 9 deletions(-)
 create mode 100644 src/components/report/TurnoverReportDetails.vue

diff --git a/src/components/patientRegister/PatientRegisterEdit.vue b/src/components/patientRegister/PatientRegisterEdit.vue
index 81992e7..35be8c0 100644
--- a/src/components/patientRegister/PatientRegisterEdit.vue
+++ b/src/components/patientRegister/PatientRegisterEdit.vue
@@ -565,12 +565,12 @@
           class="el-table__body-wrapper tbody" highlight-current-row @row-click="rowick" @row-dblclick="patientDblclick"
           ref="patientList">
           <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">
               <div>
-                {{ scope.row.customerOrgParentName == scope.row.customerOrgName ? '':scope.row.customerOrgName }}
+                {{ scope.row.customerOrgName == scope.row.departmentName ? '':scope.row.departmentName }}
               </div>
             </template>
           </el-table-column>
diff --git a/src/components/report/TurnoverReport.vue b/src/components/report/TurnoverReport.vue
index c7cfbcf..9bbf247 100644
--- a/src/components/report/TurnoverReport.vue
+++ b/src/components/report/TurnoverReport.vue
@@ -34,7 +34,7 @@
             </el-select>
           </div>
           <div class="query">
-            <span class="spanClass">是否包含预登记</span>
+            <span class="spanClass">包含预登记</span>
             <el-checkbox v-model="query.isPreRegistration" true-label="Y" false-label="N" />
           </div>
         </div>
diff --git a/src/components/report/TurnoverReportDetails.vue b/src/components/report/TurnoverReportDetails.vue
new file mode 100644
index 0000000..ba793d4
--- /dev/null
+++ b/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>
diff --git a/src/components/report/TurnoverReportM.vue b/src/components/report/TurnoverReportM.vue
index a877c93..5293a7e 100644
--- a/src/components/report/TurnoverReportM.vue
+++ b/src/components/report/TurnoverReportM.vue
@@ -34,7 +34,7 @@
             </el-select>
           </div>
           <div class="query">
-            <span class="spanClass">是否包含预登记</span>
+            <span class="spanClass">包含预登记</span>
             <el-checkbox v-model="query.isPreRegistration" true-label="Y" false-label="N" />
           </div>
         </div>
@@ -176,7 +176,7 @@ export default {
       FileSaver.saveAs(blob, fileName);
     },
 
-    // 单位过滤
+    // 体检类别过滤
     filterMethod(keyWords) {
       if (keyWords) {
         this.medicalType = [];
diff --git a/src/components/report/TurnoverReportP.vue b/src/components/report/TurnoverReportP.vue
index 1d6e5c9..c2cdcfe 100644
--- a/src/components/report/TurnoverReportP.vue
+++ b/src/components/report/TurnoverReportP.vue
@@ -34,7 +34,7 @@
             </el-select>
           </div>
           <div class="query">
-            <span class="spanClass">是否包含预登记</span>
+            <span class="spanClass">包含预登记</span>
             <el-checkbox v-model="query.isPreRegistration" true-label="Y" false-label="N" />
           </div>
         </div>
@@ -176,7 +176,7 @@ export default {
       FileSaver.saveAs(blob, fileName);
     },
 
-    // 单位过滤
+    // 人员类别过滤
     filterMethod(keyWords) {
       if (keyWords) {
         this.personnelType = [];
diff --git a/src/router/index.js b/src/router/index.js
index 651cfbf..83f45b5 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -564,6 +564,12 @@ const routes = [{
                 component: () =>
                     import ("../components/report/TurnoverReportS.vue"),
             },
+            {
+                path: "/TurnoverReportDetails",
+                name: "营业额统计（明细）",
+                component: () =>
+                    import ("../components/report/TurnoverReportDetails.vue"),
+            },
             {
                 path: "/AppointQuery",
                 name: "网上预约汇总",