WXL (wul)
5 天以前 17efc8b0fb7d3fa66eb8e22f32b81e3e14bcd7f6
src/views/sfstatistics/percentage/index.vue
@@ -83,12 +83,14 @@
              >
                <el-date-picker
                  v-model="queryParams.dateRange"
                  value-format="yyyy-MM-dd"
                  value-format="yyyy-MM-dd HH:mm:ss"
                  type="daterange"
                  range-separator="至"
                  start-placeholder="开始日期"
                  end-placeholder="结束日期"
                  :default-time="['00:00:00', '23:59:59']"
                >
                  >
                </el-date-picker>
              </el-form-item>
@@ -400,6 +402,21 @@
                    key="pendingFollowUp"
                    prop="pendingFollowUp"
                  >
                    <template slot-scope="scope">
                      <el-button
                        size="medium"
                        type="text"
                        @click="
                          viewDetails(
                            scope.row.pendingFollowUpInfo,
                            scope.row.leavehospitaldistrictname + '待随访列表'
                          )
                        "
                        ><span class="button-zx">{{
                          scope.row.pendingFollowUp
                        }}</span></el-button
                      >
                    </template>
                  </el-table-column>
                  <el-table-column
                    label="随访成功"
@@ -414,6 +431,21 @@
                    key="followUpFail"
                    prop="followUpFail"
                  >
                    <template slot-scope="scope">
                      <el-button
                        size="medium"
                        type="text"
                        @click="
                          viewDetails(
                            scope.row.followUpFailInfo,
                            scope.row.leavehospitaldistrictname + '随访失败列表'
                          )
                        "
                        ><span class="button-zx">{{
                          scope.row.followUpFail
                        }}</span></el-button
                      >
                    </template>
                  </el-table-column>
                  <el-table-column
                    label="随访率"
@@ -854,6 +886,198 @@
        </div>
      </div>
    </el-dialog>
    <!-- 各类详情 -->
    <el-dialog
      :title="infotitle"
      :visible.sync="infotitleVisible"
      v-loading="infotitloading"
      width="70%"
      :close-on-click-modal="false"
    >
      <div class="examine-jic">
        <div class="jic-value">
          <el-row :gutter="20">
            <!-- 选择患者列表 -->
            <el-table :data="infotitlelist" height="660" style="width: 100%">
              <el-table-column
                prop="sendname"
                align="center"
                label="姓名"
                width="100"
              >
              </el-table-column>
              <el-table-column
                prop="taskName"
                align="center"
                width="200"
                show-overflow-tooltip
                label="任务名称"
              >
              </el-table-column>
              <el-table-column
                prop="sendstate"
                align="center"
                width="200"
                label="任务状态"
              >
                <template slot-scope="scope">
                  <div v-if="scope.row.sendstate == 1">
                    <el-tag type="primary" :disable-transitions="false"
                      >表单已领取</el-tag
                    >
                  </div>
                  <div v-if="scope.row.sendstate == 2">
                    <el-tag type="primary" :disable-transitions="false"
                      >待随访</el-tag
                    >
                  </div>
                  <div v-if="scope.row.sendstate == 3">
                    <el-tag type="success" :disable-transitions="false"
                      >表单已发送</el-tag
                    >
                  </div>
                  <div v-if="scope.row.sendstate == 4">
                    <el-tag type="info" :disable-transitions="false"
                      >不执行</el-tag
                    >
                  </div>
                  <div v-if="scope.row.sendstate == 5">
                    <el-tag type="danger" :disable-transitions="false"
                      >发送失败</el-tag
                    >
                  </div>
                  <div v-if="scope.row.sendstate == 6">
                    <el-tag type="success" :disable-transitions="false"
                      >已完成</el-tag
                    >
                  </div>
                </template>
              </el-table-column>
              <el-table-column
                prop="visitTime"
                align="center"
                label="应随访时间"
                width="200"
                show-overflow-tooltip
              >
              </el-table-column>
              <el-table-column
                prop="finishtime"
                align="center"
                label="随访完成时间"
                width="200"
                show-overflow-tooltip
              >
              </el-table-column>
              <el-table-column
                label="出院日期"
                width="200"
                align="center"
                key="endtime"
                prop="endtime"
              >
                <template slot-scope="scope">
                  <span>{{ formatTime(scope.row.endtime) }}</span>
                </template></el-table-column
              >
              <el-table-column
                label="责任护士"
                width="120"
                align="center"
                key="nurseName"
                prop="nurseName"
              />
              <el-table-column
                label="主治医生"
                width="120"
                align="center"
                key="drname"
                prop="drname"
              />
              <el-table-column
                label="结果状态"
                align="center"
                key="excep"
                prop="excep"
                width="120"
              >
                <template slot-scope="scope">
                  <dict-tag
                    :options="dict.type.sys_yujing"
                    :value="scope.row.excep"
                  />
                </template>
              </el-table-column>
              <el-table-column
                label="处理意见"
                align="center"
                key="suggest"
                prop="suggest"
                width="120"
              >
                <template slot-scope="scope">
                  <dict-tag
                    :options="dict.type.sys_suggest"
                    :value="scope.row.suggest"
                  />
                </template>
              </el-table-column>
              <el-table-column
                prop="templatename"
                align="center"
                label="服务模板"
                width="200"
                show-overflow-tooltip
              >
              </el-table-column>
              <el-table-column
                prop="remark"
                align="center"
                label="服务记录"
                width="200"
                show-overflow-tooltip
              >
              </el-table-column>
              <el-table-column
                prop="bankcardno"
                align="center"
                label="呼叫状态"
                width="210"
              >
              </el-table-column>
              <el-table-column
                label="操作"
                fixed="right"
                align="center"
                width="200"
                class-name="small-padding fixed-width"
              >
                <template slot-scope="scope">
                  <el-button
                    size="medium"
                    type="text"
                    @click="SeedetailsgGo(scope.row)"
                    ><span class="button-zx"
                      ><i class="el-icon-s-order"></i>查看</span
                    ></el-button
                  >
                </template>
              </el-table-column>
            </el-table>
          </el-row>
          <pagination
            v-show="patienttotal > 0 && this.patientqueryParams.allhosp != 6"
            :total="patienttotal"
            :page.sync="patientqueryParams.pn"
            :limit.sync="patientqueryParams.ps"
            @pagination="Seedetails"
          />
        </div>
      </div>
    </el-dialog>
  </div>
</template>
@@ -906,10 +1130,14 @@
      activeName: "first", //侧边选择
      orgname: "",
      expands: [],
      infotitlelist: [],
      // 遮罩层
      loading: false,
      Seedloading: false,
      chartDialogVisible: false,
      infotitleVisible: false,
      infotitloading: false,
      infotitle: "",
      pieChart: null,
      barLineChart: null,
      // 选中数组
@@ -1329,6 +1557,11 @@
        this.Seedloading = false;
      });
    },
    viewDetails(row, title) {
      this.infotitleVisible = true;
      this.infotitle = title;
      this.infotitlelist = row;
    },
    SeedetailsgGo(row) {
      this.SeedetailsVisible = false;
      let type = "";
@@ -1477,8 +1710,32 @@
        const excelName = `${currentMonth}月出院随访统计表.xlsx`;
        // 创建新的工作簿和工作表
        const workbook = new ExcelJS.Workbook();
        const worksheet = workbook.addWorksheet("随访统计");
        const worksheet = workbook.addWorksheet(`${currentMonth}月出院随访统计表`);
// 定义样式(新增总标题样式)
    const titleStyle = {
      font: {
        name: "微软雅黑",
        size: 16,
        bold: true,
        color: { argb: "FF000000" },
      },
      fill: {
        type: "pattern",
        pattern: "solid",
        fgColor: { argb: "FFE6F3FF" },
      },
      alignment: {
        vertical: "middle",
        horizontal: "center",
        wrapText: true,
      },
      border: {
        top: { style: "thin", color: { argb: "FFD0D0D0" } },
        left: { style: "thin", color: { argb: "FFD0D0D0" } },
        bottom: { style: "thin", color: { argb: "FFD0D0D0" } },
        right: { style: "thin", color: { argb: "FFD0D0D0" } },
      },
    };
        // 定义样式
        const headerStyle = {
          font: {
@@ -1546,7 +1803,12 @@
            right: { style: "thin", color: { argb: "FFD0D0D0" } },
          },
        };
// 1. 添加总标题行(第一行)
    worksheet.mergeCells(1, 1, 1, 23); // 合并A1到W1的所有列[1,4](@ref)
    const titleCell = worksheet.getCell(1, 1);
    titleCell.value = `${currentMonth}月出院随访统计表`; // 使用文件名作为总标题
    titleCell.style = titleStyle;
    worksheet.getRow(1).height = 35; // 设置总标题行高
        // 1. 首先,创建并设置第二行(子表头)的所有单元格
        const secondRowHeaders = [
          "", // A2 展开列占位(其值将由第一行合并后的主单元格决定)
@@ -1576,96 +1838,96 @@
          "微信",
        ];
        // 添加第二行并设置样式
        secondRowHeaders.forEach((header, index) => {
          // 注意:列索引从1开始,对应A列是1,B列是2,以此类推。
          const cell = worksheet.getCell(2, index + 1);
          cell.value = header;
          cell.style = headerStyle;
        });
        // 添加第二行(原第一行下移)
    secondRowHeaders.forEach((header, index) => {
      const cell = worksheet.getCell(3, index + 1); // 改为第3行
      cell.value = header;
      cell.style = headerStyle;
    });
        // 2. 然后,创建第一行的主标题单元格并设置样式,紧接着进行纵向合并
        // 合并 A1:A2 并设置值
        worksheet.mergeCells(1, 1, 2, 1); // 合并 A1 到 A2
        worksheet.getCell(1, 1).value = ""; // 设置主单元格(A1)的值
        worksheet.getCell(1, 1).style = headerStyle; // 设置主单元格样式
    // 3. 调整原合并单元格位置(原第1行合并单元格下移到第2行)
    // 合并 A2:A3
    worksheet.mergeCells(2, 1, 3, 1);
    worksheet.getCell(2, 1).value = "";
    worksheet.getCell(2, 1).style = headerStyle;
        // 合并 B1:B2 并设置值
        worksheet.mergeCells(1, 2, 2, 2); // 合并 B1 到 B2
        worksheet.getCell(1, 2).value = "出院病区";
        worksheet.getCell(1, 2).style = headerStyle;
    // 合并 B2:B3
    worksheet.mergeCells(2, 2, 3, 2);
    worksheet.getCell(2, 2).value = "出院病区";
    worksheet.getCell(2, 2).style = headerStyle;
        // 合并 C1:C2 并设置值
        worksheet.mergeCells(1, 3, 2, 3); // 合并 C1 到 C2
        worksheet.getCell(1, 3).value = "科室";
        worksheet.getCell(1, 3).style = headerStyle;
    // 合并 C2:C3
    worksheet.mergeCells(2, 3, 3, 3);
    worksheet.getCell(2, 3).value = "科室";
    worksheet.getCell(2, 3).style = headerStyle;
        // 合并 D1:D2 并设置值
        worksheet.mergeCells(1, 4, 2, 4); // 合并 D1 到 D2
        worksheet.getCell(1, 4).value = "出院人次";
        worksheet.getCell(1, 4).style = headerStyle;
    // 合并 D2:D3
    worksheet.mergeCells(2, 4, 3, 4);
    worksheet.getCell(2, 4).value = "出院人次";
    worksheet.getCell(2, 4).style = headerStyle;
        // 合并 E1:E2 并设置值
        worksheet.mergeCells(1, 5, 2, 5); // 合并 E1 到 E2
        worksheet.getCell(1, 5).value = "无需随访人次";
        worksheet.getCell(1, 5).style = headerStyle;
    // 合并 E2:E3
    worksheet.mergeCells(2, 5, 3, 5);
    worksheet.getCell(2, 5).value = "无需随访人次";
    worksheet.getCell(2, 5).style = headerStyle;
        // 合并 F1:F2 并设置值
        worksheet.mergeCells(1, 6, 2, 6); // 合并 F1 到 F2
        worksheet.getCell(1, 6).value = "应随访人次";
        worksheet.getCell(1, 6).style = headerStyle;
    // 合并 F2:F3
    worksheet.mergeCells(2, 6, 3, 6);
    worksheet.getCell(2, 6).value = "应随访人次";
    worksheet.getCell(2, 6).style = headerStyle;
        // 3. 设置第一行的横向合并标题(这些保持不变,因为只涉及第一行)
        // 首次出院随访(合并G1到O1)
        worksheet.mergeCells("G1:O1");
        worksheet.getCell("G1").value = "首次出院随访";
        worksheet.getCell("G1").style = headerStyle;
    // 4. 调整横向合并标题位置(下移到第2行)
    // 首次出院随访(合并G2:O2)
    worksheet.mergeCells(2, 7, 2, 15); // G2:O2
    worksheet.getCell(2, 7).value = "首次出院随访";
    worksheet.getCell(2, 7).style = headerStyle;
        // 再次出院随访(合并P1到W1)
        worksheet.mergeCells("P1:W1");
        worksheet.getCell("P1").value = "再次出院随访";
        worksheet.getCell("P1").style = headerStyle;
    // 再次出院随访(合并P2:W2)
    worksheet.mergeCells(2, 16, 2, 23); // P2:W2
    worksheet.getCell(2, 16).value = "再次出院随访";
    worksheet.getCell(2, 16).style = headerStyle;
        // 4. 设置行高(可选,但建议设置)
        worksheet.getRow(1).height = 28; // 第一行行高
        worksheet.getRow(2).height = 25; // 第二行行高
    // 5. 设置行高
    worksheet.getRow(1).height = 35; // 总标题行高
    worksheet.getRow(2).height = 28; // 原第一行下移
    worksheet.getRow(3).height = 25; // 原第二行下移
        // 添加数据行
        this.userList.forEach((item, rowIndex) => {
          const dataRow = worksheet.addRow([
            "", // 展开列
            item.leavehospitaldistrictname || "",
            item.deptname || "",
            item.dischargeCount || 0,
            item.nonFollowUp || 0,
            item.followUpNeeded || 0,
            // 首次出院随访数据
            item.needFollowUp || 0,
            item.pendingFollowUp || 0,
            item.followUpSuccess || 0,
            item.followUpFail || 0,
            item.followUpRate || "0%",
            item.rate ? (Number(item.rate) * 100).toFixed(2) + "%" : "0%",
            item.manual || 0,
            item.sms || 0,
            item.weChat || 0,
            // 再次出院随访数据
            item.needFollowUpAgain || 0,
            item.pendingFollowUpAgain || 0,
            item.followUpSuccessAgain || 0,
            item.followUpFailAgain || 0,
            item.followUpRateAgain || "0%",
            item.manualAgain || 0,
            item.smsAgain || 0,
            item.weChatAgain || 0,
          ]);
    // 6. 添加数据行(注意行索引需要+1,因为上面插入了一行)
    this.userList.forEach((item, rowIndex) => {
      const dataRow = worksheet.addRow([
        "", // 展开列
        item.leavehospitaldistrictname || "",
        item.deptname || "",
        item.dischargeCount || 0,
        item.nonFollowUp || 0,
        item.followUpNeeded || 0,
        // 首次出院随访数据
        item.needFollowUp || 0,
        item.pendingFollowUp || 0,
        item.followUpSuccess || 0,
        item.followUpFail || 0,
        item.followUpRate || "0%",
        item.rate ? (Number(item.rate) * 100).toFixed(2) + "%" : "0%",
        item.manual || 0,
        item.sms || 0,
        item.weChat || 0,
        // 再次出院随访数据
        item.needFollowUpAgain || 0,
        item.pendingFollowUpAgain || 0,
        item.followUpSuccessAgain || 0,
        item.followUpFailAgain || 0,
        item.followUpRateAgain || "0%",
        item.manualAgain || 0,
        item.smsAgain || 0,
        item.weChatAgain || 0,
      ], rowIndex + 4); // 从第4行开始添加数据(原第3行)
          // 应用数据行样式
          dataRow.eachCell((cell) => {
            cell.style = cellStyle;
          });
          dataRow.height = 24;
        });
      // 应用数据行样式
      dataRow.eachCell((cell) => {
        cell.style = cellStyle;
      });
      dataRow.height = 24;
    });
        // 添加合计行
        const summaries = this.getSummaries({