diff --git a/src/router/index.js b/src/router/index.js
index d885595..9fdb0d5 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -488,6 +488,36 @@ const routes = [{
                 component: () =>
                     import ("../views/workload/individualfeedetails.vue"),
             },
+            {
+                path: "/peispersontime",
+                name: "体检人次汇总",
+                component: () =>
+                    import ("../views/workload/peispersontime.vue"),
+            },
+            {
+                path: "/departmentalfees",
+                name: "科室收费汇总",
+                component: () =>
+                    import ("../views/workload/departmentalfees.vue"),
+            },
+            {
+                path: "/feeforservice",
+                name: "项目收费汇总",
+                component: () =>
+                    import ("../views/workload/feeforservice.vue"),
+            },
+            {
+                path: "/summaryoftollcollectors",
+                name: "收费员收费汇总",
+                component: () =>
+                    import ("../views/workload/summaryoftollcollectors.vue"),
+            },
+            {
+                path: "/financialsettlement",
+                name: "财务结算",
+                component: () =>
+                    import ("../views/workload/financialsettlement.vue"),
+            },
             {
                 path: "/membershipcard",
                 name: "会员卡分类统计",
diff --git a/src/views/basic-dictionary/MedicalConclusionType.vue b/src/views/basic-dictionary/MedicalConclusionType.vue
index 47e7d30..2897099 100644
--- a/src/views/basic-dictionary/MedicalConclusionType.vue
+++ b/src/views/basic-dictionary/MedicalConclusionType.vue
@@ -163,7 +163,7 @@
             <el-col :span="6">
               <el-form-item label="创建时间">
                 <el-input
-                  :value="form.creatorName | dateFormat"
+                  :value="form.creationTime | dateFormat"
                   disabled
                   style="width: 95%"
                   size="small"
diff --git a/src/views/customerReport/combinationDetails.vue b/src/views/customerReport/combinationDetails.vue
index 10d38d5..99175c4 100644
--- a/src/views/customerReport/combinationDetails.vue
+++ b/src/views/customerReport/combinationDetails.vue
@@ -356,7 +356,6 @@ export default {
 
       return sums;
     },
-
     //查询
     btnQuery() {
       let body = {},
diff --git a/src/views/workload/departmentalfees.vue b/src/views/workload/departmentalfees.vue
new file mode 100644
index 0000000..e8acd8e
--- /dev/null
+++ b/src/views/workload/departmentalfees.vue
@@ -0,0 +1,529 @@
+<template>
+  <div class="box">
+    <div>
+      <div class="middlebox">
+        <div class="contenttitle">
+          收费统计 /
+          <span class="contenttitleBold">科室收费汇总</span>
+        </div>
+      </div>
+      <div :style="'display: block;'">
+        <div
+          style="
+            background-color: #fff;
+            padding: 15px;
+            border-radius: 8px;
+            display: flex;
+            flex-wrap: wrap;
+            margin-bottom: 10px;
+            height: 35px;
+            margin-top: 7px;
+          "
+        >
+          <div class="query">
+            <span>科室：</span>
+            <el-cascader
+              v-model="username"
+              :options="registrardata"
+              ref="example"
+              popper-class="example"
+              @change="ischangsItemTypeId"
+              style="width: 100px"
+              :props="{
+                value: 'id',
+                label: 'displayName',
+                children: 'treeChildren',
+                checkStrictly: true,
+                expandTrigger: 'hover',
+              }"
+              size="small"
+            >
+            </el-cascader>
+            <!-- <el-select
+              v-model="username"
+              placeholder="请选择"
+              size="small"
+              multiple
+            >
+              <el-option
+                v-for="item in registrardata"
+                :key="item.id"
+                :label="item.surname"
+                :value="item.id"
+              >
+              </el-option>
+            </el-select> -->
+          </div>
+          <div class="query">
+            <span>开始日期：</span>
+            <el-date-picker
+              type="date"
+              placeholder="选择开始日期"
+              size="small"
+              v-model="startDate"
+              value-format="yyyy-MM-dd"
+              editable
+            >
+            </el-date-picker>
+          </div>
+          <div class="query">
+            <span>结束日期：</span>
+            <el-date-picker
+              type="date"
+              placeholder="选择结束日期"
+              size="small"
+              v-model="endDate"
+              value-format="yyyy-MM-dd"
+              editable
+            >
+            </el-date-picker>
+          </div>
+          <div class="query">
+            <el-button size="small" @click="onSubmit" class="commonbutton"
+              >查询</el-button
+            >
+          </div>
+          <div class="query">
+            <el-button size="small" @click="handleExport" class="commonbutton"
+              >导出excel</el-button
+            >
+          </div>
+          <div class="query">
+            <el-button size="small" @click="onPrint" class="commonbutton"
+              >打印</el-button
+            >
+          </div>
+          <div class="query">
+            <el-button size="small" @click="columnarChart" class="commonbutton"
+              >柱状图</el-button
+            >
+          </div>
+          <div class="query">
+            <el-button size="small" @click="peiChart" class="commonbutton"
+              >饼图</el-button
+            >
+          </div>
+        </div>
+        <div
+          style="
+            display: flex;
+            justify-content: space-between;
+            position: relative;
+          "
+          id="domTable"
+        >
+          <div
+            style="
+              width: 47.7%;
+              background-color: #fff;
+              padding: 15px;
+              border-radius: 8px;
+            "
+            ref="imageDom"
+          >
+            <!-- <h3 align="center">登记员工作量统计</h3>
+            - 53-18
+            <h5 align="right" style="margin-bottom: 5px;">
+              时间：<span>{{ startDate }}</span
+              >至<span>{{ endDate }}</span>
+            </h5> -->
+            <el-table
+              border
+              show-summary
+              :height="
+                flag
+                  ? window.pageHeight < 600
+                    ? 415
+                    : window.pageHeight - 185 - 20
+                  : ''
+              "
+              :data="tableData"
+              id="table"
+              ref="table"
+              style="width: 100%"
+              :header-cell-class-name="headerStyle"
+            >
+              <el-table-column label="科室收费汇总">
+                <el-table-column :label="'时间：' + startDate + '至' + endDate">
+                  <el-table-column
+                    :label="
+                      '应收总金额：' +
+                      sumChargeMoney +
+                      '折扣金额：' +
+                      sumDiscountMoney +
+                      '实收总金额：' +
+                      sumReceivedChargeMoney
+                    "
+                  >
+                    <el-table-column
+                      prop="itemTypeName"
+                      label="科室"
+                    ></el-table-column>
+                    <el-table-column
+                      prop="chargeMoney"
+                      label="应收金额"
+                    ></el-table-column>
+                    <el-table-column prop="discountMoney" label="折扣金额">
+                    </el-table-column>
+                    <el-table-column prop="receivedChargeMoney" label="实收金额">
+                    </el-table-column>
+                  </el-table-column>
+                </el-table-column>
+              </el-table-column>
+            </el-table>
+          </div>
+          <div
+            :style="
+              'width: 47.7%;overflow: hidden;height:' +
+              (window.pageHeight < 600 ? 415 : window.pageHeight - 185 - 20) +
+              'px;background-color: #fff; padding: 15px; border-radius: 8px;'
+            "
+          >
+            <div
+              style="
+                font-size: 20px;
+                font-weight: 700;
+                color: #232748;
+                font-family: 'NotoSansSC-Bold';
+                text-align: center;
+              "
+            >
+              科室收费汇总
+            </div>
+            <div
+              :style="
+                'height:' +
+                (window.pageHeight < 600 ? 387 : window.pageHeight - 185 - 48) +
+                'px;'
+              "
+            >
+              <ChartBlock ref="chart2"></ChartBlock>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import { mapState, mapActions } from "vuex";
+import { getapi, postapi, putapi, deletapi } from "@/api/api";
+import ChartBlock from "../../components/workload/chartsBlock";
+import { exportToExcel } from "../../utlis/Export2Excel";
+import html2canvas from "html2canvas";
+import printJs from "print-js";
+import { projectlist } from "@/request/commonapi";
+export default {
+  components: {
+    ChartBlock,
+  },
+  data() {
+    return {
+      registrardata: [],
+      username: [],
+      startDate: "",
+      endDate: "",
+      tableData: [],
+      seriesData: [],
+      yAxisData: [],
+      flag: true,
+      pieData: [],
+      sumChargeMoney: "",
+      sumDiscountMoney: "",
+      sumReceivedChargeMoney: "",
+    };
+  },
+  created() {
+    this.getList();
+  },
+  mounted() {
+    this.getNowTime();
+  },
+  methods: {
+    ischangsItemTypeId(v) {
+        if (v.length > 1) {
+        this.username = this.username.slice(-1)[0];
+      } else {
+        this.username = this.username[0];
+      }
+      this.$refs.example.toggleDropDownVisible();
+    },
+    headerStyle({ row, column, rowIndex, columnIndex }) {
+      console.log(rowIndex);
+      if (rowIndex === 1) {
+        return "left-align";
+      }
+      if (rowIndex === 2) {
+        return "left-align";
+      }
+    },
+    summarizeRegisterCount(param) {
+      const { columns, data } = param;
+      const sums = [];
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = "合计";
+          return;
+        }
+
+        const values = data.map((item) => Number(item[column.property]));
+        if (index === 1 || index === 2) {
+          sums[index] = values.reduce((prev, curr) => {
+            const value = Number(curr);
+            if (!isNaN(value)) {
+              return prev + curr;
+            } else {
+              return prev;
+            }
+          }, 0);
+          if (index === 1) {
+            sums[index] = "共" + sums[index] + "人";
+          }
+          if (index === 2) {
+            sums[index] += "元";
+          }
+        } else {
+          sums[index] = "";
+        }
+      });
+
+      return sums;
+    },
+    onPrint() {
+      this.flag = false;
+      this.$nextTick(() => {
+        let width = this.$refs.imageDom.style.width;
+        let cloneDom = this.$refs.imageDom.cloneNode(true);
+        let imageDom = this.$refs.imageDom;
+        cloneDom.style.position = "absolute";
+        cloneDom.style.top = "0px";
+        cloneDom.style.zIndex = "-1";
+        cloneDom.style.width = width;
+        console.log(cloneDom);
+        imageDom.appendChild(cloneDom);
+        html2canvas(cloneDom).then((canvas) => {
+          // 转成图片，生成图片地址
+          const url = canvas.toDataURL("image/png");
+          printJs({
+            printable: url,
+            type: "image",
+            documentTitle: "", // 标题
+            style: "@page{size:auto;margin: 0cm 1cm 0cm 1cm;}", // 去除页眉页脚
+          });
+        });
+        cloneDom.style.display = "none";
+        this.flag = true;
+      });
+    },
+    columnarChart() {
+      let option2 = {
+        // title: {
+        //   text: "登记员工作量统计",
+        //   left: "center",
+        // },
+        tooltip: {
+          trigger: "axis",
+          confine: true,
+        },
+        legend: {
+          type: "scroll",
+          orient: "horizontal", // 垂直
+          right: "3%", // 左对齐
+          top: "0%", // 位于顶部
+        },
+        grid: {
+          show: false,
+          left: "0%",
+          right: "0%",
+          top: "0%",
+          bottom: "0%",
+          containLabel: true,
+        },
+        xAxis: {
+          type: "value",
+          axisLabel: {
+            textStyle: {
+              fontSize: "14",
+            },
+          },
+          axisLine: {
+            show: true,
+          },
+        },
+        yAxis: {
+          type: "category",
+          data: this.yAxisData,
+          axisLabel: {
+            textStyle: {
+              fontSize: "14",
+            },
+          },
+        },
+        series: [
+          {
+            name: "实收金额",
+            type: "bar",
+            data: this.seriesData,
+          },
+        ],
+      };
+      this.$refs.chart2.setOption(option2);
+    },
+    peiChart() {
+      let option2 = {
+        // title: {
+        //   text: "登记员工作量统计",
+        //   left: "center",
+        // },
+        tooltip: {
+          trigger: "item",
+          confine: true,
+        },
+        legend: {
+          data: this.yAxisData,
+          orient: "horizontal",
+          right: "3%",
+          top: "0%",
+        },
+        grid: {
+          show: false,
+          left: "0%",
+          right: "0%",
+          top: "0%",
+          bottom: "0%",
+          containLabel: true,
+        },
+        series: [
+          {
+            type: "pie",
+            label: {
+              show: true,
+              formatter: "{b} : {c} ({d}%)", // b代表名称，c代表对应值，d代表百分比
+            },
+            data: this.pieData,
+          },
+        ],
+      };
+      this.$refs.chart2.setOption(option2);
+    },
+    onSubmit() {
+      let that = this;
+      if (this.username == "" || this.username == []) {
+        return this.$message({
+          message: "请先选择科室",
+          type: "error",
+        });
+      }
+      if (this.startDate == "") {
+        return this.$message({
+          message: "请先选择开始日期",
+          type: "error",
+        });
+      }
+      if (this.endDate == "") {
+        return this.$message({
+          message: "请先选择结束日期",
+          type: "error",
+        });
+      }
+      postapi(
+        "/api/app/charge-report/get-summary-of-departmental-fees-report",
+        {
+          itemTypeId: that.username,
+          startDate: that.startDate,
+          endDate: that.endDate,
+        }
+      ).then((res) => {
+        if (res.code != -1) {
+          that.tableData = [...res.data.details];
+          that.sumChargeMoney = res.data.sumChargeMoney;
+          that.sumDiscountMoney = res.data.sumDiscountMoney;
+          that.sumReceivedChargeMoney = res.data.sumReceivedChargeMoney;
+          this.yAxisData = [];
+          this.seriesData = [];
+          this.pieData = [];
+          let pies = {
+            name: "",
+            value: 0,
+          };
+          for (let i = 0; i < res.data.details.length; i++) {
+            let pie = JSON.parse(JSON.stringify(pies));
+            this.yAxisData.push(res.data.details[i].itemTypeName);
+            this.seriesData.push(res.data.details[i].receivedChargeMoney);
+            pie.name = res.data.details[i].itemTypeName;
+            pie.value = res.data.details[i].receivedChargeMoney;
+            this.pieData.push(pie);
+          }
+          this.columnarChart();
+        }
+      });
+    },
+    getList() {
+      projectlist().then((res) => {
+        if (res.code != -1) {
+          this.registrardata = [...res.data];
+          this.registrardata = this.formatData(this.registrardata);
+        }
+      });
+    },
+    formatData(dataList) {
+      for (let i = 0; i < dataList.length; i++) {
+        if (dataList[i].treeChildren.length < 1) {
+          dataList[i].treeChildren = undefined;
+        } else {
+          this.formatData(dataList[i].treeChildren);
+        }
+      }
+      return dataList;
+    },
+    getNowTime() {
+      var now = new Date();
+      var year = now.getFullYear(); // 得到年份
+      var month = now.getMonth(); // 得到月份
+      var date = now.getDate(); // 得到日期
+      month = month + 1;
+      month = month.toString().padStart(2, "0");
+      date = date.toString().padStart(2, "0");
+      var defaultDate = `${year}-${month}-${date}`;
+      this.startDate = defaultDate;
+      this.endDate = defaultDate;
+    },
+    handleExport() {
+      exportToExcel("#table", "科室收费汇总", false);
+    },
+  },
+  computed: {
+    ...mapState(["window", "dict", "patientRegister", "report"]),
+  },
+  updated() {
+    this.$nextTick(() => {
+      this.$refs.table.doLayout();
+    });
+  },
+};
+</script>
+<style scoped>
+@import "../../assets/css/global_button.css";
+@import "../../assets/css/global_dialog.css";
+@import "../../assets/css/global_table.css";
+@import "../../assets/css/global_form.css";
+@import "../../assets/css/global_input.css";
+@import "../../assets/css/global.css";
+.query {
+  margin-right: 15px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 14px;
+  color: #232748;
+  font-size: 400;
+  font-family: "NotoSansSC-Regular";
+}
+.box {
+  display: flex;
+  flex-direction: column;
+}
+:deep .left-align .cell {
+  text-align: left !important;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/workload/deskwork.vue b/src/views/workload/deskwork.vue
index d59a280..5699779 100644
--- a/src/views/workload/deskwork.vue
+++ b/src/views/workload/deskwork.vue
@@ -13,7 +13,24 @@
         <div style="background-color: #fff; padding: 15px; border-radius: 8px;display: flex;flex-wrap: wrap;    margin-bottom: 10px;height:35px;margin-top: 7px;">
           <div class="query">
             <span>科室：</span>
-            <el-select
+            <el-cascader
+                            v-model="username"
+                            :options="registrardata"
+                            ref="example"
+                            popper-class="example"
+                            @change="ischangsItemTypeId"
+                            style="width: 100px"
+                            :props="{
+                              value: 'id',
+                              label: 'displayName',
+                              children: 'treeChildren',
+                              checkStrictly: true,
+                              expandTrigger: 'hover',
+                            }"
+                            size="small"
+                          >
+                          </el-cascader>
+            <!-- <el-select
               v-model="username"
               placeholder="请选择"
               size="small"
@@ -27,7 +44,7 @@
                 :value="item.id"
               >
               </el-option>
-            </el-select>
+            </el-select> -->
           </div>
           <div class="query">
             <span>开始日期：</span>
@@ -357,6 +374,9 @@ export default {
         });
       }
     },
+    ischangsItemTypeId(v) {
+      this.$refs.example.toggleDropDownVisible();
+    },
     peiChart() {
       let option2 = {
         // title: {
@@ -537,6 +557,9 @@ page-break-before: avoid;}}`, // 去除页眉页脚
           endDate: that.endDate,
         }).then((res) => {
           if (res.code != -1) {
+                    this.pieData=[];
+        this.yAxisData=[];
+        this.seriesData=[];
             that.computedStandardTableData(res.data);
           }
         });
@@ -728,9 +751,20 @@ page-break-before: avoid;}}`, // 去除页眉页脚
       projectlist().then((res) => {
         if (res.code != -1) {
           this.registrardata = [...res.data];
+          this.registrardata = this.formatData(this.registrardata);
         }
       });
     },
+    formatData(dataList) {
+      for (let i = 0; i < dataList.length; i++) {
+        if (dataList[i].treeChildren.length < 1) {
+          dataList[i].treeChildren = undefined;
+        } else {
+          this.formatData(dataList[i].treeChildren);
+        }
+      }
+      return dataList;
+    },
     getNowTime() {
       var now = new Date();
       var year = now.getFullYear(); // 得到年份
diff --git a/src/views/workload/feeforservice.vue b/src/views/workload/feeforservice.vue
new file mode 100644
index 0000000..275752e
--- /dev/null
+++ b/src/views/workload/feeforservice.vue
@@ -0,0 +1,677 @@
+<template>
+  <div class="box">
+    <div>
+      <div class="middlebox">
+        <div class="contenttitle">
+          收费统计 /
+          <span class="contenttitleBold">项目收费汇总</span>
+        </div>
+      </div>
+      <div :style="'display: block;'">
+        <div
+          style="
+            background-color: #fff;
+            padding: 15px;
+            border-radius: 8px;
+            display: flex;
+            flex-wrap: wrap;
+            margin-bottom: 10px;
+            height: 35px;
+            margin-top: 7px;
+          "
+        >
+          <div class="query">
+            <span>科室：</span>
+            <el-cascader
+              v-model="username"
+              :options="registrardata"
+              ref="example"
+              popper-class="example"
+              @change="ischangsItemTypeId"
+              style="width: 100px"
+              :props="{
+                value: 'id',
+                label: 'displayName',
+                children: 'treeChildren',
+                checkStrictly: true,
+                expandTrigger: 'hover',
+              }"
+              size="small"
+            >
+            </el-cascader>
+            <!-- <el-select
+              v-model="username"
+              placeholder="请选择"
+              size="small"
+              multiple
+            >
+              <el-option
+                v-for="item in registrardata"
+                :key="item.id"
+                :label="item.surname"
+                :value="item.id"
+              >
+              </el-option>
+            </el-select> -->
+          </div>
+          <div class="query">
+            <span>组合项目：</span>
+            <el-input
+              placeholder="请选择组合项目"
+              v-model="patientRegister.query.asbitemOCX"
+              style="width: 200px"
+              size="small"
+              disabled
+            >
+              <el-button
+                slot="append"
+                icon="el-icon-search"
+                @click="report.dialogAsbitemOCX = true"
+                style="font-size: 20px"
+              ></el-button>
+            </el-input>
+          </div>
+          <div class="query">
+            <span>开始日期：</span>
+            <el-date-picker
+              type="date"
+              placeholder="选择开始日期"
+              size="small"
+              v-model="startDate"
+              value-format="yyyy-MM-dd"
+              editable
+              style="width:150px"
+            >
+            </el-date-picker>
+          </div>
+          <div class="query">
+            <span>结束日期：</span>
+            <el-date-picker
+              type="date"
+              placeholder="选择结束日期"
+              size="small"
+              v-model="endDate"
+              value-format="yyyy-MM-dd"
+              editable
+              style="width:150px"
+            >
+            </el-date-picker>
+          </div>
+          <div class="query">
+            <el-button size="small" @click="onSubmit" class="commonbutton"
+              >查询</el-button
+            >
+          </div>
+          <div class="query">
+            <el-button size="small" @click="handleExport" class="commonbutton"
+              >导出excel</el-button
+            >
+          </div>
+          <div class="query">
+            <el-button size="small" @click="onPrint" class="commonbutton"
+              >打印</el-button
+            >
+          </div>
+          <div class="query">
+            <el-button size="small" @click="columnarChart" class="commonbutton"
+              >柱状图</el-button
+            >
+          </div>
+          <div class="query">
+            <el-button size="small" @click="peiChart" class="commonbutton"
+              >饼图</el-button
+            >
+          </div>
+        </div>
+        <div
+          style="
+            display: flex;
+            justify-content: space-between;
+            position: relative;
+          "
+          id="domTable"
+        >
+          <div
+            style="
+              width: 47.7%;
+              background-color: #fff;
+              padding: 15px;
+              border-radius: 8px;
+            "
+            ref="imageDom"
+          >
+            <!-- <h3 align="center">登记员工作量统计</h3>
+            - 53-18
+            <h5 align="right" style="margin-bottom: 5px;">
+              时间：<span>{{ startDate }}</span
+              >至<span>{{ endDate }}</span>
+            </h5> -->
+            <el-table
+              border
+              show-summary
+              :summary-method="summarizeRegisterCount"
+              :span-method="objectStandardSpanMethod"
+              :height="
+                flag
+                  ? window.pageHeight < 600
+                    ? 415
+                    : window.pageHeight - 185 - 20
+                  : ''
+              "
+              :data="tableData"
+              id="table"
+              ref="table"
+              style="width: 100%"
+              :header-cell-class-name="headerStyle"
+              :cell-style="tableRowClassName"
+            >
+              <el-table-column label="项目收费汇总">
+                <el-table-column :label="'时间：' + startDate + '至' + endDate">
+                  <el-table-column
+                    :label="
+                      '应收总金额：' +
+                      sumChargeMoney +
+                      '折扣金额：' +
+                      sumDiscountMoney +
+                      '实收总金额：' +
+                      sumReceivedChargeMoney
+                    "
+                  >
+                    <el-table-column
+                      prop="itemTypeName"
+                      label="科室"
+                    ></el-table-column>
+                    <el-table-column
+                      prop="asbitemName"
+                      label="组合项目"
+                    ></el-table-column>
+                    <el-table-column
+                      prop="chargeMoney"
+                      label="应收金额"
+                    ></el-table-column>
+                    <el-table-column prop="discountMoney" label="折扣金额">
+                    </el-table-column>
+                    <el-table-column prop="receivedChargeMoney" label="实收金额">
+                    </el-table-column>
+                  </el-table-column>
+                </el-table-column>
+              </el-table-column>
+            </el-table>
+          </div>
+          <div
+            :style="
+              'width: 47.7%;overflow: hidden;height:' +
+              (window.pageHeight < 600 ? 415 : window.pageHeight - 185 - 20) +
+              'px;background-color: #fff; padding: 15px; border-radius: 8px;'
+            "
+          >
+            <div
+              style="
+                font-size: 20px;
+                font-weight: 700;
+                color: #232748;
+                font-family: 'NotoSansSC-Bold';
+                text-align: center;
+              "
+            >
+              项目收费汇总
+            </div>
+            <div
+              :style="
+                'height:' +
+                (window.pageHeight < 600 ? 387 : window.pageHeight - 185 - 48) +
+                'px;'
+              "
+            >
+              <ChartBlock ref="chart2"></ChartBlock>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+        <!--通用选组合项目的控件-->
+    <el-dialog
+      title="组合项目选择"
+      :visible.sync="report.dialogAsbitemOCX"
+      :close-on-click-modal="false"
+      width="700px"
+      height="600px"
+    >
+      <AsbitemOCX />
+    </el-dialog>
+  </div>
+</template>
+<script>
+import { mapState, mapActions } from "vuex";
+import { getapi, postapi, putapi, deletapi } from "@/api/api";
+import ChartBlock from "../../components/workload/chartsBlock";
+import AsbitemOCX from "../../components/report/AsbitemOCX.vue";
+import { exportToExcel } from "../../utlis/Export2Excel";
+import html2canvas from "html2canvas";
+import printJs from "print-js";
+import { projectlist } from "@/request/commonapi";
+import {
+  tcdate,
+} from "@/utlis/proFunc";
+export default {
+  components: {
+    ChartBlock,
+    AsbitemOCX
+  },
+  data() {
+    return {
+      registrardata: [],
+      username: [],
+      startDate: "",
+      endDate: "",
+      tableData: [],
+      seriesData: [],
+      yAxisData: [],
+      flag: true,
+      pieData: [],
+      sumChargeMoney: "",
+      sumDiscountMoney: "",
+      sumReceivedChargeMoney: "",
+    };
+  },
+  created() {
+    this.getList();
+    this.dictInit()
+  },
+  mounted() {
+    this.getNowTime();
+  },
+  methods: {
+    //数据初始化
+    dictInit() {
+
+      //   //体检类别
+    //   getapi("/api/app/medical-type/in-filter").then((res) => {
+    //     if (res.code == 1) {
+    //       this.dict.medicalType = res.data.items;
+    //     }
+    //   });
+
+      //   //体检类别 树结构
+      getapi("/api/app/item-type/by-code-all").then((res) => {
+        if (res.code == 1) {
+          this.dict.itemTypeTree = res.data;
+          tcdate(this.dict.itemTypeTree);
+        }
+      });
+    },
+    ischangsItemTypeId(v) {
+        if (v.length > 1) {
+        this.username = this.username.slice(-1)[0];
+      } else {
+        this.username = this.username[0];
+      }
+      this.$refs.example.toggleDropDownVisible();
+    },
+    headerStyle({ row, column, rowIndex, columnIndex }) {
+      console.log(rowIndex);
+      if (rowIndex === 1) {
+        return "left-align";
+      }
+      if (rowIndex === 2) {
+        return "left-align";
+      }
+    },
+    summarizeRegisterCount(param) {
+      const { columns, data } = param;
+      const sums = [];
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = "合计";
+          return;
+        }
+        if (index === 4) {
+          sums[index] = this.sumReceivedChargeMoney+"元";
+          return;
+        }
+      });
+
+      return sums;
+    },
+    onPrint() {
+      this.flag = false;
+      this.$nextTick(() => {
+        let width = this.$refs.imageDom.style.width;
+        let cloneDom = this.$refs.imageDom.cloneNode(true);
+        let imageDom = this.$refs.imageDom;
+        cloneDom.style.position = "absolute";
+        cloneDom.style.top = "0px";
+        cloneDom.style.zIndex = "-1";
+        cloneDom.style.width = width;
+        console.log(cloneDom);
+        imageDom.appendChild(cloneDom);
+        html2canvas(cloneDom).then((canvas) => {
+          // 转成图片，生成图片地址
+          const url = canvas.toDataURL("image/png");
+          printJs({
+            printable: url,
+            type: "image",
+            documentTitle: "", // 标题
+            style: "@page{size:auto;margin: 0cm 1cm 0cm 1cm;}", // 去除页眉页脚
+          });
+        });
+        cloneDom.style.display = "none";
+        this.flag = true;
+      });
+    },
+    columnarChart() {
+      let option2 = {
+        // title: {
+        //   text: "登记员工作量统计",
+        //   left: "center",
+        // },
+        tooltip: {
+          trigger: "axis",
+          confine: true,
+        },
+        legend: {
+          type: "scroll",
+          orient: "horizontal", // 垂直
+          right: "3%", // 左对齐
+          top: "0%", // 位于顶部
+        },
+        grid: {
+          show: false,
+          left: "0%",
+          right: "0%",
+          top: "0%",
+          bottom: "0%",
+          containLabel: true,
+        },
+        xAxis: {
+          type: "value",
+          axisLabel: {
+            textStyle: {
+              fontSize: "14",
+            },
+          },
+          axisLine: {
+            show: true,
+          },
+        },
+        yAxis: {
+          type: "category",
+          data: this.yAxisData,
+          axisLabel: {
+            textStyle: {
+              fontSize: "14",
+            },
+          },
+        },
+        series: [
+          {
+            name: "实收金额",
+            type: "bar",
+            data: this.seriesData,
+          },
+        ],
+      };
+      this.$refs.chart2.setOption(option2);
+    },
+    peiChart() {
+      let option2 = {
+        // title: {
+        //   text: "登记员工作量统计",
+        //   left: "center",
+        // },
+        tooltip: {
+          trigger: "item",
+          confine: true,
+        },
+        legend: {
+          data: this.yAxisData,
+          orient: "horizontal",
+          right: "3%",
+          top: "0%",
+        },
+        grid: {
+          show: false,
+          left: "0%",
+          right: "0%",
+          top: "0%",
+          bottom: "0%",
+          containLabel: true,
+        },
+        series: [
+          {
+            type: "pie",
+            label: {
+              show: true,
+              formatter: "{b} : {c} ({d}%)", // b代表名称，c代表对应值，d代表百分比
+            },
+            data: this.pieData,
+          },
+        ],
+      };
+      this.$refs.chart2.setOption(option2);
+    },
+    onSubmit() {
+      let that = this;
+      if (this.username == "" || this.username == []) {
+        return this.$message({
+          message: "请先选择科室",
+          type: "error",
+        });
+      }
+      if (this.startDate == "") {
+        return this.$message({
+          message: "请先选择开始日期",
+          type: "error",
+        });
+      }
+      if (this.endDate == "") {
+        return this.$message({
+          message: "请先选择结束日期",
+          type: "error",
+        });
+      }
+      let asbitemIds = [];
+      if (this.report.dataAsbitemOCX.length > 0) {
+        this.report.dataAsbitemOCX.forEach((e) => {
+          asbitemIds.push(e.id);
+        });
+      }
+      postapi(
+        "/api/app/charge-report/get-project-fees-report",
+        {
+          itemTypeId: that.username,
+          asbitems:asbitemIds,
+          startDate: that.startDate,
+          endDate: that.endDate,
+        }
+      ).then((res) => {
+        if (res.code != -1) {
+        //   that.tableData = [...res.data.details];
+          that.sumChargeMoney = res.data.sumChargeMoney;
+          that.sumDiscountMoney = res.data.sumDiscountMoney;
+          that.sumReceivedChargeMoney = res.data.sumReceivedChargeMoney;
+          this.yAxisData = [];
+          this.seriesData = [];
+          this.pieData = [];
+          that.computedStandardTableData(res.data.details)
+          let pies = {
+            name: "",
+            value: 0,
+          };
+          for (let i = 0; i < res.data.details.length; i++) {
+            let pie = JSON.parse(JSON.stringify(pies));
+            this.yAxisData.push('('+res.data.details[i].itemTypeName+')'+res.data.details[i].asbitemName);
+            this.seriesData.push(res.data.details[i].receivedChargeMoney);
+            pie.name = '('+res.data.details[i].itemTypeName+')'+res.data.details[i].asbitemName
+            pie.value = res.data.details[i].receivedChargeMoney;
+            this.pieData.push(pie);
+          }
+          this.columnarChart();
+        }
+      });
+    },
+    computedStandardTableData(tableData) {
+      const newData = [...tableData]; // 创建一个新的数组，避免修改原始数据
+      const totalRows = {
+        itemTypeName: "",
+        asbitemName: "合计",
+        chargeMoney: 0,
+        discountMoney: 0,
+        receivedChargeMoney: 0,
+      }; // 合计行的数据
+    //   let pies = {
+    //     name: "",
+    //     value: 0,
+    //   };
+      let obj = {};
+      for (let i = 0; i < tableData.length; i++) {
+        var item = tableData[i].itemTypeName;
+        obj[item] = obj[item] + 1 || 1;
+      }
+
+      Object.keys(obj).forEach((key) => {
+        let totalRow = JSON.parse(JSON.stringify(totalRows));
+        // let pie = JSON.parse(JSON.stringify(pies));
+        tableData.forEach((item) => {
+          if (item.itemTypeName == key) {
+            totalRow.itemTypeName = item.itemTypeName;
+            totalRow.chargeMoney =
+              (totalRow.chargeMoney * 100000 +
+                item.chargeMoney * 100000) /
+              100000;
+            totalRow.discountMoney =
+              (totalRow.discountMoney * 100000 +
+                item.discountMoney * 100000) /
+              100000;
+            totalRow.receivedChargeMoney =
+              (totalRow.receivedChargeMoney * 100000 +
+                item.receivedChargeMoney * 100000) /
+              100000;
+          }
+            // pie.name = '('+item.itemTypeName+')'+item.asbitemName;
+            // pie.value = item.receivedChargeMoney;
+            // this.yAxisData.push('('+item.itemTypeName+')'+item.asbitemName);
+            // this.seriesData.push(item.receivedChargeMoney);
+        });
+        newData.push(totalRow);
+        // this.pieData.push(pie);
+      });
+      this.ForwardStandardRanking(newData, "itemTypeName");
+      this.columnarChart();
+    },
+    ForwardStandardRanking(data, p) {
+      for (var i = 0; i < data.length - 1; i++) {
+        for (var j = 0; j < data.length - 1 - i; j++) {
+          var dd = data[j][p].localeCompare(data[j + 1][p], "zh"); //1---前者往后移，-1===位置不变
+          if (dd > 0) {
+            var temp = data[j];
+            data[j] = data[j + 1];
+            data[j + 1] = temp;
+          }
+        }
+      }
+      this.tableData = data;
+      this.setStandardDates(this.tableData);
+    },
+    setStandardDates(arr) {
+      var obj = {},
+        k,
+        arr1 = [];
+      this.arr1 = [];
+      for (var i = 0, len = arr.length; i < len; i++) {
+        k = arr[i].itemTypeName; //需要合并的字段
+        if (obj[k]) obj[k]++;
+        else obj[k] = 1;
+      }
+      //保存结果{el-'元素'，count-出现次数}
+      for (var o in obj) {
+        for (let i = 0; i < obj[o]; i++) {
+          if (i === 0) {
+            this.arr1.push(obj[o]);
+          } else {
+            this.arr1.push(0);
+          }
+        }
+      }
+    },
+    objectStandardSpanMethod({ row, column, rowIndex, columnIndex }) {
+      if (columnIndex === 0) {
+        let _row = this.arr1[rowIndex];
+        let _col = this.arr1[rowIndex] > 0 ? 1 : 0;
+        return [_row, _col];
+      }
+    },
+     tableRowClassName({ row, column, rowIndex, columnIndex }) {
+      if (row.asbitemName == "合计") {
+        return { backgroundColor: "#F5F7FA" };
+      }
+    },
+    getList() {
+      projectlist().then((res) => {
+        if (res.code != -1) {
+          this.registrardata = [...res.data];
+          this.registrardata = this.formatData(this.registrardata);
+        }
+      });
+    },
+    formatData(dataList) {
+      for (let i = 0; i < dataList.length; i++) {
+        if (dataList[i].treeChildren.length < 1) {
+          dataList[i].treeChildren = undefined;
+        } else {
+          this.formatData(dataList[i].treeChildren);
+        }
+      }
+      return dataList;
+    },
+    getNowTime() {
+      var now = new Date();
+      var year = now.getFullYear(); // 得到年份
+      var month = now.getMonth(); // 得到月份
+      var date = now.getDate(); // 得到日期
+      month = month + 1;
+      month = month.toString().padStart(2, "0");
+      date = date.toString().padStart(2, "0");
+      var defaultDate = `${year}-${month}-${date}`;
+      this.startDate = defaultDate;
+      this.endDate = defaultDate;
+    },
+    handleExport() {
+      exportToExcel("#table", "项目收费汇总", false);
+    },
+  },
+  computed: {
+    ...mapState(["window", "dict", "patientRegister", "report"]),
+  },
+  updated() {
+    this.$nextTick(() => {
+      this.$refs.table.doLayout();
+    });
+  },
+};
+</script>
+<style scoped>
+@import "../../assets/css/global_button.css";
+@import "../../assets/css/global_dialog.css";
+@import "../../assets/css/global_table.css";
+@import "../../assets/css/global_form.css";
+@import "../../assets/css/global_input.css";
+@import "../../assets/css/global.css";
+.query {
+  margin-right: 15px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 14px;
+  color: #232748;
+  font-size: 400;
+  font-family: "NotoSansSC-Regular";
+}
+.box {
+  display: flex;
+  flex-direction: column;
+}
+:deep .left-align .cell {
+  text-align: left !important;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/workload/financialsettlement.vue b/src/views/workload/financialsettlement.vue
new file mode 100644
index 0000000..f63de96
--- /dev/null
+++ b/src/views/workload/financialsettlement.vue
@@ -0,0 +1,511 @@
+<template>
+  <div class="box">
+    <div>
+      <div class="middlebox">
+        <div class="contenttitle">
+          收费统计 /
+          <span class="contenttitleBold">财务结算</span>
+        </div>
+      </div>
+      <div :style="'display: block;'">
+        <div
+          style="
+            background-color: #fff;
+            padding: 15px;
+            border-radius: 8px;
+            display: flex;
+            flex-wrap: wrap;
+            margin-bottom: 10px;
+            height: 35px;
+            margin-top: 7px;
+          "
+        >
+          <div class="query">
+            <span>登记员：</span>
+            <el-select
+              v-model="username"
+              placeholder="请选择"
+              size="small"
+              multiple
+            >
+              <el-option
+                v-for="item in registrardata"
+                :key="item.id"
+                :label="item.surname"
+                :value="item.id"
+              >
+              </el-option>
+            </el-select>
+          </div>
+          <div class="query">
+            <span>开始日期：</span>
+            <el-date-picker
+              type="date"
+              placeholder="选择开始日期"
+              size="small"
+              v-model="startDate"
+              value-format="yyyy-MM-dd"
+              editable
+            >
+            </el-date-picker>
+          </div>
+          <div class="query">
+            <span>结束日期：</span>
+            <el-date-picker
+              type="date"
+              placeholder="选择结束日期"
+              size="small"
+              v-model="endDate"
+              value-format="yyyy-MM-dd"
+              editable
+            >
+            </el-date-picker>
+          </div>
+          <div class="query">
+            <el-button size="small" @click="onSubmit" class="commonbutton"
+              >查询</el-button
+            >
+          </div>
+          <div class="query">
+            <el-button size="small" @click="settlement" class="commonbutton"
+              >结算</el-button
+            >
+          </div>
+          <!-- <div class="query">
+            <el-button size="small" @click="handleExport" class="commonbutton">导出excel</el-button>
+          </div>
+          <div class="query">
+            <el-button size="small" @click="onPrint" class="commonbutton">打印</el-button>
+          </div>
+          <div class="query">
+            <el-button size="small" @click="columnarChart" class="commonbutton">柱状图</el-button>
+          </div>
+          <div class="query">
+            <el-button size="small" @click="peiChart" class="commonbutton">饼图</el-button>
+          </div> -->
+        </div>
+        <div id="domTable">
+          <div
+            style="background-color: #fff; padding: 15px; border-radius: 8px"
+            ref="imageDom"
+          >
+            <el-table
+              border
+              show-summary
+              :summary-method="summarizeRegisterCount"
+              :height="
+                flag
+                  ? window.pageHeight < 600
+                    ? 415
+                    : window.pageHeight - 185 - 20
+                  : ''
+              "
+              :data="tableData"
+              id="table"
+              ref="table"
+              style="width: 100%"
+            >
+              <el-table-column label="财务结算">
+                <el-table-column :label="'时间：' + startDate + '至' + endDate">
+                  <template slot-scope="scope">
+                    <el-table :data="scope.row.chargeDetails" border>
+                      <el-table-column label="收费汇总">
+                        <template slot-scope="scopes">
+                          <el-table
+                            :data="scopes.row.payModeDetails"
+                            border
+                            show-summary
+                            :summary-method="summarizeRegisterCounts"
+                          >
+                            <el-table-column :label="scopes.row.userName">
+                              <el-table-column
+                                label="支付方式"
+                                prop="payModeName"
+                              ></el-table-column>
+                              <el-table-column
+                                label="收费或退费金额"
+                                prop="money"
+                              ></el-table-column>
+                            </el-table-column>
+                          </el-table>
+                        </template>
+                      </el-table-column>
+                    </el-table>
+                    <el-table :data="scope.row.chargeBackDetails" border>
+                      <el-table-column label="退费汇总">
+                        <template slot-scope="scopes">
+                          <el-table
+                            :data="scopes.row.payModeDetails"
+                            border
+                            show-summary
+                            :summary-method="summarizeRegisterCounts"
+                          >
+                            <el-table-column :label="scopes.row.userName">
+                              <el-table-column
+                                label="支付方式"
+                                prop="payModeName"
+                              ></el-table-column>
+                              <el-table-column
+                                label="收费或退费金额"
+                                prop="money"
+                              ></el-table-column>
+                            </el-table-column>
+                          </el-table>
+                        </template>
+                      </el-table-column>
+                    </el-table>
+                  </template>
+                </el-table-column>
+              </el-table-column>
+            </el-table>
+          </div>
+          <!-- <div
+             :style="
+              'width: 47.7%;overflow: hidden;height:' +
+              (window.pageHeight < 600 ? 415 : window.pageHeight - 185 - 20) +
+              'px;background-color: #fff; padding: 15px; border-radius: 8px;'
+            "
+          >
+          <div style="    font-size: 20px;
+    font-weight: 700;
+    color: #232748;
+    font-family: 'NotoSansSC-Bold';
+    text-align: center;">登记员工作量统计</div>
+    <div :style="
+              'height:' +(window.pageHeight < 600 ? 387 : window.pageHeight - 185 - 48) +'px;'
+            ">
+             <ChartBlock ref="chart2"></ChartBlock>
+            </div>
+          </div> -->
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import { mapState, mapActions } from "vuex";
+import { getapi, postapi, putapi, deletapi } from "@/api/api";
+import ChartBlock from "../../components/workload/chartsBlock";
+import { exportToExcel } from "../../utlis/Export2Excel";
+import html2canvas from "html2canvas";
+import printJs from "print-js";
+export default {
+  components: {
+    ChartBlock,
+  },
+  data() {
+    return {
+      registrardata: [],
+      username: [],
+      startDate: "",
+      endDate: "",
+      tableData: [],
+      seriesData: [],
+      yAxisData: [],
+      flag: true,
+      pieData: [],
+    };
+  },
+  created() {
+    this.getList();
+  },
+  mounted() {
+    this.getNowTime();
+  },
+  methods: {
+    headerStyle({ row, column, rowIndex, columnIndex }) {
+      console.log(rowIndex);
+      if (rowIndex === 1) {
+        return "left-align";
+      }
+    },
+    summarizeRegisterCount(param) {
+      const { columns, data } = param;
+      const sums = [];
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          let sumPrice = 0;
+          let chargeDetails = data[0].chargeDetails;
+          let chargeBackDetails = data[0].chargeBackDetails;
+          for (let i = 0; i < chargeDetails.length; i++) {
+            for (let k = 0; k < chargeDetails[i].payModeDetails.length; k++) {
+              sumPrice = (
+                Number(sumPrice) +
+                Number(chargeDetails[i].payModeDetails[k].money)
+              ).toFixed(2);
+            }
+          }
+          for (let i = 0; i < chargeBackDetails.length; i++) {
+            for (
+              let k = 0;
+              k < chargeBackDetails[i].payModeDetails.length;
+              k++
+            ) {
+              sumPrice = (
+                Number(sumPrice) -
+                Number(chargeBackDetails[i].payModeDetails[k].money)
+              ).toFixed(2);
+            }
+          }
+          sums[index] = "收费扣除退费余计：" + sumPrice;
+          return;
+        }
+      });
+      return sums;
+    },
+    summarizeRegisterCounts(param) {
+      const { columns, data } = param;
+      const sums = [];
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = "合计";
+          return;
+        }
+        if (index === 1) {
+          let sum = 0;
+          data.forEach((data, index) => {
+            sum += Number(data.money);
+          });
+          sums[index] = sum;
+          return;
+        }
+      });
+
+      return sums;
+    },
+    onPrint() {
+      this.flag = false;
+      this.$nextTick(() => {
+        let width = this.$refs.imageDom.style.width;
+        let cloneDom = this.$refs.imageDom.cloneNode(true);
+        let imageDom = this.$refs.imageDom;
+        cloneDom.style.position = "absolute";
+        cloneDom.style.top = "0px";
+        cloneDom.style.zIndex = "-1";
+        cloneDom.style.width = width;
+        console.log(cloneDom);
+        imageDom.appendChild(cloneDom);
+        html2canvas(cloneDom).then((canvas) => {
+          // 转成图片，生成图片地址
+          const url = canvas.toDataURL("image/png");
+          printJs({
+            printable: url,
+            type: "image",
+            documentTitle: "", // 标题
+            style: "@page{size:auto;margin: 0cm 1cm 0cm 1cm;}", // 去除页眉页脚
+          });
+        });
+        cloneDom.style.display = "none";
+        this.flag = true;
+      });
+    },
+    columnarChart() {
+      let option2 = {
+        // title: {
+        //   text: "登记员工作量统计",
+        //   left: "center",
+        // },
+        tooltip: {
+          trigger: "axis",
+          confine: true,
+        },
+        legend: {
+          type: "scroll",
+          orient: "horizontal", // 垂直
+          right: "3%", // 左对齐
+          top: "0%", // 位于顶部
+        },
+        grid: {
+          show: false,
+          left: "0%",
+          right: "0%",
+          top: "0%",
+          bottom: "0%",
+          containLabel: true,
+        },
+        xAxis: {
+          type: "value",
+          axisLabel: {
+            textStyle: {
+              fontSize: "14",
+            },
+          },
+          axisLine: {
+            show: true,
+          },
+        },
+        yAxis: {
+          type: "category",
+          data: this.yAxisData,
+          axisLabel: {
+            textStyle: {
+              fontSize: "14",
+            },
+          },
+        },
+        series: [
+          {
+            name: "人数",
+            type: "bar",
+            data: this.seriesData,
+          },
+        ],
+      };
+      this.$refs.chart2.setOption(option2);
+    },
+    peiChart() {
+      let option2 = {
+        // title: {
+        //   text: "登记员工作量统计",
+        //   left: "center",
+        // },
+        tooltip: {
+          trigger: "item",
+          confine: true,
+        },
+        legend: {
+          data: this.yAxisData,
+          orient: "horizontal",
+          right: "3%",
+          top: "0%",
+        },
+        grid: {
+          show: false,
+          left: "0%",
+          right: "0%",
+          top: "0%",
+          bottom: "0%",
+          containLabel: true,
+        },
+        series: [
+          {
+            type: "pie",
+            label: {
+              show: true,
+              formatter: "{b} : {c}人 ({d}%)", // b代表名称，c代表对应值，d代表百分比
+            },
+            data: this.pieData,
+          },
+        ],
+      };
+      this.$refs.chart2.setOption(option2);
+    },
+    onSubmit() {
+      let that = this;
+      if (this.startDate == "") {
+        return this.$message({
+          message: "请先选择开始日期",
+          type: "error",
+        });
+      }
+      if (this.endDate == "") {
+        return this.$message({
+          message: "请先选择结束日期",
+          type: "error",
+        });
+      }
+      postapi("/api/app/charge/get-charge-and-charge-back-summary", {
+        userIds: that.username,
+        startDate: that.startDate,
+        endDate: that.endDate,
+      }).then((res) => {
+        if (res.code != -1) {
+          that.tableData = [];
+          this.tableData.push(res.data);
+          //   this.yAxisData = [];
+          //   this.seriesData = [];
+          //   let pies = {
+          //     name: "",
+          //     value: 0,
+          //   };
+          //   for (let i = 0; i < res.data.length; i++) {
+          //     let pie = JSON.parse(JSON.stringify(pies));
+          //     this.yAxisData.push(res.data[i].personnelName);
+          //     this.seriesData.push(res.data[i].registerCount);
+          //     pie.name=res.data[i].personnelName
+          //     pie.value=res.data[i].registerCount
+          //     this.pieData.push(pie)
+          //   }
+          //   this.columnarChart();
+        }
+      });
+    },
+    settlement() {
+      this.$confirm("请仔细核对金额,是否继续结算?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+        cancelButtonClass: "difference",
+        confirmButtonClass: "commonbutton",
+      })
+        .then(() => {
+          postapi("/api/app/charge/charge-and-charge-back-settlement", {
+            userIds: this.username,
+            startDate: this.startDate,
+            endDate: this.endDate,
+          }).then((res) => {
+            if (res.code != -1) {
+              this.$message.success("结算成功");
+            }
+          });
+        })
+        .catch(() => {});
+    },
+    getList() {
+      getapi("/api/identity/users/getlist").then((res) => {
+        if (res.code != -1) {
+          this.registrardata = [...res.data.items];
+        }
+      });
+    },
+    getNowTime() {
+      var now = new Date();
+      var year = now.getFullYear(); // 得到年份
+      var month = now.getMonth(); // 得到月份
+      var date = now.getDate(); // 得到日期
+      month = month + 1;
+      month = month.toString().padStart(2, "0");
+      date = date.toString().padStart(2, "0");
+      var defaultDate = `${year}-${month}-${date}`;
+      this.startDate = defaultDate;
+      this.endDate = defaultDate;
+    },
+    handleExport() {
+      exportToExcel("#table", "登记员工作量统计", false);
+    },
+  },
+  computed: {
+    ...mapState(["window", "dict", "patientRegister", "report"]),
+  },
+  updated() {
+    this.$nextTick(() => {
+      this.$refs.table.doLayout();
+    });
+  },
+};
+</script>
+<style scoped>
+@import "../../assets/css/global_button.css";
+@import "../../assets/css/global_dialog.css";
+@import "../../assets/css/global_table.css";
+@import "../../assets/css/global_form.css";
+@import "../../assets/css/global_input.css";
+@import "../../assets/css/global.css";
+.query {
+  margin-right: 15px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 14px;
+  color: #232748;
+  font-size: 400;
+  font-family: "NotoSansSC-Regular";
+}
+.box {
+  display: flex;
+  flex-direction: column;
+}
+:deep .left-align .cell {
+  text-align: left !important;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/workload/individualfeedetails.vue b/src/views/workload/individualfeedetails.vue
index 0c130bf..fdb1d9d 100644
--- a/src/views/workload/individualfeedetails.vue
+++ b/src/views/workload/individualfeedetails.vue
@@ -1,148 +1,1144 @@
 <template>
   <div class="box">
-    <el-card>
-      <el-form :model="form">
-        <el-row>
-          <el-col :span="4">
-            <el-form-item label="收费员" label-width="80px">
-              <el-select v-model="form.username" placeholder="请选择">
-                <el-option
-                  v-for="item in registrardata"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                >
-                </el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="4">
-            <el-form-item label="档案号" label-width="80px">
-              <el-input v-model="form.username" style="width: 70%"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="7">
-            <el-form-item label="登记日期" label-width="80px">
-              <el-date-picker
-                v-model="form.registrationdate"
-                type="daterange"
-                range-separator="--"
-                start-placeholder="开始日期"
-                end-placeholder="结束日期"
+    <div>
+      <div class="middlebox">
+        <div class="contenttitle">
+          收费统计 /
+          <span class="contenttitleBold">个人收费明细</span>
+        </div>
+      </div>
+      <div :style="'display: block;'">
+        <div
+          style="
+            background-color: #fff;
+            padding: 15px;
+            border-radius: 8px;
+            display: flex;
+            flex-wrap: wrap;
+            margin-bottom: 10px;
+            height: 35px;
+            margin-top: 7px;
+          "
+        >
+          <div class="query">
+            <span>收费员：</span>
+            <el-select
+              v-model="username"
+              placeholder="请选择"
+              size="small"
+              multiple
+              style="width: 90px"
+            >
+              <el-option
+                v-for="item in registrardata"
+                :key="item.id"
+                :label="item.surname"
+                :value="item.id"
+              >
+              </el-option>
+            </el-select>
+          </div>
+          <div class="query">
+            <span>档案号：</span>
+            <el-input
+              v-model="patientNo"
+              placeholder="请输入档案号"
+              size="small"
+              style="width: 90px"
+            ></el-input>
+          </div>
+          <div class="query">
+            <span>姓名：</span>
+            <el-input
+              v-model="patientName"
+              placeholder="请输入姓名"
+              size="small"
+              style="width: 90px"
+            ></el-input>
+          </div>
+          <div class="query">
+            <span>开始日期：</span>
+            <el-date-picker
+              type="date"
+              placeholder="选择开始日期"
+              size="small"
+              v-model="startDate"
+              value-format="yyyy-MM-dd"
+              editable
+              style="width: 90px"
+            >
+            </el-date-picker>
+          </div>
+          <div class="query">
+            <span>结束日期：</span>
+            <el-date-picker
+              type="date"
+              placeholder="选择结束日期"
+              size="small"
+              v-model="endDate"
+              value-format="yyyy-MM-dd"
+              editable
+              style="width: 90px"
+            >
+            </el-date-picker>
+          </div>
+          <div class="query">
+            <span>报表格式：</span>
+            <el-select
+              v-model="format"
+              placeholder="请选择格式"
+              size="small"
+              @change="changeValue"
+              style="width: 90px"
+            >
+              <el-option label="收费明细" value="0" />
+              <el-option label="退费明细" value="1" />
+              <el-option label="收费汇总" value="2" />
+            </el-select>
+          </div>
+          <div class="query">
+            <el-button size="small" @click="onSubmit" class="commonbutton"
+              >查询</el-button
+            >
+          </div>
+          <div class="query">
+            <el-button size="small" @click="handleExport" class="commonbutton"
+              >导出excel</el-button
+            >
+          </div>
+          <div class="query">
+            <el-button size="small" @click="onPrint" class="commonbutton"
+              >打印</el-button
+            >
+          </div>
+          <div class="query">
+            <el-button size="small" @click="columnarChart" class="commonbutton"
+              >柱状图</el-button
+            >
+          </div>
+          <div class="query">
+            <el-button size="small" @click="peiChart" class="commonbutton"
+              >饼图</el-button
+            >
+          </div>
+        </div>
+        <div
+        style="display: flex;
+            justify-content: space-between;
+            position: relative;"
+          id="domTable"
+        >
+          <div
+            style="
+              width: 47.7%;
+              background-color: #fff;
+              padding: 15px;
+              border-radius: 8px;
+            "
+            v-show="format == 0"
+          >
+            <div ref="imageDom0">
+              <el-table
+                border
+                :height="
+                  flag
+                    ? window.pageHeight < 600
+                      ? 415
+                      : window.pageHeight - 185 - 20
+                    : ''
+                "
+                :data="standardTableData"
+                id="standardTableData"
+                ref="standardTableData"
+                style="width: 100%"
+                :span-method="objectStandardSpanMethod"
+                :cell-style="tableRowClassName"
+                show-summary
+                :summary-method="paymodesummarizeRegisterCount"
+              >
+                <el-table-column label="个人收费明细表">
+                  <el-table-column
+                  prop="patientNo"
+                  label="档案号"
+                ></el-table-column>
+                <el-table-column
+                  prop="medicalTimes"
+                  label="体检次数"
+                ></el-table-column>
+                <el-table-column
+                  prop="patientName"
+                  label="姓名"
+                ></el-table-column>
+                <el-table-column prop="sexName" label="性别"></el-table-column>
+                <el-table-column prop="age" label="年龄"></el-table-column>
+                <el-table-column
+                  prop="asbitemName"
+                  label="组合项目"
+                ></el-table-column>
+                <el-table-column
+                  prop="standardPrice"
+                  label="标准金额"
+                ></el-table-column>
+                <el-table-column
+                  prop="charePrice"
+                  label="实收金额"
+                ></el-table-column>
+                <el-table-column prop="discount" label="折扣"></el-table-column>
+                <el-table-column
+                  prop="bookKeepingName"
+                  label="记账人"
+                ></el-table-column>
+                <el-table-column
+                  prop="bookkeepingTiem"
+                  label="记账时间"
+                ></el-table-column>
+                </el-table-column>
+              </el-table>
+            </div>
+          </div>
+          <div
+            style="
+              width: 47.7%;
+              background-color: #fff;
+              padding: 15px;
+              border-radius: 8px;
+            "
+            v-show="format == 1"
+          >
+            <div ref="imageDom1">
+              <el-table
+                border
+                :height="
+                  flag
+                    ? window.pageHeight < 600
+                      ? 415
+                      : window.pageHeight - 185 - 20
+                    : ''
+                "
+                :data="tableData"
+                id="tableData"
+                ref="tableData"
+                style="width: 100%"
+                :span-method="refundobjectStandardSpanMethod"
+                :cell-style="tableRowClassName"
+                show-summary
+                :summary-method="refundesummarizeRegisterCount"
+              >
+                <el-table-column label="个人退费明细表">
+                  <el-table-column
+                  prop="patientNo"
+                  label="档案号"
+                ></el-table-column>
+                <el-table-column
+                  prop="medicalTimes"
+                  label="体检次数"
+                ></el-table-column>
+                <el-table-column
+                  prop="patientName"
+                  label="姓名"
+                ></el-table-column>
+                <el-table-column prop="sexName" label="性别"></el-table-column>
+                <el-table-column prop="age" label="年龄"></el-table-column>
+                <el-table-column
+                  prop="asbitemName"
+                  label="组合项目"
+                ></el-table-column>
+                <el-table-column
+                  prop="standardPrice"
+                  label="标准金额"
+                ></el-table-column>
+                <el-table-column
+                  prop="charePrice"
+                  label="实收金额"
+                ></el-table-column>
+                <el-table-column prop="discount" label="折扣"></el-table-column>
+                <el-table-column
+                  prop="bookKeepingName"
+                  label="记账人"
+                ></el-table-column>
+                <el-table-column
+                  prop="bookkeepingTiem"
+                  label="记账时间"
+                ></el-table-column>
+                </el-table-column>
+              </el-table>
+            </div>
+          </div>
+          <div
+            style="
+            width: 47.7%;
+              background-color: #fff;
+              padding: 15px;
+              border-radius: 8px;
+            "
+            v-show="format == 2"
+          >
+            <div ref="imageDom2">
+              <el-table
+                border
+                :height="
+                  flag
+                    ? window.pageHeight < 600
+                      ? 415
+                      : window.pageHeight - 185 - 20
+                    : ''
+                "
+                :data="projectTableData"
+                id="projectTableData"
+                ref="projectTableData"
+                style="width: 100%"
+                :header-cell-class-name="headerStyle"
+                :span-method="feesummaryobjectStandardSpanMethod"
+                :cell-style="feesummarytableRowClassName"
+                show-summary
+                :summary-method="feesummarysummarizeRegisterCount"
               >
-              </el-date-picker>
-            </el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <el-form-item label="报表格式" label-width="80px">
-              <el-select v-model="form.reportform" placeholder="请选择">
-                <el-option
-                  v-for="item in reportform"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                >
-                </el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="3">
-            <el-button type="primary">查询</el-button>
-          </el-col>
-        </el-row>
-        <!-- d登记标题 -->
-        <h3 class="tabtile">收费员支付方式统计报表</h3>
-      </el-form>
-      <div>
-        <el-table :data="tableData" style="width: 100%">
-          <el-table-column prop="fileno" label="档案号" width="180">
-          </el-table-column>
-          <el-table-column
-            prop="physicalexamination"
-            label="体检次数"
-            width="180"
+                <el-table-column label="个人收费汇总表">
+                  <el-table-column
+                    :label="'时间：' + startDate + '至' + endDate"
+                  >
+                    <el-table-column
+                      :label="
+                        '人数：' +
+                        chargeCount +
+                        '应收总金额：' +
+                        sumChargeMoney +
+                        '折扣金额：' +
+                        sumDiscountMoney +
+                        '实收总金额：' +
+                        sumReceivedChargeMoney
+                      "
+                    >
+                    <el-table-column
+                        prop="chargeId"
+                        label="收费编号"
+                      ></el-table-column>
+                      <el-table-column
+                        prop="patientNo"
+                        label="档案号"
+                      ></el-table-column>
+                      <el-table-column
+                        prop="patientName"
+                        label="姓名"
+                      ></el-table-column>
+                      <el-table-column
+                        prop="sexName"
+                        label="性别"
+                      ></el-table-column>
+                      <el-table-column
+                        prop="age"
+                        label="年龄"
+                      ></el-table-column>
+                      <el-table-column
+                        prop="payModeName"
+                        label="支付方式"
+                      ></el-table-column>
+                      <el-table-column
+                        prop="receivedChargeMoney"
+                        label="支付实收金额"
+                      ></el-table-column>
+                      <el-table-column
+                        prop="chargeMoney"
+                        label="应收金额"
+                      ></el-table-column>
+                      <el-table-column
+                        prop="discountMoney"
+                        label="折扣金额"
+                      ></el-table-column>
+                      <el-table-column
+                        prop="totalReceivedChargeMoney"
+                        label="实收金额"
+                      ></el-table-column>
+                      <el-table-column
+                        prop="bookKeepingName"
+                        label="收费人"
+                      ></el-table-column>
+                      <el-table-column
+                        prop="bookkeepingTiem"
+                        label="收费时间"
+                      ></el-table-column>
+                      <el-table-column
+                        prop="chargeFlagName"
+                        label="记账模式"
+                      ></el-table-column>
+                      <!-- <el-table-column
+                            v-for="item in scope.row.payModes"
+                            :key="item.payModeName"
+                            :label="item.payModeName"
+                            :prop="item.receivedChargeMoney"
+                      ></el-table-column> -->
+                      <!-- <el-table-column label="支付方式明细" prop="payModes">
+                        <template slot-scope="scope">
+                          
+                        </template>
+                      </el-table-column> -->
+                    </el-table-column>
+                  </el-table-column>
+                </el-table-column>
+              </el-table>
+            </div>
+          </div>
+          <div
+            :style="
+              'width: 47.7%;overflow: hidden;height:' +
+              (window.pageHeight < 600 ? 415 : window.pageHeight - 185 - 20) +
+              'px;background-color: #fff; padding: 15px; border-radius: 8px;'
+            "
           >
-          </el-table-column>
-          <el-table-column prop="surmame" label="姓名" width="180">
-          </el-table-column>
-          <el-table-column prop="gender" label="性别" width="180">
-          </el-table-column>
-          <el-table-column prop="age" label="年龄"> </el-table-column>
-          <el-table-column prop="asbitem" label="组合项目"> </el-table-column>
-          <el-table-column prop="price" label="标准价格"> </el-table-column>
-          <el-table-column prop="paidinprice" label="实收价格">
-          </el-table-column>
-          <el-table-column prop="paidinprice" label="折扣"> </el-table-column>
-          <el-table-column prop="bookkeeper" label="记账人"> </el-table-column>
-          <el-table-column prop="postingdate" label="记账日期">
-          </el-table-column>
-        </el-table>
-        <!-- 登记员<span style="margin-left: 20px">xxx</span>
-        人数
-        <span style="margin-left: 20px">xxx</span>
-        站登记总人数百分比
-        <span style="margin-left: 20px">xxx</span> -->
+            <div
+              style="
+                font-size: 20px;
+                font-weight: 700;
+                color: #232748;
+                font-family: 'NotoSansSC-Bold';
+                text-align: center;
+              "
+            >
+              个人收费明细统计报表
+            </div>
+            <div
+              :style="
+                'height:' +
+                (window.pageHeight < 600 ? 387 : window.pageHeight - 185 - 48) +
+                'px;'
+              "
+            >
+              <ChartBlock ref="chart2"></ChartBlock>
+            </div>
+          </div>
+        </div>
       </div>
-    </el-card>
+    </div>
   </div>
 </template>
+
 <script>
+import { mapState, mapActions } from "vuex";
+import { getapi, postapi, putapi, deletapi } from "@/api/api";
+import ChartBlock from "../../components/workload/chartsBlock";
+import { exportToExcel } from "../../utlis/Export2Excel";
+import html2canvas from "html2canvas";
+import printJs from "print-js";
 export default {
+  components: {
+    ChartBlock,
+  },
   data() {
     return {
-      tableData: [
-        {
-          fileno: "85415858",
-          physicalexamination: "52",
-          surmame: "张三",
-          gender: "未知",
-          age: "20",
-          asbitem: "体重",
-          price: "50",
-          paidinprice: "30",
-          discount: "5.5",
-          bookkeeper: "测试",
-          postingdate: "2023-8-3",
+      registrardata: [],
+      username: [],
+      startDate: "",
+      endDate: "",
+      tableData: [],
+      standardTableData: [],
+      projectTableData: [],
+      seriesData: [],
+      yAxisData: [],
+      arr1: [],
+      arr2: [],
+      arr3: [],
+      flag: true,
+      format: "0",
+      patientNo: "",
+      patientName: "",
+      standardPrice: 0,
+      charePrice: 0,
+      refundstandardPrice: 0,
+      refundcharePrice: 0,
+      sumChargeMoney: "",
+      sumDiscountMoney: "",
+      sumReceivedChargeMoney: "",
+      chargeCount: "",
+      feesummarychargeMoney: 0,
+      feesummarydiscountMoney: 0,
+      feesummaryreceivedChargeMoney: 0,
+      feesummarytotalReceivedChargeMoney:0
+    };
+  },
+  created() {
+    this.getList();
+  },
+  mounted() {
+    this.getNowTime();
+  },
+  computed: {
+    ...mapState(["window", "dict", "patientRegister", "report"]),
+  },
+  methods: {
+    changeValue(value) {
+      if (value == 0) {
+        this.$nextTick(() => {
+          this.$refs.standardTableData.doLayout();
+        });
+      } else if (value == 1) {
+        this.$nextTick(() => {
+          this.$refs.tableData.doLayout();
+        });
+      } else {
+        this.$nextTick(() => {
+          this.$refs.projectTableData.doLayout();
+        });
+      }
+    },
+    headerStyle({ row, column, rowIndex, columnIndex }) {
+      console.log(rowIndex);
+      if (rowIndex === 1) {
+        return "left-align";
+      }
+      if (rowIndex === 2) {
+        return "left-align";
+      }
+    },
+    onSubmit() {
+      let that = this;
+      if (this.startDate == "") {
+        return this.$message({
+          message: "请先选择开始日期",
+          type: "error",
+        });
+      }
+      if (this.endDate == "") {
+        return this.$message({
+          message: "请先选择结束日期",
+          type: "error",
+        });
+      }
+      if (this.format == 0) {
+        postapi(
+          "/api/app/charge-report/get-Personal-Fee-Details-report-in-fee-details",
+          {
+            userIds: that.username,
+            startDate: that.startDate,
+            endDate: that.endDate,
+            patientNo: that.patientNo,
+            patientName: that.patientName,
+          }
+        ).then((res) => {
+          if (res.code != -1) {
+            this.pieData = [];
+            this.yAxisData = [];
+            this.seriesData = [];
+            that.computedStandardTableData(res.data);
+          }
+        });
+      } else if (this.format == 1) {
+        postapi(
+          "/api/app/charge-report/get-Personal-Fee-Details-report-in-refund-details",
+          {
+            userIds: that.username,
+            startDate: that.startDate,
+            endDate: that.endDate,
+            patientNo: that.patientNo,
+            patientName: that.patientName,
+          }
+        ).then((res) => {
+          if (res.code != -1) {
+            that.refunddetailsTableData(res.data);
+          }
+        });
+      } else {
+        postapi(
+          "/api/app/charge-report/get-Personal-Fee-Details-report-in-fee-summary",
+          {
+            userIds: that.username,
+            startDate: that.startDate,
+            endDate: that.endDate,
+            patientNo: that.patientNo,
+            patientName: that.patientName,
+          }
+        ).then((res) => {
+          if (res.code != -1) {
+          // that.projectTableData=[...res.data.details]
+          that.feesummaryTableData(res.data.details);
+          that.sumChargeMoney = res.data.sumChargeMoney;
+          that.sumDiscountMoney = res.data.sumDiscountMoney;
+          that.sumReceivedChargeMoney = res.data.sumReceivedChargeMoney;
+          that.chargeCount = res.data.chargeCount;
+          }
+        });
+      }
+    },
+    tableRowClassName({ row, column, rowIndex, columnIndex }) {
+      if (row.medicalTimes == "合计") {
+        return { backgroundColor: "#F5F7FA" };
+      }
+    },
+    feesummarytableRowClassName({ row, column, rowIndex, columnIndex }) {
+      if (row.patientNo == "合计") {
+        return { backgroundColor: "#F5F7FA" };
+      }
+    },
+    paymodesummarizeRegisterCount(param, sumTotalMoney) {
+      let that = this;
+      const { columns, data } = param;
+      const sums = [];
+      let standardPrice = 0;
+      let charePrice = 0;
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = "合计";
+          return;
+        }
+        data.forEach;
+        if (index === 6) {
+          sums[index] = this.standardPrice;
+          return;
+        }
+        if (index === 7) {
+          sums[index] = this.charePrice;
+          return;
+        }
+      });
+      return sums;
+    },
+    refundesummarizeRegisterCount(param, sumTotalMoney) {
+      let that = this;
+      const { columns, data } = param;
+      const sums = [];
+      let standardPrice = 0;
+      let charePrice = 0;
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = "合计";
+          return;
+        }
+        data.forEach;
+        if (index === 6) {
+          sums[index] = this.refundstandardPrice;
+          return;
+        }
+        if (index === 7) {
+          sums[index] = this.refundcharePrice;
+          return;
+        }
+      });
+      return sums;
+    },
+    feesummarysummarizeRegisterCount(param, sumTotalMoney) {
+      let that = this;
+      const { columns, data } = param;
+      const sums = [];
+      let standardPrice = 0;
+      let charePrice = 0;
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = "合计";
+          return;
+        }
+        data.forEach;
+        if (index === 6) {
+          sums[index] = this.feesummaryreceivedChargeMoney;
+          return;
+        }
+        if (index === 7) {
+          sums[index] = this.feesummarychargeMoney;
+          return;
+        }
+        if (index === 8) {
+          sums[index] = this.feesummarydiscountMoney;
+          return;
+        }
+        if (index === 9) {
+          sums[index] = this.feesummarytotalReceivedChargeMoney;
+          return;
+        }
+      });
+      return sums;
+    },
+    feesummaryTableData(tableData) {
+      const newData = [...tableData]; // 创建一个新的数组，避免修改原始数据
+      const totalRows = {
+        chargeId:"",
+        patientNo: "合计",
+        patientName: "",
+        sexName: "",
+        age: "",
+        chargeMoney: 0,
+        discountMoney: 0,
+        totalReceivedChargeMoney:0,
+        bookKeepingName: "",
+        bookkeepingTiem: "",
+        chargeFlagName: "",
+        payModeName:"",
+        receivedChargeMoney:0
+      }; // 合计行的数据
+      let obj = {};
+      for (let i = 0; i < tableData.length; i++) {
+        var item = tableData[i].chargeId;
+        obj[item] = obj[item] + 1 || 1;
+      }
+
+      Object.keys(obj).forEach((key) => {
+        let totalRow = JSON.parse(JSON.stringify(totalRows));
+        tableData.forEach((item) => {
+          if (item.chargeId == key) {
+            totalRow.chargeId = item.chargeId;
+            totalRow.chargeMoney =item.chargeMoney
+            totalRow.discountMoney =item.discountMoney
+              totalRow.totalReceivedChargeMoney =item.totalReceivedChargeMoney
+            totalRow.receivedChargeMoney =
+              (totalRow.receivedChargeMoney * 100000 +
+                item.receivedChargeMoney * 100000) /
+              100000;
+          }
+        });
+        newData.push(totalRow);
+        this.feesummarychargeMoney =
+          Number(this.feesummarychargeMoney) + Number(totalRow.chargeMoney);
+        this.feesummarydiscountMoney =
+          Number(this.feesummarydiscountMoney) + Number(totalRow.discountMoney);
+        this.feesummaryreceivedChargeMoney =
+          Number(this.feesummaryreceivedChargeMoney) +
+          Number(totalRow.receivedChargeMoney);
+        this.feesummarytotalReceivedChargeMoney =
+          Number(this.feesummarytotalReceivedChargeMoney) +
+          Number(totalRow.totalReceivedChargeMoney);
+      });
+      this.feesummaryForwardStandardRanking(newData, "chargeId");
+    },
+    refunddetailsTableData(tableData) {
+      const newData = [...tableData]; // 创建一个新的数组，避免修改原始数据
+      const totalRows = {
+        patientNo: "",
+        medicalTimes: "合计",
+        patientName: "",
+        sexName: "",
+        age: "",
+        asbitemName: "",
+        standardPrice: 0,
+        charePrice: 0,
+        discount: "",
+        bookKeepingName: "",
+        bookkeepingTiem: "",
+      }; // 合计行的数据
+      let obj = {};
+      for (let i = 0; i < tableData.length; i++) {
+        var item = tableData[i].patientNo;
+        obj[item] = obj[item] + 1 || 1;
+      }
+
+      Object.keys(obj).forEach((key) => {
+        let totalRow = JSON.parse(JSON.stringify(totalRows));
+        tableData.forEach((item) => {
+          if (item.patientNo == key) {
+            totalRow.patientNo = item.patientNo;
+            totalRow.patientName = item.patientName;
+            totalRow.standardPrice =
+              (totalRow.standardPrice * 100000 + item.standardPrice * 100000) /
+              100000;
+            totalRow.charePrice =
+              (totalRow.charePrice * 100000 + item.charePrice * 100000) /
+              100000;
+          }
+        });
+        newData.push(totalRow);
+        this.refundstandardPrice =
+          Number(this.refundstandardPrice) + Number(totalRow.standardPrice);
+        this.refundcharePrice =
+          Number(this.refundcharePrice) + Number(totalRow.charePrice);
+      });
+      this.refundForwardStandardRanking(newData, "patientNo");
+    },
+    computedStandardTableData(tableData) {
+      const newData = [...tableData]; // 创建一个新的数组，避免修改原始数据
+      const totalRows = {
+        patientNo: "",
+        medicalTimes: "合计",
+        patientName: "",
+        sexName: "",
+        age: "",
+        asbitemName: "",
+        standardPrice: 0,
+        charePrice: 0,
+        discount: "",
+        bookKeepingName: "",
+        bookkeepingTiem: "",
+      }; // 合计行的数据
+      let pies = {
+        name: "",
+        value: 0,
+      };
+      let obj = {};
+      for (let i = 0; i < tableData.length; i++) {
+        var item = tableData[i].patientNo;
+        obj[item] = obj[item] + 1 || 1;
+      }
+
+      Object.keys(obj).forEach((key) => {
+        let totalRow = JSON.parse(JSON.stringify(totalRows));
+        let pie = JSON.parse(JSON.stringify(pies));
+        tableData.forEach((item) => {
+          if (item.patientNo == key) {
+            totalRow.patientNo = item.patientNo;
+            totalRow.patientName = item.patientName;
+            pie.name = item.patientName;
+            totalRow.standardPrice =
+              (totalRow.standardPrice * 100000 + item.standardPrice * 100000) /
+              100000;
+            totalRow.charePrice =
+              (totalRow.charePrice * 100000 + item.charePrice * 100000) /
+              100000;
+            pie.value = totalRow.charePrice;
+          }
+        });
+        newData.push(totalRow);
+        this.pieData.push(pie);
+        this.standardPrice =
+          Number(this.standardPrice) + Number(totalRow.standardPrice);
+        this.charePrice = Number(this.charePrice) + Number(totalRow.charePrice);
+        this.yAxisData.push(totalRow.patientName);
+        this.seriesData.push(totalRow.charePrice);
+      });
+      this.ForwardStandardRanking(newData, "patientNo");
+      this.columnarChart();
+    },
+    feesummaryForwardStandardRanking(data, p) {
+      for (var i = 0; i < data.length - 1; i++) {
+        for (var j = 0; j < data.length - 1 - i; j++) {
+          var dd = data[j][p].localeCompare(data[j + 1][p], "zh"); //1---前者往后移，-1===位置不变
+          if (dd > 0) {
+            var temp = data[j];
+            data[j] = data[j + 1];
+            data[j + 1] = temp;
+          }
+        }
+      }
+      this.projectTableData = data;
+      this.feesummarysetStandardDates(this.projectTableData);
+    },
+    refundForwardStandardRanking(data, p) {
+      for (var i = 0; i < data.length - 1; i++) {
+        for (var j = 0; j < data.length - 1 - i; j++) {
+          var dd = data[j][p].localeCompare(data[j + 1][p], "zh"); //1---前者往后移，-1===位置不变
+          if (dd > 0) {
+            var temp = data[j];
+            data[j] = data[j + 1];
+            data[j + 1] = temp;
+          }
+        }
+      }
+      this.tableData = data;
+      this.refundsetStandardDates(this.tableData);
+    },
+    ForwardStandardRanking(data, p) {
+      for (var i = 0; i < data.length - 1; i++) {
+        for (var j = 0; j < data.length - 1 - i; j++) {
+          var dd = data[j][p].localeCompare(data[j + 1][p], "zh"); //1---前者往后移，-1===位置不变
+          if (dd > 0) {
+            var temp = data[j];
+            data[j] = data[j + 1];
+            data[j + 1] = temp;
+          }
+        }
+      }
+      this.standardTableData = data;
+      this.setStandardDates(this.standardTableData);
+    },
+    setStandardDates(arr) {
+      var obj = {},
+        k,
+        arr1 = [];
+      this.arr1 = [];
+      for (var i = 0, len = arr.length; i < len; i++) {
+        k = arr[i].patientNo; //需要合并的字段
+        if (obj[k]) obj[k]++;
+        else obj[k] = 1;
+      }
+      //保存结果{el-'元素'，count-出现次数}
+      for (var o in obj) {
+        for (let i = 0; i < obj[o]; i++) {
+          if (i === 0) {
+            this.arr1.push(obj[o]);
+          } else {
+            this.arr1.push(0);
+          }
+        }
+      }
+    },
+    feesummarysetStandardDates(arr) {
+      var obj = {},
+        k,
+        arr1 = [];
+      this.arr3 = [];
+      for (var i = 0, len = arr.length; i < len; i++) {
+        k = arr[i].chargeId; //需要合并的字段
+        if (obj[k]) obj[k]++;
+        else obj[k] = 1;
+      }
+      //保存结果{el-'元素'，count-出现次数}
+      for (var o in obj) {
+        for (let i = 0; i < obj[o]; i++) {
+          if (i === 0) {
+            this.arr3.push(obj[o]);
+          } else {
+            this.arr3.push(0);
+          }
+        }
+      }
+    },
+    refundsetStandardDates(arr) {
+      var obj = {},
+        k,
+        arr1 = [];
+      this.arr2 = [];
+      for (var i = 0, len = arr.length; i < len; i++) {
+        k = arr[i].patientNo; //需要合并的字段
+        if (obj[k]) obj[k]++;
+        else obj[k] = 1;
+      }
+      //保存结果{el-'元素'，count-出现次数}
+      for (var o in obj) {
+        for (let i = 0; i < obj[o]; i++) {
+          if (i === 0) {
+            this.arr2.push(obj[o]);
+          } else {
+            this.arr2.push(0);
+          }
+        }
+      }
+    },
+    objectStandardSpanMethod({ row, column, rowIndex, columnIndex }) {
+      if (columnIndex === 0) {
+        let _row = this.arr1[rowIndex];
+        let _col = this.arr1[rowIndex] > 0 ? 1 : 0;
+        return [_row, _col];
+      }
+    },
+    refundobjectStandardSpanMethod({ row, column, rowIndex, columnIndex }) {
+      if (columnIndex === 0) {
+        let _row = this.arr2[rowIndex];
+        let _col = this.arr2[rowIndex] > 0 ? 1 : 0;
+        return [_row, _col];
+      }
+    },
+    feesummaryobjectStandardSpanMethod({ row, column, rowIndex, columnIndex }) {
+      if (columnIndex === 0) {
+        let _row = this.arr3[rowIndex];
+        let _col = this.arr3[rowIndex] > 0 ? 1 : 0;
+        return [_row, _col];
+      }
+    },
+    handleExport() {
+      if (this.format == 0) {
+        exportToExcel("#standardTableData", "个人收费明细统计报表", false);
+      } else if (this.format == 1) {
+        exportToExcel("#tableData", "个人退费明细统计报表", false);
+      } else {
+        exportToExcel(
+          "#projectTableData",
+          "个人收费汇总统计报表",
+        false
+        );
+      }
+    },
+    onPrint() {
+      this.flag = false;
+      let index = "";
+      if (this.format == 0) {
+        index = "imageDom0";
+      } else if (this.format == 1) {
+        index = "imageDom1";
+      } else {
+        index = "imageDom2";
+      }
+      this.$nextTick(() => {
+        let width = this.$refs[index].style.width;
+        let cloneDom = this.$refs[index].cloneNode(true);
+        let imageDom = this.$refs[index];
+        cloneDom.style.position = "absolute";
+        cloneDom.style.top = "0px";
+        cloneDom.style.zIndex = "-1";
+        cloneDom.style.width = width;
+        console.log(cloneDom);
+        imageDom.appendChild(cloneDom);
+        html2canvas(cloneDom).then((canvas) => {
+          // 转成图片，生成图片地址
+          const url = canvas.toDataURL("image/png");
+          printJs({
+            printable: url,
+            type: "image",
+            documentTitle: "", // 标题
+            style: `@media print { @page {size: auto; margin: 0 0 0 0; } body{margin:0 5px}canvas{page-break-after: always;page-break-inside: avoid;
+page-break-after: avoid;
+page-break-before: avoid;}}`, // 去除页眉页脚
+          });
+        });
+        cloneDom.style.display = "none";
+        this.flag = true;
+      });
+    },
+    columnarChart() {
+      let option2 = {
+        // title: {
+        //   text: "医生工作量统计",
+        //   left: "center",
+        // },
+        tooltip: {
+          trigger: "axis",
+          confine: true,
         },
-      ],
-      form: {
-        username: "",
-        registrationdate: "",
-        reportform: "",
-      },
-      reportform: [
-        {
-          value: "1",
-          label: "支付方式",
+        legend: {
+          type: "scroll",
+          orient: "horizontal",
+          right: "3%",
+          top: "0%",
         },
-        {
-          value: "2",
-          label: "发票项目",
+        grid: {
+          show: false,
+          left: "0%",
+          right: "0%",
+          top: "0%",
+          bottom: "0%",
+          containLabel: true,
         },
-        {
-          value: "3",
-          label: "组合项目",
+        xAxis: {
+          type: "value",
+          axisLabel: {
+            textStyle: {
+              fontSize: "14",
+            },
+          },
+          axisLine: {
+            show: true,
+          },
         },
-      ],
-      registrardata: [
-        {
-          value: "1",
-          label: "张三",
+        yAxis: {
+          type: "category",
+          data: this.yAxisData,
+          axisLabel: {
+            textStyle: {
+              fontSize: "14",
+            },
+          },
         },
-        {
-          value: "2",
-          label: "测试",
+        series: [
+          {
+            name: "实收金额",
+            type: "bar",
+            data: this.seriesData,
+          },
+        ],
+      };
+      this.$refs.chart2.setOption(option2);
+    },
+    peiChart() {
+      let option2 = {
+        // title: {
+        //   text: "医生工作量统计",
+        //   left: "center",
+        // },
+        tooltip: {
+          trigger: "item",
+          confine: true,
         },
-      ],
-    };
+        legend: {
+          data: this.yAxisData,
+          orient: "horizontal",
+          right: "3%",
+          top: "0%",
+        },
+        grid: {
+          show: false,
+          left: "0%",
+          right: "0%",
+          top: "0%",
+          bottom: "0%",
+          containLabel: true,
+        },
+        series: [
+          {
+            type: "pie",
+            label: {
+              show: true,
+              formatter: "{b} : {c} ({d}%)", // b代表名称，c代表对应值，d代表百分比
+            },
+            data: this.pieData,
+          },
+        ],
+      };
+      this.$refs.chart2.setOption(option2);
+    },
+    getList() {
+      getapi("/api/identity/users/getlist").then((res) => {
+        if (res.code != -1) {
+          this.registrardata = [...res.data.items];
+        }
+      });
+    },
+    getNowTime() {
+      var now = new Date();
+      var year = now.getFullYear(); // 得到年份
+      var month = now.getMonth(); // 得到月份
+      var date = now.getDate(); // 得到日期
+      month = month + 1;
+      month = month.toString().padStart(2, "0");
+      date = date.toString().padStart(2, "0");
+      var defaultDate = `${year}-${month}-${date}`;
+      this.startDate = defaultDate;
+      this.endDate = defaultDate;
+    },
+  },
+  updated() {
+    this.$nextTick(() => {
+      this.$refs.tableData.doLayout();
+    });
+    this.$nextTick(() => {
+      this.$refs.standardTableData.doLayout();
+    });
+    this.$nextTick(() => {
+      this.$refs.projectTableData.doLayout();
+    });
   },
-  mounted() {},
-  methods: {},
 };
 </script>
+
 <style scoped>
-.tabtile {
-  text-align: center;
-  margin-top: 20px;
+@import "../../assets/css/global_button.css";
+@import "../../assets/css/global_dialog.css";
+@import "../../assets/css/global_table.css";
+@import "../../assets/css/global_form.css";
+@import "../../assets/css/global_input.css";
+@import "../../assets/css/global.css";
+.query {
+  margin-right: 5px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 14px;
+  color: #232748;
+  font-size: 400;
+  font-family: "NotoSansSC-Regular";
+}
+.box {
+  display: flex;
+  flex-direction: column;
+}
+:deep .left-align .cell {
+  text-align: left !important;
+}
+/* ::v-deep .el-table__body-wrapper::-webkit-scrollbar {
+  width: 0px;
+  background: rgba(213, 215, 220, 0.3);
+  border: none;
+}
+::v-deep .el-table__body-wrapper::-webkit-scrollbar-track {
+  border: none;
+} */
+/* ::v-deep .el-table th.gutter {
+  display: none;
+  width: 0;
+}
+::v-deep .el-table colgroup col[name="gutter"] {
+  display: none;
+  width: 0;
+} */
+::v-deep .el-table__body {
+  width: 100% !important;
+}
+:deep .left-align .cell {
+  text-align: left !important;
 }
+/* ::v-deep .el-table__fixed-body-wrapper .el-table__body {
+  padding-right: 6px;
+} */
 </style>
\ No newline at end of file
diff --git a/src/views/workload/peispersontime.vue b/src/views/workload/peispersontime.vue
new file mode 100644
index 0000000..61e0be8
--- /dev/null
+++ b/src/views/workload/peispersontime.vue
@@ -0,0 +1,438 @@
+<template>
+  <div class="box">
+    <div>
+      <div class="middlebox">
+        <div class="contenttitle">
+          收费统计 /
+          <span class="contenttitleBold"
+            >体检人次汇总</span
+          >
+        </div>
+      </div>
+      <div :style="'display: block;'">
+        <div style="background-color: #fff; padding: 15px; border-radius: 8px;display: flex;flex-wrap: wrap;    margin-bottom: 10px;height:35px;margin-top: 7px;">
+          <!-- <div class="query">
+            <span>登记员：</span>
+            <el-select
+              v-model="username"
+              placeholder="请选择"
+              size="small"
+              multiple
+            >
+              <el-option
+                v-for="item in registrardata"
+                :key="item.id"
+                :label="item.surname"
+                :value="item.id"
+              >
+              </el-option>
+            </el-select>
+          </div> -->
+          <div class="query">
+            <span>开始日期：</span>
+            <el-date-picker
+              type="date"
+              placeholder="选择开始日期"
+              size="small"
+              v-model="startDate"
+              value-format="yyyy-MM-dd"
+              editable
+            >
+            </el-date-picker>
+          </div>
+          <div class="query">
+            <span>结束日期：</span>
+            <el-date-picker
+              type="date"
+              placeholder="选择结束日期"
+              size="small"
+              v-model="endDate"
+              value-format="yyyy-MM-dd"
+              editable
+            >
+            </el-date-picker>
+          </div>
+          <div class="query">
+            <el-button size="small" @click="onSubmit" class="commonbutton">查询</el-button>
+          </div>
+          <div class="query">
+            <el-button size="small" @click="handleExport" class="commonbutton">导出excel</el-button>
+          </div>
+          <div class="query">
+            <el-button size="small" @click="onPrint" class="commonbutton">打印</el-button>
+          </div>
+          <div class="query">
+            <el-button size="small" @click="columnarChart" class="commonbutton">柱状图</el-button>
+          </div>
+          <div class="query">
+            <el-button size="small" @click="peiChart" class="commonbutton">饼图</el-button>
+          </div>
+        </div>
+        <div
+          style="
+            display: flex;
+            justify-content: space-between;
+            position: relative;
+          "
+          id="domTable"
+        >
+          <div style="width: 47.7%;background-color: #fff; padding: 15px; border-radius: 8px;" ref="imageDom">
+            <!-- <h3 align="center">登记员工作量统计</h3>
+            - 53-18
+            <h5 align="right" style="margin-bottom: 5px;">
+              时间：<span>{{ startDate }}</span
+              >至<span>{{ endDate }}</span>
+            </h5> -->
+            <el-table
+              border
+              show-summary
+              :summary-method="summarizeRegisterCount"
+              :height="
+                flag
+                  ? window.pageHeight < 600
+                    ? 415
+                    : window.pageHeight - 185 - 20
+                  : ''
+              "
+              :data="tableData"
+              id="table"
+              ref="table"
+              style="width: 100%"
+              :header-cell-class-name="headerStyle"
+            >
+              <el-table-column label="体检人次汇总">
+                <el-table-column :label="'时间：' + startDate + '至' + endDate">
+                  <el-table-column :label="'体检总人次：' + sumCount + '个人：' + personalCount+'单位：'+customerOrgCount">
+                    <el-table-column
+                    prop="customerOrgName"
+                    label="单位"
+                  ></el-table-column>
+                  <el-table-column
+                    prop="summaryCount"
+                    label="总检人数"
+                  ></el-table-column>
+                  <el-table-column prop="chargeMoney" label="应收总金额">
+                  </el-table-column>
+                  </el-table-column>
+                </el-table-column>
+              </el-table-column>
+            </el-table>
+          </div>
+          <div
+             :style="
+              'width: 47.7%;overflow: hidden;height:' +
+              (window.pageHeight < 600 ? 415 : window.pageHeight - 185 - 20) +
+              'px;background-color: #fff; padding: 15px; border-radius: 8px;'
+            "
+          >
+          <div style="    font-size: 20px;
+    font-weight: 700;
+    color: #232748;
+    font-family: 'NotoSansSC-Bold';
+    text-align: center;">体检人次汇总</div>
+    <div :style="
+              'height:' +(window.pageHeight < 600 ? 387 : window.pageHeight - 185 - 48) +'px;'
+            ">
+             <ChartBlock ref="chart2"></ChartBlock>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import { mapState, mapActions } from "vuex";
+import { getapi, postapi, putapi, deletapi } from "@/api/api";
+import ChartBlock from "../../components/workload/chartsBlock";
+import { exportToExcel } from "../../utlis/Export2Excel";
+import html2canvas from "html2canvas";
+import printJs from "print-js";
+export default {
+  components: {
+    ChartBlock,
+  },
+  data() {
+    return {
+      registrardata: [],
+      username: [],
+      startDate: "",
+      endDate: "",
+      tableData: [],
+      seriesData: [],
+      yAxisData: [],
+      flag: true,
+      pieData: [],
+      sumCount:"",
+      personalCount:"",
+      customerOrgCount:""
+    };
+  },
+  created() {
+    // this.getList();
+  },
+  mounted() {
+    this.getNowTime();
+  },
+  methods: {
+    headerStyle({ row, column, rowIndex, columnIndex }) {
+      console.log(rowIndex);
+      if (rowIndex === 1) {
+        return "left-align";
+      }
+      if (rowIndex === 2) {
+        return "left-align";
+      }
+    },
+    summarizeRegisterCount(param) {
+      const { columns, data } = param;
+      const sums = [];
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = "合计";
+          return;
+        }
+
+        const values = data.map((item) => Number(item[column.property]));
+        if (index === 1 || index === 2) {
+          sums[index] = values.reduce((prev, curr) => {
+            const value = Number(curr);
+            if (!isNaN(value)) {
+              return prev + curr;
+            } else {
+              return prev;
+            }
+          }, 0);
+          if(index === 1){
+            sums[index] = "共" + sums[index] + "人";
+          }
+          if(index===2){
+            sums[index]+='元'
+          }
+        } else {
+          sums[index] = "";
+        }
+      });
+
+      return sums;
+    },
+    onPrint() {
+      this.flag = false;
+      this.$nextTick(() => {
+        let width = this.$refs.imageDom.style.width;
+        let cloneDom = this.$refs.imageDom.cloneNode(true);
+        let imageDom = this.$refs.imageDom;
+        cloneDom.style.position = "absolute";
+        cloneDom.style.top = "0px";
+        cloneDom.style.zIndex = "-1";
+        cloneDom.style.width = width;
+        console.log(cloneDom);
+        imageDom.appendChild(cloneDom);
+        html2canvas(cloneDom).then((canvas) => {
+          // 转成图片，生成图片地址
+          const url = canvas.toDataURL("image/png");
+          printJs({
+            printable: url,
+            type: "image",
+            documentTitle: "", // 标题
+            style: "@page{size:auto;margin: 0cm 1cm 0cm 1cm;}", // 去除页眉页脚
+          });
+        });
+        cloneDom.style.display = "none";
+        this.flag = true;
+      });
+    },
+    columnarChart() {
+      let option2 = {
+        // title: {
+        //   text: "登记员工作量统计",
+        //   left: "center",
+        // },
+        tooltip: {
+          trigger: "axis",
+          confine: true,
+        },
+        legend: {
+          type: "scroll",
+          orient: "horizontal", // 垂直
+          right: "3%", // 左对齐
+          top: "0%", // 位于顶部
+        },
+        grid: {
+          show: false,
+          left: "0%",
+          right: "0%",
+          top: "0%",
+          bottom: "0%",
+          containLabel: true,
+        },
+        xAxis: {
+          type: "value",
+          axisLabel: {
+            textStyle: {
+              fontSize: "14",
+            },
+          },
+          axisLine: {
+            show: true,
+          },
+        },
+        yAxis: {
+          type: "category",
+          data: this.yAxisData,
+          axisLabel: {
+            textStyle: {
+              fontSize: "14",
+            },
+          },
+        },
+        series: [
+          {
+            name: "人数",
+            type: "bar",
+            data: this.seriesData,
+          },
+        ],
+      };
+      this.$refs.chart2.setOption(option2);
+    },
+    peiChart() {
+      let option2 = {
+        // title: {
+        //   text: "登记员工作量统计",
+        //   left: "center",
+        // },
+        tooltip: {
+          trigger: "item",
+          confine: true,
+        },
+        legend: {
+          data: this.yAxisData,
+          orient: "horizontal",
+          right: "3%",
+          top: "0%",
+        },
+        grid: {
+          show: false,
+          left: "0%",
+          right: "0%",
+          top: "0%",
+          bottom: "0%",
+          containLabel: true,
+        },
+        series: [
+          {
+            type: "pie",
+            label: {
+              show: true,
+              formatter: "{b} : {c}人 ({d}%)", // b代表名称，c代表对应值，d代表百分比
+            },
+            data: this.pieData,
+          },
+        ],
+      };
+      this.$refs.chart2.setOption(option2);
+    },
+    onSubmit() {
+      let that = this;
+      if (this.startDate == "") {
+        return this.$message({
+          message: "请先选择开始日期",
+          type: "error",
+        });
+      }
+      if (this.endDate == "") {
+        return this.$message({
+          message: "请先选择结束日期",
+          type: "error",
+        });
+      }
+      postapi(
+        "/api/app/charge-report/get-summary-of-physical-examination-personnel-report",
+        {
+          startDate: that.startDate,
+          endDate: that.endDate,
+        }
+      ).then((res) => {
+        if (res.code != -1) {
+          that.tableData = [...res.data.details];
+          that.sumCount=res.data.sumCount
+          that.personalCount=res.data.personalCount
+          that.customerOrgCount=res.data.customerOrgCount
+          this.yAxisData = [];
+          this.seriesData = [];
+          this.pieData=[]
+          let pies = {
+            name: "",
+            value: 0,
+          };
+          for (let i = 0; i < res.data.details.length; i++) {
+            let pie = JSON.parse(JSON.stringify(pies));
+            this.yAxisData.push(res.data.details[i].customerOrgName);
+            this.seriesData.push(res.data.details[i].summaryCount);
+            pie.name=res.data.details[i].customerOrgName
+            pie.value=res.data.details[i].summaryCount
+            this.pieData.push(pie)
+          }
+          this.columnarChart();
+        }
+      });
+    },
+    getList() {
+    //   getapi("/api/identity/users/getlist").then((res) => {
+    //     if (res.code != -1) {
+    //       this.registrardata = [...res.data.items];
+    //     }
+    //   });
+    },
+    getNowTime() {
+      var now = new Date();
+      var year = now.getFullYear(); // 得到年份
+      var month = now.getMonth(); // 得到月份
+      var date = now.getDate(); // 得到日期
+      month = month + 1;
+      month = month.toString().padStart(2, "0");
+      date = date.toString().padStart(2, "0");
+      var defaultDate = `${year}-${month}-${date}`;
+      this.startDate = defaultDate;
+      this.endDate = defaultDate;
+    },
+    handleExport() {
+      exportToExcel("#table", "体检人次汇总", false);
+    },
+  },
+  computed: {
+    ...mapState(["window", "dict", "patientRegister", "report"]),
+  },
+  updated() {
+    this.$nextTick(() => {
+      this.$refs.table.doLayout();
+    });
+  },
+};
+</script>
+<style scoped>
+@import "../../assets/css/global_button.css";
+@import "../../assets/css/global_dialog.css";
+@import "../../assets/css/global_table.css";
+@import "../../assets/css/global_form.css";
+@import "../../assets/css/global_input.css";
+@import "../../assets/css/global.css";
+.query{
+    margin-right: 15px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-size: 14px;
+    color: #232748;
+    font-size: 400;
+    font-family: "NotoSansSC-Regular";
+}
+.box {
+  display: flex;
+  flex-direction: column;
+}
+:deep .left-align .cell {
+  text-align: left !important;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/workload/registrar.vue b/src/views/workload/registrar.vue
index efbbce0..21f3664 100644
--- a/src/views/workload/registrar.vue
+++ b/src/views/workload/registrar.vue
@@ -346,6 +346,7 @@ export default {
           that.tableData = [...res.data];
           this.yAxisData = [];
           this.seriesData = [];
+          this.pieData=[]
           let pies = {
             name: "",
             value: 0,
diff --git a/src/views/workload/summaryoftollcollectors.vue b/src/views/workload/summaryoftollcollectors.vue
new file mode 100644
index 0000000..6fb682a
--- /dev/null
+++ b/src/views/workload/summaryoftollcollectors.vue
@@ -0,0 +1,486 @@
+<template>
+  <div class="box">
+    <div>
+      <div class="middlebox">
+        <div class="contenttitle">
+          收费统计 /
+          <span class="contenttitleBold">收费员收费汇总</span>
+        </div>
+      </div>
+      <div :style="'display: block;'">
+        <div
+          style="
+            background-color: #fff;
+            padding: 15px;
+            border-radius: 8px;
+            display: flex;
+            flex-wrap: wrap;
+            margin-bottom: 10px;
+            height: 35px;
+            margin-top: 7px;
+          "
+        >
+          <div class="query">
+            <span>收费员：</span>
+            <el-select
+              v-model="username"
+              placeholder="请选择"
+              size="small"
+              multiple
+            >
+              <el-option
+                v-for="item in registrardata"
+                :key="item.id"
+                :label="item.surname"
+                :value="item.id"
+              >
+              </el-option>
+            </el-select>
+          </div>
+          <div class="query">
+            <span>开始日期：</span>
+            <el-date-picker
+              type="date"
+              placeholder="选择开始日期"
+              size="small"
+              v-model="startDate"
+              value-format="yyyy-MM-dd"
+              editable
+            >
+            </el-date-picker>
+          </div>
+          <div class="query">
+            <span>结束日期：</span>
+            <el-date-picker
+              type="date"
+              placeholder="选择结束日期"
+              size="small"
+              v-model="endDate"
+              value-format="yyyy-MM-dd"
+              editable
+            >
+            </el-date-picker>
+          </div>
+          <div class="query">
+            <el-button size="small" @click="onSubmit" class="commonbutton"
+              >查询</el-button
+            >
+          </div>
+          <div class="query">
+            <el-button size="small" @click="handleExport" class="commonbutton"
+              >导出excel</el-button
+            >
+          </div>
+          <div class="query">
+            <el-button size="small" @click="onPrint" class="commonbutton"
+              >打印</el-button
+            >
+          </div>
+          <div class="query">
+            <el-button size="small" @click="columnarChart" class="commonbutton"
+              >柱状图</el-button
+            >
+          </div>
+          <div class="query">
+            <el-button size="small" @click="peiChart" class="commonbutton"
+              >饼图</el-button
+            >
+          </div>
+        </div>
+        <div
+          style="
+            display: flex;
+            justify-content: space-between;
+            position: relative;
+          "
+          id="domTable"
+        >
+          <div
+            style="
+              width: 47.7%;
+              background-color: #fff;
+              padding: 15px;
+              border-radius: 8px;
+            "
+            ref="imageDom"
+          >
+            <!-- <h3 align="center">登记员工作量统计</h3>
+            - 53-18
+            <h5 align="right" style="margin-bottom: 5px;">
+              时间：<span>{{ startDate }}</span
+              >至<span>{{ endDate }}</span>
+            </h5> -->
+            <el-table
+              border
+              show-summary
+              :height="
+                flag
+                  ? window.pageHeight < 600
+                    ? 415
+                    : window.pageHeight - 185 - 20
+                  : ''
+              "
+              :data="tableData"
+              id="table"
+              ref="table"
+              style="width: 100%"
+              :header-cell-class-name="headerStyle"
+            >
+              <el-table-column label="收费员收费汇总">
+                <el-table-column :label="'时间：' + startDate + '至' + endDate">
+                  <el-table-column
+                    :label="
+                      '实收总金额：' +
+                      sumChargeMoney +
+                      '退费金额：' +
+                      sumChargeBackMoney +
+                      '合计：' +
+                      sumTotalMoney
+                    "
+                  >
+                    <el-table-column
+                      prop="chargeName"
+                      label="收费员"
+                    ></el-table-column>
+                    <el-table-column
+                      prop="chargeMoney"
+                      label="收费金额"
+                    ></el-table-column>
+                    <el-table-column prop="chargeBackMoney" label="退费金额">
+                    </el-table-column>
+                    <el-table-column prop="totalMoney" label="合计金额">
+                    </el-table-column>
+                  </el-table-column>
+                </el-table-column>
+              </el-table-column>
+            </el-table>
+          </div>
+          <div
+            :style="
+              'width: 47.7%;overflow: hidden;height:' +
+              (window.pageHeight < 600 ? 415 : window.pageHeight - 185 - 20) +
+              'px;background-color: #fff; padding: 15px; border-radius: 8px;'
+            "
+          >
+            <div
+              style="
+                font-size: 20px;
+                font-weight: 700;
+                color: #232748;
+                font-family: 'NotoSansSC-Bold';
+                text-align: center;
+              "
+            >
+              收费员收费汇总
+            </div>
+            <div
+              :style="
+                'height:' +
+                (window.pageHeight < 600 ? 387 : window.pageHeight - 185 - 48) +
+                'px;'
+              "
+            >
+              <ChartBlock ref="chart2"></ChartBlock>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import { mapState, mapActions } from "vuex";
+import { getapi, postapi, putapi, deletapi } from "@/api/api";
+import ChartBlock from "../../components/workload/chartsBlock";
+import { exportToExcel } from "../../utlis/Export2Excel";
+import html2canvas from "html2canvas";
+import printJs from "print-js";
+import { projectlist } from "@/request/commonapi";
+export default {
+  components: {
+    ChartBlock,
+  },
+  data() {
+    return {
+      registrardata: [],
+      username: [],
+      startDate: "",
+      endDate: "",
+      tableData: [],
+      seriesData: [],
+      yAxisData: [],
+      flag: true,
+      pieData: [],
+      sumChargeMoney: "",
+      sumChargeBackMoney: "",
+      sumTotalMoney: "",
+    };
+  },
+  created() {
+    this.getList();
+  },
+  mounted() {
+    this.getNowTime();
+  },
+  methods: {
+    headerStyle({ row, column, rowIndex, columnIndex }) {
+      if (rowIndex === 1) {
+        return "left-align";
+      }
+      if (rowIndex === 2) {
+        return "left-align";
+      }
+    },
+    summarizeRegisterCount(param) {
+      const { columns, data } = param;
+      const sums = [];
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = "合计";
+          return;
+        }
+
+        const values = data.map((item) => Number(item[column.property]));
+        if (index === 1 || index === 2) {
+          sums[index] = values.reduce((prev, curr) => {
+            const value = Number(curr);
+            if (!isNaN(value)) {
+              return prev + curr;
+            } else {
+              return prev;
+            }
+          }, 0);
+          if (index === 1) {
+            sums[index] = "共" + sums[index] + "人";
+          }
+          if (index === 2) {
+            sums[index] += "元";
+          }
+        } else {
+          sums[index] = "";
+        }
+      });
+
+      return sums;
+    },
+    onPrint() {
+      this.flag = false;
+      this.$nextTick(() => {
+        let width = this.$refs.imageDom.style.width;
+        let cloneDom = this.$refs.imageDom.cloneNode(true);
+        let imageDom = this.$refs.imageDom;
+        cloneDom.style.position = "absolute";
+        cloneDom.style.top = "0px";
+        cloneDom.style.zIndex = "-1";
+        cloneDom.style.width = width;
+        console.log(cloneDom);
+        imageDom.appendChild(cloneDom);
+        html2canvas(cloneDom).then((canvas) => {
+          // 转成图片，生成图片地址
+          const url = canvas.toDataURL("image/png");
+          printJs({
+            printable: url,
+            type: "image",
+            documentTitle: "", // 标题
+            style: "@page{size:auto;margin: 0cm 1cm 0cm 1cm;}", // 去除页眉页脚
+          });
+        });
+        cloneDom.style.display = "none";
+        this.flag = true;
+      });
+    },
+    columnarChart() {
+      let option2 = {
+        // title: {
+        //   text: "登记员工作量统计",
+        //   left: "center",
+        // },
+        tooltip: {
+          trigger: "axis",
+          confine: true,
+        },
+        legend: {
+          type: "scroll",
+          orient: "horizontal", // 垂直
+          right: "3%", // 左对齐
+          top: "0%", // 位于顶部
+        },
+        grid: {
+          show: false,
+          left: "0%",
+          right: "0%",
+          top: "0%",
+          bottom: "0%",
+          containLabel: true,
+        },
+        xAxis: {
+          type: "value",
+          axisLabel: {
+            textStyle: {
+              fontSize: "14",
+            },
+          },
+          axisLine: {
+            show: true,
+          },
+        },
+        yAxis: {
+          type: "category",
+          data: this.yAxisData,
+          axisLabel: {
+            textStyle: {
+              fontSize: "14",
+            },
+          },
+        },
+        series: [
+          {
+            name: "合计金额",
+            type: "bar",
+            data: this.seriesData,
+          },
+        ],
+      };
+      this.$refs.chart2.setOption(option2);
+    },
+    peiChart() {
+      let option2 = {
+        // title: {
+        //   text: "登记员工作量统计",
+        //   left: "center",
+        // },
+        tooltip: {
+          trigger: "item",
+          confine: true,
+        },
+        legend: {
+          data: this.yAxisData,
+          orient: "horizontal",
+          right: "3%",
+          top: "0%",
+        },
+        grid: {
+          show: false,
+          left: "0%",
+          right: "0%",
+          top: "0%",
+          bottom: "0%",
+          containLabel: true,
+        },
+        series: [
+          {
+            type: "pie",
+            label: {
+              show: true,
+              formatter: "{b} : {c} ({d}%)", // b代表名称，c代表对应值，d代表百分比
+            },
+            data: this.pieData,
+          },
+        ],
+      };
+      this.$refs.chart2.setOption(option2);
+    },
+    onSubmit() {
+      let that = this;
+      if (this.startDate == "") {
+        return this.$message({
+          message: "请先选择开始日期",
+          type: "error",
+        });
+      }
+      if (this.endDate == "") {
+        return this.$message({
+          message: "请先选择结束日期",
+          type: "error",
+        });
+      }
+      postapi(
+        "/api/app/charge-report/get-toll-collector-fee-summary-report",
+        {
+          userIds: that.username,
+          startDate: that.startDate,
+          endDate: that.endDate,
+        }
+      ).then((res) => {
+        if (res.code != -1) {
+          that.tableData = [...res.data.details];
+          that.sumChargeMoney = res.data.sumChargeMoney;
+          that.sumChargeBackMoney = res.data.sumChargeBackMoney;
+          that.sumTotalMoney = res.data.sumTotalMoney;
+          this.yAxisData = [];
+          this.seriesData = [];
+          this.pieData = [];
+          let pies = {
+            name: "",
+            value: 0,
+          };
+          for (let i = 0; i < res.data.details.length; i++) {
+            let pie = JSON.parse(JSON.stringify(pies));
+            this.yAxisData.push(res.data.details[i].chargeName);
+            this.seriesData.push(res.data.details[i].totalMoney);
+            pie.name = res.data.details[i].chargeName;
+            pie.value = res.data.details[i].totalMoney;
+            this.pieData.push(pie);
+          }
+          this.columnarChart();
+        }
+      });
+    },
+    getList() {
+      getapi("/api/identity/users/getlist").then((res) => {
+        if (res.code != -1) {
+          this.registrardata = [...res.data.items];
+        }
+      });
+    },
+    getNowTime() {
+      var now = new Date();
+      var year = now.getFullYear(); // 得到年份
+      var month = now.getMonth(); // 得到月份
+      var date = now.getDate(); // 得到日期
+      month = month + 1;
+      month = month.toString().padStart(2, "0");
+      date = date.toString().padStart(2, "0");
+      var defaultDate = `${year}-${month}-${date}`;
+      this.startDate = defaultDate;
+      this.endDate = defaultDate;
+    },
+    handleExport() {
+      exportToExcel("#table", "收费员收费汇总", false);
+    },
+  },
+  computed: {
+    ...mapState(["window", "dict", "patientRegister", "report"]),
+  },
+  updated() {
+    this.$nextTick(() => {
+      this.$refs.table.doLayout();
+    });
+  },
+};
+</script>
+<style scoped>
+@import "../../assets/css/global_button.css";
+@import "../../assets/css/global_dialog.css";
+@import "../../assets/css/global_table.css";
+@import "../../assets/css/global_form.css";
+@import "../../assets/css/global_input.css";
+@import "../../assets/css/global.css";
+.query {
+  margin-right: 15px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 14px;
+  color: #232748;
+  font-size: 400;
+  font-family: "NotoSansSC-Regular";
+}
+.box {
+  display: flex;
+  flex-direction: column;
+}
+:deep .left-align .cell {
+  text-align: left !important;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/workload/tollcollector.vue b/src/views/workload/tollcollector.vue
index 9544ae2..d5d0b44 100644
--- a/src/views/workload/tollcollector.vue
+++ b/src/views/workload/tollcollector.vue
@@ -1,136 +1,1234 @@
 <template>
   <div class="box">
-    <el-card>
-      <el-form :model="form">
-        <el-row>
-          <el-col :span="4">
-            <el-form-item label="登记员">
-              <el-select v-model="form.username" placeholder="请选择">
-                <el-option
-                  v-for="item in registrardata"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                >
-                </el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="7">
-            <el-form-item label="登记日期">
-              <el-date-picker
-                v-model="form.registrationdate"
-                type="daterange"
-                range-separator="--"
-                start-placeholder="开始日期"
-                end-placeholder="结束日期"
+    <div>
+      <div class="middlebox">
+        <div class="contenttitle">
+          收费统计 /
+          <span class="contenttitleBold">收费员报表</span>
+        </div>
+      </div>
+      <div :style="'display: block;'">
+        <div
+          style="
+            background-color: #fff;
+            padding: 15px;
+            border-radius: 8px;
+            display: flex;
+            flex-wrap: wrap;
+            margin-bottom: 10px;
+            height: 35px;
+            margin-top: 7px;
+          "
+        >
+          <div class="query">
+            <span>收费员：</span>
+            <el-select
+              v-model="username"
+              placeholder="请选择"
+              size="small"
+              multiple
+              style="width: 100px"
+            >
+              <el-option
+                v-for="item in registrardata"
+                :key="item.id"
+                :label="item.surname"
+                :value="item.id"
+              >
+              </el-option>
+            </el-select>
+          </div>
+          <div class="query">
+            <span>开始日期：</span>
+            <el-date-picker
+              type="date"
+              placeholder="选择开始日期"
+              size="small"
+              v-model="startDate"
+              value-format="yyyy-MM-dd"
+              editable
+              style="width: 180px"
+            >
+            </el-date-picker>
+          </div>
+          <div class="query">
+            <span>结束日期：</span>
+            <el-date-picker
+              type="date"
+              placeholder="选择结束日期"
+              size="small"
+              v-model="endDate"
+              value-format="yyyy-MM-dd"
+              editable
+              style="width: 180px"
+            >
+            </el-date-picker>
+          </div>
+          <div class="query">
+            <span>报表格式：</span>
+            <el-select
+              v-model="format"
+              placeholder="请选择格式"
+              size="small"
+              @change="changeValue"
+              style="width: 100px"
+            >
+              <el-option label="支付方式" value="0" />
+              <el-option label="发票类型" value="1" />
+              <el-option label="组合项目" value="2" />
+            </el-select>
+          </div>
+          <div class="query">
+            <el-button size="small" @click="onSubmit" class="commonbutton"
+              >查询</el-button
+            >
+          </div>
+          <div class="query">
+            <el-button size="small" @click="handleExport" class="commonbutton"
+              >导出excel</el-button
+            >
+          </div>
+          <div class="query">
+            <el-button size="small" @click="onPrint" class="commonbutton"
+              >打印</el-button
+            >
+          </div>
+          <div class="query">
+            <el-button size="small" @click="columnarChart" class="commonbutton"
+              >柱状图</el-button
+            >
+          </div>
+          <div class="query">
+            <el-button size="small" @click="peiChart" class="commonbutton"
+              >饼图</el-button
+            >
+          </div>
+        </div>
+        <div
+          style="
+            display: flex;
+            justify-content: space-between;
+            position: relative;
+          "
+          id="domTable"
+        >
+          <div
+            style="
+              width: 47.7%;
+              background-color: #fff;
+              padding: 15px;
+              border-radius: 8px;
+            "
+            ref="imageDom0"
+            v-show="format == 0"
+          >
+            <div>
+              <el-table
+                border
+                :span-method="objectStandardSpanMethod"
+                :height="
+                  flag
+                    ? window.pageHeight < 600
+                      ? 415
+                      : window.pageHeight - 185 - 20
+                    : ''
+                "
+                :data="standardTableData"
+                id="standardTableData"
+                ref="standardTableData"
+                style="width: 100%"
+                :header-cell-class-name="headerStyle"
+                :cell-style="tableRowClassName"
+                show-summary
+                :summary-method="
+                  (param) => paymodesummarizeRegisterCount(param, sumTotalMoney)
+                "
               >
-              </el-date-picker>
-            </el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <el-form-item label="报表格式">
-              <el-select v-model="form.reportform" placeholder="请选择">
-                <el-option
-                  v-for="item in reportform"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                >
-                </el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="3">
-            <el-button type="primary">查询</el-button>
-          </el-col>
-        </el-row>
-        <!-- d登记标题 -->
-        <h3 class="tabtile">收费员支付方式统计报表</h3>
-      </el-form>
-      <div>
-        <el-table :data="tableData" style="width: 100%" :height="tableHeight">
-          <el-table-column prop="tollcollector" label="收费员" width="180">
-          </el-table-column>
-          <el-table-column prop="paymentmethod" label="支付方式" width="180">
-          </el-table-column>
-          <el-table-column prop="paidinamount" label="实收金额" width="180">
-          </el-table-column>
-          <el-table-column prop="refundamount" label="退费金额" width="180">
-          </el-table-column>
-          <el-table-column prop="amountto" label="合计"> </el-table-column>
-        </el-table>
-        <!-- 登记员<span style="margin-left: 20px">xxx</span>
-        人数
-        <span style="margin-left: 20px">xxx</span>
-        站登记总人数百分比
-        <span style="margin-left: 20px">xxx</span> -->
+                <el-table-column label="收费员支付方式统计报表">
+                  <el-table-column
+                    :label="'时间：' + startDate + '至' + endDate"
+                  >
+                    <el-table-column
+                      :label="
+                        '收费票据数量：' +
+                        chargeCount +
+                        '退费票据数量：' +
+                        chargeBackCount
+                      "
+                    >
+                      <el-table-column
+                        prop="chargeName"
+                        label="收费员"
+                      ></el-table-column>
+                      <el-table-column
+                        prop="payModeName"
+                        label="支付方式"
+                      ></el-table-column>
+                      <el-table-column
+                        prop="chargeMoney"
+                        label="收费金额"
+                      ></el-table-column>
+                      <el-table-column prop="chargeBackMoney" label="退费金额">
+                      </el-table-column>
+                      <el-table-column prop="totalMoney" label="合计金额">
+                      </el-table-column>
+                    </el-table-column>
+                  </el-table-column>
+                </el-table-column>
+              </el-table>
+            </div>
+          </div>
+          <div
+            style="
+              width: 47.7%;
+              background-color: #fff;
+              padding: 15px;
+              border-radius: 8px;
+            "
+            ref="imageDom1"
+            v-show="format == 1"
+          >
+            <div>
+              <el-table
+                border
+                show-summary
+                :summary-method="invoicesummarizeRegisterCount"
+                :height="
+                  flag
+                    ? window.pageHeight < 600
+                      ? 415
+                      : window.pageHeight - 185 - 20
+                    : ''
+                "
+                :data="tableData"
+                id="tableData"
+                ref="tableData"
+                style="width: 100%"
+                :header-cell-class-name="headerStyle"
+              >
+                <el-table-column label="收费员发票类型统计报表">
+                  <el-table-column
+                    :label="'时间：' + startDate + '至' + endDate"
+                  >
+                    <el-table-column
+                      :label="
+                        '收费票据数量：' +
+                        invoicechargeCount +
+                        '退费票据数量：' +
+                        invoicechargeBackCount
+                      "
+                    >
+                      <template slot-scope="scope">
+                        <el-table
+                          :data="scope.row.chargeDetails.invoiceTypeDetails"
+                          border
+                          show-summary
+                          :summary-method="summarizeRegisterCounts"
+                        >
+                          <el-table-column label="收费">
+                            <el-table-column
+                              label="发票类型"
+                              prop="invoiceTypeName"
+                            ></el-table-column>
+                            <el-table-column
+                              label="金额"
+                              prop="invoiceTypeMoney"
+                            ></el-table-column>
+                          </el-table-column>
+                        </el-table>
+                        <el-table
+                          :data="scope.row.chargeBackDetails.invoiceTypeDetails"
+                          border
+                          show-summary
+                          :summary-method="summarizeRegisterCounts"
+                        >
+                          <el-table-column label="退费">
+                            <el-table-column
+                              label="发票类型"
+                              prop="invoiceTypeName"
+                            ></el-table-column>
+                            <el-table-column
+                              label="金额"
+                              prop="invoiceTypeMoney"
+                            ></el-table-column>
+                          </el-table-column>
+                        </el-table>
+                      </template>
+                    </el-table-column>
+                  </el-table-column>
+                </el-table-column>
+              </el-table>
+            </div>
+          </div>
+          <div
+            style="
+              width: 47.7%;
+              background-color: #fff;
+              padding: 15px;
+              border-radius: 8px;
+            "
+            ref="imageDom2"
+            v-show="format == 2"
+          >
+            <el-table
+              border
+              :height="
+                flag
+                  ? window.pageHeight < 600
+                    ? 415
+                    : window.pageHeight - 185 - 20
+                  : ''
+              "
+              :data="projectTableData"
+              id="projectTableData"
+              ref="projectTableData"
+              style="width: 100%"
+              :header-cell-class-name="headerStyle"
+              show-summary
+              :summary-method="reportasbitemNamesummarizeRegisterCount"
+            >
+              <el-table-column label="收费员组合项目统计报表">
+                <el-table-column :label="'时间：' + startDate + '至' + endDate">
+                  <template slot-scope="scope">
+                    <el-table :data="scope.row.details" border show-summary
+                          :summary-method="asbitemNamesummarizeRegisterCounts">
+                            <el-table-column
+                              :label="scope.row.itemTypeName"
+                            >
+                              <el-table-column
+                                label="组合项目"
+                                prop="asbitemName"
+                              ></el-table-column>
+                              <el-table-column
+                                label="收款金额"
+                                prop="chargeMoney"
+                              ></el-table-column>
+                            </el-table-column>
+                          </el-table>
+                  </template>
+                </el-table-column>
+              </el-table-column>
+            </el-table>
+          </div>
+          <div
+            :style="
+              'width: 47.7%;overflow: hidden;height:' +
+              (window.pageHeight < 600 ? 415 : window.pageHeight - 185 - 20) +
+              'px;background-color: #fff; padding: 15px; border-radius: 8px;'
+            "
+          >
+            <div
+              style="
+                font-size: 20px;
+                font-weight: 700;
+                color: #232748;
+                font-family: 'NotoSansSC-Bold';
+                text-align: center;
+              "
+            >
+              收费员支付方式统计报表
+            </div>
+            <div
+              :style="
+                'height:' +
+                (window.pageHeight < 600 ? 387 : window.pageHeight - 185 - 48) +
+                'px;'
+              "
+            >
+              <ChartBlock ref="chart2"></ChartBlock>
+            </div>
+          </div>
+        </div>
       </div>
-    </el-card>
+    </div>
   </div>
 </template>
 <script>
+import { mapState, mapActions } from "vuex";
+import { getapi, postapi, putapi, deletapi } from "@/api/api";
+import ChartBlock from "../../components/workload/chartsBlock";
+import { exportToExcel } from "../../utlis/Export2Excel";
+import html2canvas from "html2canvas";
+import printJs from "print-js";
+import { projectlist } from "@/request/commonapi";
 export default {
+  components: {
+    ChartBlock,
+  },
   data() {
     return {
-      tableHeight: 0,
-      tableData: [
-        {
-          tollcollector: "张三",
-          paymentmethod: "支付宝",
-          paidinamount: "55",
-          refundamount: "32",
-          amountto: "70",
+      registrardata: [],
+      username: [],
+      startDate: "",
+      endDate: "",
+      tableData: [],
+      standardTableData: [],
+      projectTableData: [],
+      seriesData: [],
+      yAxisData: [],
+      flag: true,
+      arr1: [],
+      pieData: [],
+      spanMap: {},
+      spanMaps: {},
+      mergedColumns: ["itemTypeName", "doctorName"],
+      mergedColumnes: ["itemTypeName"],
+      oldTableData: [],
+      format: "0",
+      chargeCount: "",
+      chargeBackCount: "",
+      invoicechargeCount: "",
+      invoicechargeBackCount: "",
+      sumTotalMoney: "",
+    };
+  },
+  created() {
+    this.getList();
+  },
+  mounted() {
+    this.getNowTime();
+  },
+  methods: {
+    tableRowClassName({ row, column, rowIndex, columnIndex }) {
+      if (row.payModeName == "合计") {
+        return { backgroundColor: "#F5F7FA" };
+      }
+    },
+    changeValue(value) {
+      if (value == 0) {
+        this.$nextTick(() => {
+          this.$refs.standardTableData.doLayout();
+        });
+      } else if (value == 1) {
+        this.$nextTick(() => {
+          this.$refs.tableData.doLayout();
+        });
+      } else {
+        this.$nextTick(() => {
+          this.$refs.projectTableData.doLayout();
+        });
+      }
+    },
+    peiChart() {
+      let option2 = {
+        // title: {
+        //   text: "医生工作量统计",
+        //   left: "center",
+        // },
+        tooltip: {
+          trigger: "item",
+          confine: true,
         },
-      ],
-      form: {
-        username: "",
-        registrationdate: "",
-        reportform: "",
-      },
-      reportform: [
-        {
-          value: "1",
-          label: "支付方式",
+        legend: {
+          data: this.yAxisData,
+          orient: "horizontal",
+          right: "3%",
+          top: "0%",
         },
-        {
-          value: "2",
-          label: "发票项目",
+        grid: {
+          show: false,
+          left: "0%",
+          right: "0%",
+          top: "0%",
+          bottom: "0%",
+          containLabel: true,
         },
-        {
-          value: "3",
-          label: "组合项目",
+        series: [
+          {
+            type: "pie",
+            label: {
+              show: true,
+              formatter: "{b} : {c} ({d}%)", // b代表名称，c代表对应值，d代表百分比
+            },
+            data: this.pieData,
+          },
+        ],
+      };
+      this.$refs.chart2.setOption(option2);
+    },
+    columnarChart() {
+      let option2 = {
+        // title: {
+        //   text: "医生工作量统计",
+        //   left: "center",
+        // },
+        tooltip: {
+          trigger: "axis",
+          confine: true,
         },
-      ],
-      registrardata: [
-        {
-          value: "1",
-          label: "张三",
+        legend: {
+          type: "scroll",
+          orient: "horizontal",
+          right: "3%",
+          top: "0%",
         },
-        {
-          value: "2",
-          label: "测试",
+        grid: {
+          show: false,
+          left: "0%",
+          right: "0%",
+          top: "0%",
+          bottom: "0%",
+          containLabel: true,
         },
-      ],
-    };
+        xAxis: {
+          type: "value",
+          axisLabel: {
+            textStyle: {
+              fontSize: "14",
+            },
+          },
+          axisLine: {
+            show: true,
+          },
+        },
+        yAxis: {
+          type: "category",
+          data: this.yAxisData,
+          axisLabel: {
+            textStyle: {
+              fontSize: "14",
+            },
+          },
+        },
+        series: [
+          {
+            name: "合计金额",
+            type: "bar",
+            data: this.seriesData,
+          },
+        ],
+      };
+      this.$refs.chart2.setOption(option2);
+    },
+    headerStyle({ row, column, rowIndex, columnIndex }) {
+      if (rowIndex === 1) {
+        return "left-align";
+      }
+      if (rowIndex === 2) {
+        return "left-align";
+      }
+    },
+    paymodesummarizeRegisterCount(param, sumTotalMoney) {
+      let that = this;
+      const { columns, data } = param;
+      const sums = [];
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = "合计";
+          return;
+        }
+        if (index === 4) {
+          console.log(sumTotalMoney);
+          sums[index] = sumTotalMoney;
+          return;
+        }
+      });
+      return sums;
+    },
+    invoicesummarizeRegisterCount(param) {
+      const { columns, data } = param;
+      const sums = [];
+      if(data.length>0){
+        columns.forEach((column, index) => {
+        if (index === 0) {
+          let sumPrice = 0;
+          let chargeDetails = data[0].chargeDetails;
+          let chargeBackDetails = data[0].chargeBackDetails;
+          sumPrice = Number(
+            chargeDetails.totalMoney - chargeBackDetails.totalMoney
+          ).toFixed(2);
+          sums[index] = "收费扣除退费余计：" + sumPrice;
+          return;
+        }
+      });
+      }
+      return sums;
+    },
+    reportasbitemNamesummarizeRegisterCount(param) {
+      const { columns, data } = param;
+      const sums = [];
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          let sumPrice = 0;
+          for(let i=0;i<this.projectTableData.length;i++){
+            sumPrice =Number(sumPrice)+Number(this.projectTableData[i].totalMoney);
+          }
+          sums[index] = "合计" + sumPrice;
+          return;
+        }
+      });
+      return sums;
+    },
+    summarizeRegisterCount(param) {
+      const { columns, data } = param;
+      const sums = [];
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = "合计";
+          return;
+        }
+
+        const values = data.map((item) => Number(item[column.property]));
+        if (index === 1) {
+          sums[index] = values.reduce((prev, curr) => {
+            const value = Number(curr);
+            if (!isNaN(value)) {
+              return prev + curr;
+            } else {
+              return prev;
+            }
+          }, 0);
+          sums[index] = "共" + sums[index] + "人";
+        } else {
+          sums[index] = "";
+        }
+      });
+
+      return sums;
+    },
+    onPrint() {
+      this.flag = false;
+      let index = "";
+      if (this.format == 0) {
+        index = "imageDom0";
+      } else if (this.format == 1) {
+        index = "imageDom1";
+      } else {
+        index = "imageDom2";
+      }
+      this.$nextTick(() => {
+        let width = this.$refs[index].style.width;
+        let cloneDom = this.$refs[index].cloneNode(true);
+        let imageDom = this.$refs[index];
+        cloneDom.style.position = "absolute";
+        cloneDom.style.top = "0px";
+        cloneDom.style.zIndex = "-1";
+        cloneDom.style.width = width;
+        console.log(cloneDom);
+        imageDom.appendChild(cloneDom);
+        html2canvas(cloneDom).then((canvas) => {
+          // 转成图片，生成图片地址
+          const url = canvas.toDataURL("image/png");
+          printJs({
+            printable: url,
+            type: "image",
+            documentTitle: "", // 标题
+            style: `@media print { @page {size: auto; margin: 0 0 0 0; } body{margin:0 5px}canvas{page-break-after: always;page-break-inside: avoid;
+page-break-after: avoid;
+page-break-before: avoid;}}`, // 去除页眉页脚
+          });
+        });
+        cloneDom.style.display = "none";
+        this.flag = true;
+      });
+    },
+    summarizeRegisterCounts(param) {
+      const { columns, data } = param;
+      const sums = [];
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = "合计";
+          return;
+        }
+        if (index === 1) {
+          let sum = 0;
+          data.forEach((data, index) => {
+            sum += Number(data.invoiceTypeMoney);
+          });
+          sums[index] = sum;
+          return;
+        }
+      });
+
+      return sums;
+    },
+    asbitemNamesummarizeRegisterCounts(param) {
+      const { columns, data } = param;
+      const sums = [];
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = "合计";
+          return;
+        }
+        if (index === 1) {
+          let sum = 0;
+          data.forEach((data, index) => {
+            sum =(Number(sum)+Number(data.chargeMoney)).toFixed(2);
+          });
+          sums[index] = sum;
+          return;
+        }
+      });
+
+      return sums;
+    },
+    onSubmit() {
+      let that = this;
+      if (this.startDate == "") {
+        return this.$message({
+          message: "请先选择开始日期",
+          type: "error",
+        });
+      }
+      if (this.endDate == "") {
+        return this.$message({
+          message: "请先选择结束日期",
+          type: "error",
+        });
+      }
+      if (this.format == 0) {
+        postapi(
+          "/api/app/charge-report/get-toll-collector-fee-report-in-pay-mode",
+          {
+            userIds: that.username,
+            startDate: that.startDate,
+            endDate: that.endDate,
+          }
+        ).then((res) => {
+          if (res.code != -1) {
+            this.pieData = [];
+            this.yAxisData = [];
+            this.seriesData = [];
+            that.computedStandardTableData(res.data.chargeDetails);
+            // that.standardTableData = [...res.data.chargeDetails];
+            that.chargeCount = res.data.chargeCount;
+            that.chargeBackCount = res.data.chargeBackCount;
+            that.sumTotalMoney = res.data.sumTotalMoney;
+          }
+        });
+      } else if (this.format == 1) {
+        postapi(
+          "/api/app/charge-report/get-toll-collector-fee-report-in-invoice-type",
+          {
+            userIds: that.username,
+            startDate: that.startDate,
+            endDate: that.endDate,
+          }
+        ).then((res) => {
+          if (res.code != -1) {
+            that.tableData = [];
+            that.tableData.push(res.data);
+            that.invoicechargeCount = res.data.chargeCount;
+            that.invoicechargeBackCount = res.data.chargeBackCount;
+          }
+        });
+      } else {
+        postapi(
+          "/api/app/charge-report/get-toll-collector-fee-report-in-asbitem",
+          {
+            userIds: that.username,
+            startDate: that.startDate,
+            endDate: that.endDate,
+          }
+        ).then((res) => {
+          if (res.code != -1) {
+          that.projectTableData=[...res.data]
+          // let newTableData = [];
+          // let objs = {
+          //   customerName: "",
+          //   children: [],
+          // };
+          // for (let i = 0; i < res.data.length; i++) {
+          //   let Index = newTableData.findIndex((item) => {
+          //     return item.customerName === res.data[i].customerName;
+          //   });
+          //   let obj = JSON.parse(JSON.stringify(objs));
+          //   if (Index == -1) {
+          //     obj.customerName = res.data[i].customerName;
+          //     newTableData.push(obj);
+          //   }
+          // }
+          // for (let i = 0; i < res.data.length; i++) {
+          //   for (let j = 0; j < newTableData.length; j++) {
+          //     if (res.data[i].customerName === newTableData[j].customerName) {
+          //       newTableData[j].children.push(res.data[i]);
+          //     }
+          //   }
+          // }
+          // that.computedProjectTableData(newTableData);
+          }
+        });
+      }
+    },
+    setdates(data) {
+      for (var i = 0; i < data.length; i++) {
+        if (i === 0) {
+          this.mergedColumns.forEach((column) => {
+            this.spanMap[column] = {
+              spanArr: [1],
+              pos: 0,
+              // index:i
+            };
+          });
+        } else {
+          this.mergedColumns.forEach((column) => {
+            if (data[i][column] === data[i - 1][column]) {
+              this.spanMap[column].spanArr[this.spanMap[column].pos] += 1;
+              this.spanMap[column].spanArr.push(0);
+            } else {
+              this.spanMap[column].spanArr.push(1);
+              this.spanMap[column].pos = i;
+            }
+            // this.spanMap[column].index=i
+          });
+        }
+      }
+    },
+    setProjectdates(data) {
+      for (var i = 0; i < data.length; i++) {
+        if (i === 0) {
+          this.mergedColumnes.forEach((column) => {
+            this.spanMaps[column] = {
+              spanArr: [1],
+              pos: 0,
+              // index:i
+            };
+          });
+        } else {
+          this.mergedColumnes.forEach((column) => {
+            if (data[i][column] === data[i - 1][column]) {
+              this.spanMaps[column].spanArr[this.spanMaps[column].pos] += 1;
+              this.spanMaps[column].spanArr.push(0);
+            } else {
+              this.spanMaps[column].spanArr.push(1);
+              this.spanMaps[column].pos = i;
+            }
+            // this.spanMap[column].index=i
+          });
+        }
+      }
+    },
+    setStandardDates(arr) {
+      var obj = {},
+        k,
+        arr1 = [];
+      this.arr1 = [];
+      for (var i = 0, len = arr.length; i < len; i++) {
+        k = arr[i].chargeName; //需要合并的字段
+        if (obj[k]) obj[k]++;
+        else obj[k] = 1;
+      }
+      //保存结果{el-'元素'，count-出现次数}
+      for (var o in obj) {
+        for (let i = 0; i < obj[o]; i++) {
+          if (i === 0) {
+            this.arr1.push(obj[o]);
+          } else {
+            this.arr1.push(0);
+          }
+        }
+      }
+    },
+    objectSpanMethod({ row, column, rowIndex, columnIndex }) {
+      let index = rowIndex;
+      if (index === 0 && columnIndex === 0) {
+        for (let i = 0; i < this.tableData.length; i++) {
+          if (row.customerName === this.tableData[i].customerName) {
+            this.setdates(this.tableData[i].children);
+          }
+        }
+      }
+      if (this.spanMap[column.property]) {
+        const _row = this.spanMap[column.property].spanArr[rowIndex];
+        const _col = _row > 0 ? 1 : 0;
+        return {
+          rowspan: _row,
+          colspan: _col,
+        };
+      }
+    },
+    objectStandardSpanMethod({ row, column, rowIndex, columnIndex }) {
+      if (columnIndex === 0) {
+        let _row = this.arr1[rowIndex];
+        let _col = this.arr1[rowIndex] > 0 ? 1 : 0;
+        return [_row, _col];
+      }
+    },
+    objectProjectSpanMethod({ row, column, rowIndex, columnIndex }) {
+      let index = rowIndex;
+      if (index === 0 && columnIndex === 0) {
+        for (let i = 0; i < this.projectTableData.length; i++) {
+          if (row.customerName === this.projectTableData[i].customerName) {
+            this.setProjectdates(this.projectTableData[i].children);
+          }
+        }
+      }
+      if (this.spanMaps[column.property]) {
+        const _row = this.spanMaps[column.property].spanArr[rowIndex];
+        const _col = _row > 0 ? 1 : 0;
+        return {
+          rowspan: _row,
+          colspan: _col,
+        };
+      }
+    },
+    getList() {
+      getapi("/api/identity/users/getlist").then((res) => {
+        if (res.code != -1) {
+          this.registrardata = [...res.data.items];
+        }
+      });
+    },
+    getNowTime() {
+      var now = new Date();
+      var year = now.getFullYear(); // 得到年份
+      var month = now.getMonth(); // 得到月份
+      var date = now.getDate(); // 得到日期
+      month = month + 1;
+      month = month.toString().padStart(2, "0");
+      date = date.toString().padStart(2, "0");
+      var defaultDate = `${year}-${month}-${date}`;
+      this.startDate = defaultDate;
+      this.endDate = defaultDate;
+    },
+    ForwardRanking(data) {
+      for (let i = 0; i < data.length; i++) {
+        data[i].children.sort(function (a, b) {
+          return a.itemTypeName > b.itemTypeName ? -1 : 1; //根据名称属性进行排序
+        });
+        data[i].children.sort(function (a, b) {
+          if (a.itemTypeName === b.itemTypeName)
+            return a.doctorName > b.doctorName ? -1 : 1; //根据名称属性进行排序
+        });
+      }
+      this.tableData = data;
+      console.log(this.tableData);
+      // this.setdates(this.tableData[0].children);
+    },
+    ForwardStandardRanking(data, p) {
+      for (var i = 0; i < data.length - 1; i++) {
+        for (var j = 0; j < data.length - 1 - i; j++) {
+          var dd = data[j][p].localeCompare(data[j + 1][p], "zh"); //1---前者往后移，-1===位置不变
+          if (dd > 0) {
+            var temp = data[j];
+            data[j] = data[j + 1];
+            data[j + 1] = temp;
+          }
+        }
+      }
+      this.standardTableData = data;
+      this.setStandardDates(this.standardTableData);
+    },
+    ForwardProjectRanking(data) {
+      for (let i = 0; i < data.length; i++) {
+        data[i].children.sort(function (a, b) {
+          return a.itemTypeName > b.itemTypeName ? -1 : 1; //根据名称属性进行排序
+        });
+        // data[i].children.sort(function (a, b) {
+        //   if (a.itemTypeName === b.itemTypeName)
+        //     return a.asbitemName > b.asbitemName ? -1 : 1; //根据名称属性进行排序
+        // });
+      }
+      this.projectTableData = data;
+    },
+    computedTableData(tableData) {
+      const newData = [...tableData]; // 创建一个新的数组，避免修改原始数据
+      const totalRows = {
+        customerName: "",
+        itemTypeName: "",
+        asbitemName: "合计",
+        doctorName: "",
+        doctorCheckCount: 0,
+        avgStandardPrice: 0,
+        avgChargePrice: 0,
+        sumStandardPrice: 0,
+        sumChargePrice: 0,
+      }; // 合计行的数据
+      let newTableData = [];
+      let obj = {
+        customerName: "",
+        children: [],
+      };
+      let ojk = {
+        itemTypeName: "",
+        children: {},
+      };
+      for (let i = 0; i < tableData.length; i++) {
+        let objs = JSON.parse(JSON.stringify(obj));
+        objs.customerName = tableData[i].customerName;
+        for (let j = 0; j < tableData[i].children.length; j++) {
+          let ojks = JSON.parse(JSON.stringify(ojk));
+          let Index = objs.children.findIndex((item) => {
+            return item.itemTypeName === tableData[i].children[j].itemTypeName;
+          });
+          if (Index == -1) {
+            ojks.itemTypeName = tableData[i].children[j].itemTypeName;
+            objs.children.push(ojks);
+          }
+        }
+        for (let j = 0; j < tableData[i].children.length; j++) {
+          for (let k = 0; k < objs.children.length; k++) {
+            let item = tableData[i].children[j].doctorName;
+            if (
+              objs.children[k].itemTypeName ===
+              tableData[i].children[j].itemTypeName
+            ) {
+              objs.children[k].children[item] =
+                objs.children[k].children[item] + 1 || 1;
+            }
+          }
+        }
+        newTableData.push(objs);
+      }
+      for (let i = 0; i < newTableData.length; i++) {
+        for (let j = 0; j < tableData.length; j++) {
+          if (tableData[j].customerName === newTableData[i].customerName) {
+            for (let k = 0; k < newTableData[i].children.length; k++) {
+              Object.keys(newTableData[i].children[k].children).forEach(
+                (key) => {
+                  let totalRow = JSON.parse(JSON.stringify(totalRows));
+                  tableData[j].children.forEach((item) => {
+                    if (
+                      item.itemTypeName ===
+                        newTableData[i].children[k].itemTypeName &&
+                      item.doctorName == key
+                    ) {
+                      totalRow.customerName = item.customerName;
+                      totalRow.itemTypeName = item.itemTypeName;
+                      totalRow.doctorName = item.doctorName;
+                      totalRow.doctorCheckCount += item.doctorCheckCount;
+                      totalRow.avgStandardPrice =
+                        (totalRow.avgStandardPrice * 100000 +
+                          item.avgStandardPrice * 100000) /
+                        100000;
+                      totalRow.avgChargePrice =
+                        (totalRow.avgChargePrice * 100000 +
+                          item.avgChargePrice * 100000) /
+                        100000;
+                      totalRow.sumStandardPrice =
+                        (totalRow.sumStandardPrice * 100000 +
+                          item.sumStandardPrice * 100000) /
+                        100000;
+                      totalRow.sumChargePrice =
+                        (totalRow.sumChargePrice * 100000 +
+                          item.sumChargePrice * 100000) /
+                        100000;
+                    }
+                  });
+                  tableData[j].children.push(totalRow);
+                }
+              );
+            }
+          }
+        }
+      }
+      this.ForwardRanking(tableData);
+    },
+    computedProjectTableData(tableData) {
+      const newData = [...tableData]; // 创建一个新的数组，避免修改原始数据
+      const totalRows = {
+        customerName: "",
+        itemTypeName: "",
+        asbitemName: "合计",
+        doctorCheckCount: 0,
+        avgStandardPrice: 0,
+        avgChargePrice: 0,
+        sumStandardPrice: 0,
+        sumChargePrice: 0,
+      }; // 合计行的数据
+      let newTableData = [];
+      let obj = {
+        customerName: "",
+        children: {},
+      };
+      // let ojk = {
+      //   itemTypeName: "",
+      //   children: {},
+      // };
+      for (let i = 0; i < tableData.length; i++) {
+        let objs = JSON.parse(JSON.stringify(obj));
+        objs.customerName = tableData[i].customerName;
+        for (let j = 0; j < tableData[i].children.length; j++) {
+          var item = tableData[i].children[j].itemTypeName;
+          objs.children[item] = objs.children[item] + 1 || 1;
+          // let ojks = JSON.parse(JSON.stringify(ojk));
+          // let Index = objs.children.findIndex((item) => {
+          //   return item.itemTypeName === tableData[i].children[j].itemTypeName;
+          // });
+          // if (Index == -1) {
+          //   ojks.itemTypeName = tableData[i].children[j].itemTypeName;
+          //   objs.children.push(ojks);
+          // }
+        }
+        // for (let j = 0; j < tableData[i].children.length; j++) {
+        //   for (let k = 0; k < objs.children.length; k++) {
+        //     let item = tableData[i].children[j].asbitemName;
+        //     if (
+        //       objs.children[k].itemTypeName ===
+        //       tableData[i].children[j].itemTypeName
+        //     ) {
+        //       objs.children[k].children[item] =
+        //         objs.children[k].children[item] + 1 || 1;
+        //     }
+        //   }
+        // }
+        newTableData.push(objs);
+      }
+      for (let i = 0; i < newTableData.length; i++) {
+        for (let j = 0; j < tableData.length; j++) {
+          if (tableData[j].customerName === newTableData[i].customerName) {
+            Object.keys(newTableData[i].children).forEach((key) => {
+              let totalRow = JSON.parse(JSON.stringify(totalRows));
+              tableData[j].children.forEach((item) => {
+                if (item.itemTypeName === key) {
+                  totalRow.customerName = item.customerName;
+                  totalRow.itemTypeName = item.itemTypeName;
+                  // totalRow.asbitemName = item.asbitemName;
+                  totalRow.doctorCheckCount += item.doctorCheckCount;
+                  totalRow.avgStandardPrice =
+                    (totalRow.avgStandardPrice * 100000 +
+                      item.avgStandardPrice * 100000) /
+                    100000;
+                  totalRow.avgChargePrice =
+                    (totalRow.avgChargePrice * 100000 +
+                      item.avgChargePrice * 100000) /
+                    100000;
+                  totalRow.sumStandardPrice =
+                    (totalRow.sumStandardPrice * 100000 +
+                      item.sumStandardPrice * 100000) /
+                    100000;
+                  totalRow.sumChargePrice =
+                    (totalRow.sumChargePrice * 100000 +
+                      item.sumChargePrice * 100000) /
+                    100000;
+                }
+              });
+              tableData[j].children.push(totalRow);
+            });
+          }
+        }
+      }
+      console.log(tableData);
+      this.ForwardProjectRanking(tableData);
+    },
+    computedStandardTableData(tableData) {
+      const newData = [...tableData]; // 创建一个新的数组，避免修改原始数据
+      const totalRows = {
+        chargeName: "",
+        payModeName: "合计",
+        chargeMoney: 0,
+        chargeBackMoney: 0,
+        totalMoney: 0,
+      }; // 合计行的数据
+      let pies = {
+        name: "",
+        value: 0,
+      };
+      let obj = {};
+      for (let i = 0; i < tableData.length; i++) {
+        var item = tableData[i].chargeName;
+        obj[item] = obj[item] + 1 || 1;
+      }
+
+      Object.keys(obj).forEach((key) => {
+        let totalRow = JSON.parse(JSON.stringify(totalRows));
+        let pie = JSON.parse(JSON.stringify(pies));
+        tableData.forEach((item) => {
+          if (item.chargeName == key) {
+            totalRow.chargeName = item.chargeName;
+            pie.name = item.chargeName;
+            totalRow.chargeMoney =
+              (totalRow.chargeMoney * 100000 + item.chargeMoney * 100000) /
+              100000;
+            totalRow.chargeBackMoney =
+              (totalRow.chargeBackMoney * 100000 +
+                item.chargeBackMoney * 100000) /
+              100000;
+            totalRow.totalMoney =
+              (totalRow.totalMoney * 100000 + item.totalMoney * 100000) /
+              100000;
+            pie.value = totalRow.totalMoney;
+          }
+        });
+        newData.push(totalRow);
+        this.pieData.push(pie);
+        this.yAxisData.push(totalRow.chargeName);
+        this.seriesData.push(totalRow.totalMoney);
+      });
+      this.ForwardStandardRanking(newData, "chargeName");
+      this.columnarChart();
+    },
+    handleExport() {
+      if (this.format == 0) {
+        exportToExcel("#standardTableData", "收费员支付方式统计报表", false);
+      } else if (this.format == 1) {
+        let index = 4;
+        let list = [];
+        list.push(index);
+        // for (let i = 0; i < this.tableData.length - 1; i++) {
+        //   index += this.tableData[i].children.length + 3;
+        //   list.push(index);
+        // }
+        exportToExcel("#tableData", "收费员发票类型统计报表", true, list);
+      } else {
+        let index = 3;
+        let list = [];
+        list.push(index);
+        for (let i = 0; i < this.projectTableData.length - 1; i++) {
+          index += this.projectTableData[i].details.length + 4;
+          list.push(index);
+        }
+        exportToExcel("#projectTableData", "收费员组合项目统计报表", true, list);
+      }
+    },
   },
-  created() {
-    this.tableHeight = window.innerHeight - 100;
+  computed: {
+    ...mapState(["window", "dict", "patientRegister", "report"]),
   },
-  mounted() {
-    this.tableHeight = window.innerHeight - 100;
-    window.onresize = () => {
-      return () => {
-        this.tableHeight = window.innerHeight - 100;
-      };
-    };
+  updated() {
+    this.$nextTick(() => {
+      this.$refs.tableData.doLayout();
+    });
+    this.$nextTick(() => {
+      this.$refs.standardTableData.doLayout();
+    });
+    this.$nextTick(() => {
+      this.$refs.projectTableData.doLayout();
+    });
   },
-  methods: {},
 };
 </script>
 <style scoped>
-.tabtile {
-  text-align: center;
-  margin-top: 20px;
+@import "../../assets/css/global_button.css";
+@import "../../assets/css/global_dialog.css";
+@import "../../assets/css/global_table.css";
+@import "../../assets/css/global_form.css";
+@import "../../assets/css/global_input.css";
+@import "../../assets/css/global.css";
+.query {
+  margin-right: 15px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 14px;
+  color: #232748;
+  font-size: 400;
+  font-family: "NotoSansSC-Regular";
+}
+.box {
+  display: flex;
+  flex-direction: column;
+}
+:deep .left-align .cell {
+  text-align: left !important;
+}
+/* ::v-deep .el-table__body-wrapper::-webkit-scrollbar {
+  width: 0px;
+  background: rgba(213, 215, 220, 0.3);
+  border: none;
+}
+::v-deep .el-table__body-wrapper::-webkit-scrollbar-track {
+  border: none;
+} */
+::v-deep .el-table th.gutter {
+  display: none;
+  width: 0;
+}
+::v-deep .el-table colgroup col[name="gutter"] {
+  display: none;
+  width: 0;
+}
+::v-deep .el-table__body {
+  width: 100% !important;
 }
 </style>
\ No newline at end of file