diff --git a/src/api/indexReportCenter.js b/src/api/indexReportCenter.js
new file mode 100644
index 00000000..c1de5f7f
--- /dev/null
+++ b/src/api/indexReportCenter.js
@@ -0,0 +1,28 @@
+import http from "./config";
+
+//报告总览信息
+export const reportInformation = (obj) => http.post('/admin/project/editStage', obj);
+
+//点击对应按钮弹列表的按钮参数接口
+export const getButtonReportList = (obj) => http.post('/admin/project/editStage', obj);
+
+//点击对应按钮弹列表接口
+export const getReportList = (obj) => http.post('/admin/project/editStage', obj);
+
+//柱状图接口
+export const reportInformation = () => http.post('/admin/project/editStage');
+
+//空心圆接口
+export const reportInformation = () => http.post('/admin/project/editStage');
+
+//创建人归属接口
+export const reportInformation = () => http.post('/admin/project/editStage');
+
+//漏斗接口
+export const reportInformation = () => http.post('/admin/project/editStage');
+
+//归属组织树接口
+export const getOrganizationTreeList = () => http.post('/admin/project/editStage');
+
+//导出接口
+export const getOrganizationTreeList = () => http.post('/admin/project/editStage');
diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index e8cd9c2a..64910606 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -4312,7 +4312,18 @@ export default {
       getGroupList(objf).then((res) => {
         state.groupPageList = res.data.data.rows;
         state.groupTotal = res.data.data.total;
-        setGroupList(res.data.data.rows);
+
+        let objf2 = obj || {
+          name: "",
+          pageNo: 1,
+          pageSize: 1000,
+          projectId: state.projectId,
+        };
+        getGroupList(objf2).then((res2) => {
+          // state.groupPageList = res.data.data.rows;
+          // state.groupTotal = res.data.data.total;
+          setGroupList(res2.data.data.rows);
+        });
       });
     };
     //分页
diff --git a/src/views/reportcenter/ReportCenter.vue b/src/views/reportcenter/ReportCenter.vue
new file mode 100644
index 00000000..826cfc3d
--- /dev/null
+++ b/src/views/reportcenter/ReportCenter.vue
@@ -0,0 +1,2743 @@
+<template>
+  <div class="reportCenter">
+    <!-- 顶部统计卡片 -->
+    <div class="stat-cards">
+      <a-card
+          class="stat-card"
+          :bordered="false"
+      >
+        <template #title>
+          <span>项目总数</span>
+          <a-icon type="file-text"/>
+        </template>
+        <a-statistic
+            :value="82"
+            :precision="0"
+            value-style="font-size: 24px; font-weight: bold; color: #000"
+        />
+      </a-card>
+
+      <a-card
+          class="stat-card"
+          :bordered="false"
+      >
+        <template #title>
+          <span>任务总数</span>
+          <a-icon type="folder"/>
+        </template>
+        <a-statistic
+            :value="1091"
+            :precision="0"
+            value-style="font-size: 24px; font-weight: bold; color: #000"
+        />
+      </a-card>
+
+      <a-card
+          class="stat-card"
+          :bordered="false"
+      >
+        <template #title>
+          <span>参加人数</span>
+          <a-icon type="user"/>
+        </template>
+        <a-statistic
+            :value="100"
+            :precision="0"
+            value-style="font-size: 24px; font-weight: bold; color: #000"
+        />
+      </a-card>
+
+      <a-card
+          class="stat-card"
+          :bordered="false"
+      >
+        <template #title>
+          <span>学习人数</span>
+          <a-icon type="graduation-cap"/>
+        </template>
+        <a-statistic
+            :value="68"
+            :precision="0"
+            value-style="font-size: 24px; font-weight: bold; color: #000"
+        />
+      </a-card>
+
+      <a-card
+          class="stat-card"
+          :bordered="false"
+      >
+        <template #title>
+          <span>完成人数</span>
+          <a-icon type="check-circle"/>
+        </template>
+        <a-statistic
+            :value="34"
+            :precision="0"
+            value-style="font-size: 24px; font-weight: bold; color: #000"
+        />
+      </a-card>
+    </div>
+
+    <!-- 图表区域 -->
+    <div class="charts-row">
+      <!-- 参与漏斗图 -->
+      <a-card
+          class="chart-card"
+          title="学员完成项目漏斗"
+          :bordered="false"
+      >
+        <div ref="funnelChart" style="width: 100%; height: 300px;"></div>
+      </a-card>
+
+      <!-- 完成比例柱状图 -->
+      <a-card
+          class="chart-card"
+          title="完成比例"
+          :bordered="false"
+      >
+        <div ref="chart" style="width: 100%; height: 400px;"></div>
+      </a-card>
+
+      <!-- 项目概览饼状图 -->
+      <a-card
+          class="chart-card"
+          title="项目概览"
+          :bordered="false"
+      >
+        <div ref="pieChart" style="width: 100%; height: 400px;"></div>
+      </a-card>
+
+      <!-- 创建人归属 -->
+      <a-card
+          class="chart-card"
+          title="创建人归属"
+          :bordered="false"
+      >
+        <div class="tags-cloud">
+          <div class="tag">李子轩</div>
+          <div class="tag">刘俊琪</div>
+          <div class="tag">林雨桐</div>
+          <div class="tag">陆羽泽</div>
+          <div class="tag">张一诺</div>
+          <div class="tag">赵昊然</div>
+          <div class="tag">林子涵</div>
+          <div class="tag">徐祥瑞</div>
+          <div class="tag">吴梓涵</div>
+          <div class="tag">杨浩宇</div>
+        </div>
+      </a-card>
+    </div>
+
+    <!-- 列表筛选条件 + 列表 -->
+    <div class="overvoew">
+      <!-- 以下为顶部搜索框 -->
+      <div class="filterShow">
+        <template v-if="currentTab == 6">
+          <div class="select">
+            <a-input
+                v-model:value="stdPositionDesr"
+                :disabled="editId"
+                style="height: 40px; border-radius: 8px"
+                allowClear
+                placeholder="填写标准岗位"
+            />
+          </div>
+          <div class="select">
+            <a-input
+                v-model:value="qualsLevelDesr"
+                :disabled="editId"
+                style="height: 40px; border-radius: 8px"
+                allowClear
+                placeholder="填写任职资格等级"
+            />
+          </div>
+        </template>
+        <template v-else>
+          <div class="select">
+            <!-- <a-select
+            style="width: 100%"
+            placeholder="请选择组织"
+            v-model:value="orgId"
+            :options="option"
+            allowClear
+          ></a-select> -->
+            <a-cascader
+                change-on-select
+                :options="option"
+                v-model:value="orgId"
+                style="width: 100%"
+                placeholder="请选择归属组织"
+                :allowClear="false"
+                :fieldNames="{
+              label: 'orgName',
+              value: 'organizationId',
+              children: 'childList',
+            }"
+            >
+            </a-cascader>
+          </div>
+          <div class="select">
+            <a-input
+                style="width: 100%; height: 40px; border-radius: 8px"
+                placeholder="请输入名称"
+                allowClear
+                showSearch
+                v-model:value="name"
+            >
+            </a-input>
+          </div>
+          <div class="select">
+            <a-input
+                style="width: 100%; height: 40px; border-radius: 8px"
+                placeholder="请输入创建者"
+                v-model:value="creator"
+                allowClear
+                showSearch
+            >
+            </a-input>
+          </div>
+        </template>
+
+        <div class="select">
+          <a-range-picker
+              v-model:value="publishTime"
+              type="date"
+              valueFormat="YYYY-MM-DD"
+              :placeholder="['创建开始时间', '结束时间']"
+              style="width: 100%; margin-right: 0px"
+          />
+        </div>
+        <div style="display: flex; margin-bottom: 20px">
+          <div class="btnzx btnzx1" @click="searchClick">
+            <div class="search"></div>
+            <div class="btnzText">搜索</div>
+          </div>
+          <div class="btnz btnzx2" @click="reset">
+            <div class="search"></div>
+            <div class="btnzText">重置</div>
+          </div>
+        </div>
+      </div>
+      <!-- 以下为导出按钮 -->
+      <div class="tabbtnz">
+        <div class="tab">
+          <div
+              v-for="(item, index) in tabData"
+              :key="index"
+              :class="currentTab === index ? 'tabActive' : 'tabItem'"
+              @click="tabClick(index)"
+          >
+            <a-popover v-if="index == 0" trigger="hover" placement="topLeft">
+              <template #content>
+                此处数据展示全部单层项目数量，列表展示条数与此处数量可能存在差异
+              </template>
+              {{ item.text }} ({{ item.num }})
+            </a-popover>
+            <span v-else>{{ item.text }} ({{ item.num }})</span>
+          </div>
+        </div>
+        <div class="btnzs">
+          <div
+              class="btnz btnz3"
+              @click="exportClickAll"
+              style="margin-right: 15px"
+          >
+            <div>
+              <img
+                  src="../../assets/images/coursewareManage/export1.png"
+                  alt=""
+              />
+            </div>
+            <div class="btnzText">全部导出</div>
+          </div>
+          <div class="btnz btnz3" @click="exportClick">
+            <div>
+              <img
+                  src="../../assets/images/coursewareManage/export1.png"
+                  alt=""
+              />
+            </div>
+            <div class="btnzText">导出</div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 以下为table表格 -->
+      <div class="tableBox">
+        <a-table
+            :columns="columns"
+            :data-source="tableData"
+            :loading="tableLoading"
+            :scroll="{ x: 700 }"
+            :pagination="false"
+            @expand="expandTable"
+            childrenColumnName="children"
+            :row-selection="{
+          selectedRowKeys: selectedRowKeys,
+          onChange: onSelectChange,
+        }"
+        >
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'courseType'">
+            <span>{{
+                record.courseType == "0"
+                    ? "在线"
+                    : record.courseType == "1"
+                        ? "面授"
+                        : record.courseType
+              }}</span>
+            </template>
+            <!-- 项目状态 -->
+            <template v-if="column.key === 'projectStatus'">
+            <span>{{
+                record.reportProjectOverview.length > 0
+                    ? "-"
+                    : record.status == "0"
+                        ? "-"
+                        : record.status == "1"
+                            ? "提交待审核"
+                            : record.status == "2"
+                                ? "审核通过"
+                                : record.status == "3"
+                                    ? "已经发布"
+                                    : record.status == "4"
+                                        ? "发布"
+                                        : record.status == "-1"
+                                            ? "已结束"
+                                            : record.status == "-2"
+                                                ? "删除"
+                                                : record.status == "-3"
+                                                    ? "撤回审核"
+                                                    : record.status == "-4"
+                                                        ? "撤回发布"
+                                                        : record.status == "-5"
+                                                            ? "拒绝"
+                                                            : record.status == "-6"
+                                                                ? "撤回已结束"
+                                                                : ""
+              }}</span>
+            </template>
+            <!-- 学习路径图状态 -->
+            <template v-if="column.key === 'boeRouterStatus'">
+            <span>{{
+                record.status == "0"
+                    ? "草稿"
+                    : record.status == "1"
+                        ? "已发布"
+                        : record.status == "-1"
+                            ? "已停用"
+                            : record.status == "2"
+                                ? "已撤回"
+                                : ""
+              }}</span>
+            </template>
+            <!-- 授课状态 -->
+            <template v-if="column.key === 'teachingStatus'">
+            <span>{{
+                record.status == "0"
+                    ? "未开始"
+                    : record.status == "1"
+                        ? "进行中"
+                        : record.status == "2"
+                            ? "已完成"
+                            : ""
+              }}</span>
+            </template>
+            <!-- 课程状态 -->
+            <template v-if="column.key === 'classStatus'">
+            <span>{{
+                record.publishStatus == "0"
+                    ? "未发布"
+                    : record.publishStatus == "1"
+                        ? "已发布"
+                        : ""
+              }}</span>
+            </template>
+            <!-- 考试状态 -->
+            <template v-if="column.key === 'examStatus'">
+            <span>{{
+                record.published == "0"
+                    ? "未发布"
+                    : record.published == "1"
+                        ? "已发布"
+                        : ""
+              }}</span>
+            </template>
+
+            <template v-if="column.key === 'publishTime'">
+              <a-tooltip placement="topRight">
+                <template #title>
+                <span>{{
+                    record.publishTime &&
+                    dayjs(record.publishTime).format("YYYY-MM-DD HH:mm:ss")
+                  }}</span>
+                </template>
+                <span>{{
+                    record.publishTime &&
+                    dayjs(record.publishTime).format("YYYY-MM-DD HH:mm:ss")
+                  }}</span>
+              </a-tooltip>
+            </template>
+            <template v-if="column.key === 'proTime'">
+              <a-tooltip placement="topRight">
+                <template #title>
+                <span
+                >{{
+                    record.beginTime &&
+                    dayjs(record.beginTime).format("YYYY-MM-DD HH:mm:ss")
+                  }}~{{
+                    record.endTime &&
+                    dayjs(record.endTime).format("YYYY-MM-DD HH:mm:ss")
+                  }}</span
+                >
+                </template>
+                <span
+                >{{
+                    record.beginTime &&
+                    dayjs(record.beginTime).format("YYYY-MM-DD HH:mm:ss")
+                  }}~{{
+                    record.endTime &&
+                    dayjs(record.endTime).format("YYYY-MM-DD HH:mm:ss")
+                  }}</span
+                >
+              </a-tooltip>
+            </template>
+            <template v-if="column.key === 'createTime'">
+              <a-tooltip placement="topRight">
+                <template #title>
+                <span>{{
+                    record.createTime &&
+                    dayjs(record.createTime).format("YYYY-MM-DD HH:mm:ss")
+                  }}</span>
+                </template>
+                <span>{{
+                    record.createTime &&
+                    dayjs(record.createTime).format("YYYY-MM-DD HH:mm:ss")
+                  }}</span>
+              </a-tooltip>
+            </template>
+            <template v-if="column.key === 'sysCreateTime'">
+              <a-tooltip placement="topRight">
+                <template #title>
+                <span>{{
+                    record.sysCreateTime &&
+                    dayjs(record.sysCreateTime).format("YYYY-MM-DD HH:mm:ss")
+                  }}</span>
+                </template>
+                <span>{{
+                    record.sysCreateTime &&
+                    dayjs(record.sysCreateTime).format("YYYY-MM-DD HH:mm:ss")
+                  }}</span>
+              </a-tooltip>
+            </template>
+          </template>
+        </a-table>
+        <div class="tableBox">
+          <div class="pa">
+            <a-pagination
+                v-if="tableDataTotal > 10"
+                :showSizeChanger="false"
+                showQuickJumper="true"
+                hideOnSinglePage="true"
+                :pageSize="pageSize"
+                v-model:current="pageNo"
+                :total="tableDataTotal"
+                class="pagination"
+                @change="changePagination"
+                rowKey="id"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import {onMounted, onUnmounted, reactive, ref} from 'vue';
+import * as echarts from 'echarts';
+import * as api from "../../api/indexOvervoew";
+import downLoad from "../../utils/downLoad";
+import axios from "axios";
+import dayjs from "dayjs";
+import {message} from "ant-design-vue";
+import Cookies from "vue-cookies";
+import {useStore} from "vuex";
+
+const name = "OvervoeW"
+
+const store = useStore();
+const state = reactive({
+  tableLoading: false, // table加载图标
+  tableDataTotal: 0, // 数据总条数
+  pageSize: 10, // 每页条数
+  pageNo: 1, //当前页码
+  currentTab: 0,
+  creator: "", //创建者
+  orgId: null, // 组织Id
+  name: "", //名称
+  selectedRowKeys: [], // 选中的列
+  option: [],
+  resetOrgId: [],
+  stdPositionDesr: null, // 标准岗位
+  qualsLevelDesr: "", //任职资格
+  allowClear: true,
+  type: null,
+  publishTime: [], // 创建时间
+});
+// 获取tab数据
+const getTabData = async () => {
+  console.log("getTabData 111111:", state.type);
+  console.log("getTabData 222222:", store.state.userInfo.roleList);
+  var manageFlag = false;
+  for (let i = 0; i < store.state.userInfo.roleList.length; i++) {
+    if (store.state.userInfo.roleList[i].roleCode == "system-admin") {
+      manageFlag = true;
+      break;
+    }
+  }
+  axios({
+    method: "post",
+    url: "/report/boeu/all/total",
+    // params: { manager: true },
+    data: {
+      manager: manageFlag,
+      name: state.name,
+      orgId: state.orgId ? state.orgId[state.orgId.length - 1] : null,
+      creator: state.creator,
+      startTime:
+          typeof state.publishTime[0] === "undefined"
+              ? null
+              : state.publishTime[0] + " 00:00:01",
+      endTime:
+          typeof state.publishTime[1] === "undefined"
+              ? null
+              : state.publishTime[1] + " 23:59:59",
+    },
+    headers: {
+      token: Cookies.get("token"),
+    },
+  }).then((res) => {
+    const list = [
+      {text: "项目", num: res.data.result?.projectTotal},
+      {text: "学习路径图", num: res.data.result?.routerTotal},
+      {text: "授课", num: res.data.result?.teachingTotal},
+      {text: "课程", num: res.data.result?.courseTotal},
+      {text: "考试", num: res.data.result?.examTotal},
+      {text: "案例", num: res.data.result?.caseTotal},
+      {text: "专业力", num: res.data.result?.growthTotal},
+    ];
+    tabData.value = list;
+  });
+};
+// 重置按钮
+const reset = async () => {
+  state.tableLoading = true;
+  state.creator = "";
+  state.publishTime = [];
+  state.name = "";
+  state.orgId = state.resetOrgId;
+  state.stdPositionDesr = null;
+  state.qualsLevelDesr = null;
+  getTableData();
+  getTabData();
+};
+//请求组织接口
+const getOrgList = async () => {
+  var manageFlag = false;
+  for (let i = 0; i < store.state.userInfo.roleList.length; i++) {
+    if (store.state.userInfo.roleList[i].roleCode == "system-admin") {
+      manageFlag = true;
+      break;
+    }
+  }
+  const res = await api.userGetUserOrg({});
+  if (res) {
+    if (manageFlag) {
+      state.option = [
+        {
+          orgName: "全部",
+          organizationId: null,
+          childList: res.data?.result.orgTreeList,
+        },
+      ];
+      state.orgId = [null, ...res.data?.result.treeNodeList];
+      state.resetOrgId = [null, ...res.data?.result.treeNodeList];
+    } else {
+      if (res.data?.result.orgTreeList != null) {
+        state.option = res.data?.result.orgTreeList;
+        state.orgId = res.data?.result.treeNodeList;
+        state.resetOrgId = res.data?.result.treeNodeList;
+      } else {
+        state.option = [
+          {
+            orgName: "无权限",
+            organizationId: "1",
+            childList: [],
+          },
+        ];
+        state.orgId = ["1"];
+        state.resetOrgId = ["1"];
+      }
+    }
+    state.type = res.data?.result?.userType;
+    res.data?.result?.userType === 1
+        ? (state.allowClear = true)
+        : (state.allowClear = false);
+    getTableData();
+    getTabData();
+  }
+};
+// 导出按钮
+const exportClick = async () => {
+  if (!state.selectedRowKeys?.length) {
+    return message.warning("请至少选择一条数据进行导出");
+  } else {
+    if (state.currentTab === 6) {
+      axios({
+        method: "get",
+        url: "/report/boeu/grow/export",
+        params: {ids: `${state.selectedRowKeys}`},
+        responseType: "blob",
+        headers: {
+          token: Cookies.get("token"),
+        },
+      }).then((res) => {
+        downLoad(res.data, "专业力必修.xlsx");
+      });
+    } else if (state.currentTab === 5) {
+      axios({
+        method: "get",
+        url: "/report/boeu/case/export",
+        params: {ids: `${state.selectedRowKeys}`},
+        responseType: "blob",
+        headers: {
+          token: Cookies.get("token"),
+        },
+      }).then((res) => {
+        downLoad(res.data, "案例.xlsx");
+      });
+    } else if (state.currentTab === 4) {
+      axios({
+        method: "get",
+        url: "/report/boeu/exam/export",
+        params: {ids: `${state.selectedRowKeys}`},
+        responseType: "blob",
+        headers: {
+          token: Cookies.get("token"),
+        },
+      }).then((res) => {
+        downLoad(res.data, "考试.xlsx");
+      });
+    } else if (state.currentTab === 3) {
+      axios({
+        method: "get",
+        url: "/report/boeu/course/export",
+        params: {ids: `${state.selectedRowKeys}`},
+        responseType: "blob",
+        headers: {
+          token: Cookies.get("token"),
+        },
+      }).then((res) => {
+        downLoad(res.data, "课程.xlsx");
+      });
+    } else if (state.currentTab === 2) {
+      axios({
+        method: "get",
+        url: "/report/boeu/teaching/export",
+        params: {ids: `${state.selectedRowKeys}`},
+        responseType: "blob",
+        headers: {
+          token: Cookies.get("token"),
+        },
+      }).then((res) => {
+        downLoad(res.data, "授课.xlsx");
+      });
+    } else if (state.currentTab === 1) {
+      axios({
+        method: "get",
+        url: "/report/boeu/router/export",
+        params: {ids: `${state.selectedRowKeys}`},
+        responseType: "blob",
+        headers: {
+          token: Cookies.get("token"),
+        },
+      }).then((res) => {
+        downLoad(res.data, "学习路径图.xlsx");
+      });
+    } else if (state.currentTab === 0) {
+      axios({
+        method: "get",
+        url: "/report/boeu/project/export",
+        params: {ids: `${state.selectedRowKeys}`},
+        responseType: "blob",
+        headers: {
+          token: Cookies.get("token"),
+        },
+      }).then((res) => {
+        downLoad(res.data, "项目.xlsx");
+      });
+    }
+  }
+};
+// 全部导出接口
+const exportClickAll = async () => {
+  if (state.currentTab === 6) {
+    axios({
+      method: "post",
+      url: "/report/boeu/grow/exportAll",
+      data: {
+        startTime:
+            typeof state.publishTime[0] === "undefined"
+                ? null
+                : state.publishTime[0] + " 00:00:01",
+        endTime:
+            typeof state.publishTime[1] === "undefined"
+                ? null
+                : state.publishTime[1] + " 23:59:59",
+        qualsLevelDesr: state.qualsLevelDesr,
+        stdPositionDesr: state.stdPositionDesr,
+        page: state.pageNo,
+        size: state.pageSize,
+      },
+      responseType: "blob",
+      headers: {
+        token: Cookies.get("token"),
+      },
+    }).then((res) => {
+      downLoad(res.data, "专业力必修.xlsx");
+    });
+  } else if (state.currentTab === 5) {
+    axios({
+      method: "post",
+      url: "/report/boeu/case/exportAll",
+      data: {
+        name: state.name,
+        orgId: state.orgId ? state.orgId[state.orgId.length - 1] : null,
+        createName: state.creator,
+        startTime:
+            typeof state.publishTime[0] === "undefined"
+                ? null
+                : state.publishTime[0] + " 00:00:01",
+        endTime:
+            typeof state.publishTime[1] === "undefined"
+                ? null
+                : state.publishTime[1] + " 23:59:59",
+      },
+      responseType: "blob",
+      headers: {
+        token: Cookies.get("token"),
+      },
+    }).then((res) => {
+      downLoad(res.data, "案例.xlsx");
+    });
+  } else if (state.currentTab === 4) {
+    axios({
+      method: "post",
+      url: "/report/boeu/exam/exportAll",
+      data: {
+        name: state.name,
+        orgId: state.orgId ? state.orgId[state.orgId.length - 1] : null,
+        createName: state.creator,
+        startTime:
+            typeof state.publishTime[0] === "undefined"
+                ? null
+                : state.publishTime[0] + " 00:00:01",
+        endTime:
+            typeof state.publishTime[1] === "undefined"
+                ? null
+                : state.publishTime[1] + " 23:59:59",
+      },
+      responseType: "blob",
+      headers: {
+        token: Cookies.get("token"),
+      },
+    }).then((res) => {
+      downLoad(res.data, "考试.xlsx");
+    });
+  } else if (state.currentTab === 3) {
+    axios({
+      method: "post",
+      url: "/report/boeu/course/exportAll",
+      data: {
+        name: state.name,
+        organizationId: state.orgId
+            ? state.orgId[state.orgId.length - 1]
+            : null,
+        createName: state.creator,
+        startTime:
+            typeof state.publishTime[0] === "undefined"
+                ? null
+                : state.publishTime[0] + " 00:00:01",
+        endTime:
+            typeof state.publishTime[1] === "undefined"
+                ? null
+                : state.publishTime[1] + " 23:59:59",
+      },
+      responseType: "blob",
+      headers: {
+        token: Cookies.get("token"),
+      },
+    }).then((res) => {
+      downLoad(res.data, "课程.xlsx");
+    });
+  } else if (state.currentTab === 2) {
+    axios({
+      method: "post",
+      url: "/report/boeu/teaching/exportAll",
+      data: {
+        name: state.name,
+        organizationId: state.orgId
+            ? state.orgId[state.orgId.length - 1]
+            : null,
+        createName: state.creator,
+        startTime:
+            typeof state.publishTime[0] === "undefined"
+                ? null
+                : state.publishTime[0] + " 00:00:01",
+        endTime:
+            typeof state.publishTime[1] === "undefined"
+                ? null
+                : state.publishTime[1] + " 23:59:59",
+      },
+      responseType: "blob",
+      headers: {
+        token: Cookies.get("token"),
+      },
+    }).then((res) => {
+      downLoad(res.data, "授课.xlsx");
+    });
+  } else if (state.currentTab === 1) {
+    axios({
+      method: "post",
+      url: "/report/boeu/router/exportAll",
+      data: {
+        name: state.name,
+        orgId: state.orgId ? state.orgId[state.orgId.length - 1] : null,
+        createName: state.creator,
+        startTime:
+            typeof state.publishTime[0] === "undefined"
+                ? null
+                : state.publishTime[0] + " 00:00:01",
+        endTime:
+            typeof state.publishTime[1] === "undefined"
+                ? null
+                : state.publishTime[1] + " 23:59:59",
+      },
+      responseType: "blob",
+      headers: {
+        token: Cookies.get("token"),
+      },
+    }).then((res) => {
+      downLoad(res.data, "学习路径图.xlsx");
+    });
+  } else if (state.currentTab === 0) {
+    axios({
+      method: "post",
+      url: "/report/boeu/project/exportAll",
+      data: {
+        name: state.name,
+        orgId: state.orgId ? state.orgId[state.orgId.length - 1] : null,
+        createName: state.creator,
+        startCreateTime:
+            typeof state.publishTime[0] === "undefined"
+                ? null
+                : state.publishTime[0] + " 00:00:01",
+        endCreateTime:
+            typeof state.publishTime[1] === "undefined"
+                ? null
+                : state.publishTime[1] + " 23:59:59",
+      },
+      responseType: "blob",
+      headers: {
+        token: Cookies.get("token"),
+      },
+    }).then((res) => {
+      downLoad(res.data, "项目.xlsx");
+    });
+  }
+};
+// table选中
+const onSelectChange = (selectedRowKeys) => {
+  state.selectedRowKeys = selectedRowKeys;
+};
+
+
+// 报告总览信息数据
+
+
+const getTableData = async () => {
+  state.tableLoading = true;
+  if (state.currentTab === 6) {
+    //专业力列表
+    const res = await api.boeuGrowthPlatePageList({
+      startTime:
+          typeof state.publishTime[0] === "undefined"
+              ? null
+              : state.publishTime[0] + " 00:00:01",
+      endTime:
+          typeof state.publishTime[1] === "undefined"
+              ? null
+              : state.publishTime[1] + " 23:59:59",
+      qualsLevelDesr: state.qualsLevelDesr,
+      stdPositionDesr: state.stdPositionDesr,
+      page: state.pageNo,
+      size: state.pageSize,
+    });
+    if (res) {
+      state.tableDataTotal = res.data.result.total;
+      const list = res.data.result.rows?.map((item) => {
+        return {
+          key: item.id,
+          ...item,
+        };
+      });
+      tableData.value = list;
+      state.tableLoading = false;
+    }
+  }
+  if (state.currentTab === 4) {
+    //考试列表
+    const res = await api.boeuExamPageList({
+      creator: state.creator,
+      startTime:
+          typeof state.publishTime[0] === "undefined"
+              ? null
+              : state.publishTime[0] + " 00:00:01",
+      endTime:
+          typeof state.publishTime[1] === "undefined"
+              ? null
+              : state.publishTime[1] + " 23:59:59",
+      orgId: state.orgId ? state.orgId[state.orgId.length - 1] : null,
+      testName: state.name,
+      page: state.pageNo,
+      size: state.pageSize,
+    });
+    if (res) {
+      state.tableDataTotal = res.data.result.total;
+      const list = res.data.result.rows?.map((item) => {
+        return {
+          key: item.id,
+          ...item,
+        };
+      });
+      tableData.value = list;
+      state.tableLoading = false;
+    }
+  } else if (state.currentTab === 5) {
+    //案例列表
+    const res = await api.boeuCasePageList({
+      author: state.creator,
+      startTime:
+          typeof state.publishTime[0] === "undefined"
+              ? null
+              : state.publishTime[0] + " 00:00:01",
+      endTime:
+          typeof state.publishTime[1] === "undefined"
+              ? null
+              : state.publishTime[1] + " 23:59:59",
+      orgId: state.orgId ? state.orgId[state.orgId.length - 1] : null,
+      title: state.name,
+      page: state.pageNo,
+      size: state.pageSize,
+    });
+    if (res) {
+      state.tableDataTotal = res.data.result.total;
+      const list = res.data.result.rows?.map((item) => {
+        return {
+          key: item.id,
+          ...item,
+        };
+      });
+      tableData.value = list;
+      state.tableLoading = false;
+    }
+  } else if (state.currentTab === 3) {
+    const res = await api.boeuCoursePageList({
+      page: state.pageNo,
+      size: state.pageSize,
+      name: state.name,
+      organizationId: state.orgId
+          ? state.orgId[state.orgId.length - 1]
+          : null,
+      createName: state.creator,
+      startTime:
+          typeof state.publishTime[0] === "undefined"
+              ? null
+              : state.publishTime[0] + " 00:00:01",
+      endTime:
+          typeof state.publishTime[1] === "undefined"
+              ? null
+              : state.publishTime[1] + " 23:59:59",
+    });
+    const list = res.data.result.rows.map((item) => {
+      return {
+        key: item.boeCourseId,
+        ...item,
+      };
+    });
+    tableData.value = list;
+    state.tableDataTotal = res.data.result.total;
+    state.tableLoading = false;
+  } else if (state.currentTab === 2) {
+    const res = await api.boeuTeachingPageList({
+      page: state.pageNo,
+      size: state.pageSize,
+      teachingName: state.name,
+      orgId: state.orgId ? state.orgId[state.orgId.length - 1] : null,
+      createName: state.creator,
+      startTime:
+          typeof state.publishTime[0] === "undefined"
+              ? null
+              : state.publishTime[0] + " 00:00:01",
+      endTime:
+          typeof state.publishTime[1] === "undefined"
+              ? null
+              : state.publishTime[1] + " 23:59:59",
+    });
+    const list = res.data.result.rows?.map((item) => {
+      return {
+        key: item.boeOffcoursePlanId,
+        ...item,
+      };
+    });
+    tableData.value = list;
+    state.tableDataTotal = res.data.result.total;
+    state.tableLoading = false;
+  } else if (state.currentTab === 1) {
+    const res = await api.boeuRoterPageList({
+      page: state.pageNo,
+      size: state.pageSize,
+      routerName: state.name,
+      orgId: state.orgId ? state.orgId[state.orgId.length - 1] : null,
+      createName: state.creator,
+      startTime:
+          typeof state.publishTime[0] === "undefined"
+              ? null
+              : state.publishTime[0] + " 00:00:01",
+      endTime:
+          typeof state.publishTime[1] === "undefined"
+              ? null
+              : state.publishTime[1] + " 23:59:59",
+    });
+    const list = res.data.result.rows?.map((item) => {
+      return {
+        key: item.boeRouterInfoId,
+        ...item,
+      };
+    });
+    tableData.value = list;
+    state.tableLoading = false;
+    state.tableDataTotal = res.data.result.total;
+  } else if (state.currentTab === 0) {
+    const res = await api.boeuProjectPageList({
+      page: state.pageNo,
+      size: state.pageSize,
+      orgId: state.orgId ? state.orgId[state.orgId.length - 1] : null,
+      createName: state.creator,
+      projectName: state.name,
+      startCreateTime:
+          typeof state.publishTime[0] === "undefined"
+              ? null
+              : state.publishTime[0] + " 00:00:01",
+      endCreateTime:
+          typeof state.publishTime[1] === "undefined"
+              ? null
+              : state.publishTime[1] + " 23:59:59",
+    });
+    if (res) {
+      const fun = (arr) => {
+        const list = arr.map((item) => {
+          let children;
+          if (item?.reportProjectOverview?.length) {
+            children = fun(item.reportProjectOverview);
+          }
+          return {
+            key: item.boeProjectInfoId,
+            children: children,
+            ...item,
+          };
+        });
+        return list;
+      };
+      tableData.value = fun(res.data.result.rows);
+      state.tableDataTotal = res.data.result.total;
+      state.tableLoading = false;
+    }
+  }
+};
+const searchClick = () => {
+  state.pageNo = 1;
+  state.pageSize = 10;
+  state.tableDataTotal = 0;
+  getTableData();
+  getTabData();
+};
+// cloumns 表头
+const columns = ref([
+  {
+    title: "名称",
+    dataIndex: "projectName",
+    key: "projectName",
+    width: 120,
+    ellipsis: true,
+    align: "left",
+    fixed: "left",
+  },
+  {
+    title: "归属组织",
+    dataIndex: "sourceBelongName",
+    ellipsis: true,
+    key: "sourceBelongName",
+    width: 120,
+    align: "center",
+    fixed: "left",
+  },
+  {
+    title: "分类",
+    dataIndex: "trainingType",
+    ellipsis: true,
+    key: "trainingType",
+    width: 120,
+    align: "center",
+    fixed: "left",
+  },
+  {
+    title: "阶段总数",
+    dataIndex: "stageTotal",
+    ellipsis: true,
+    key: "stageTotal",
+    width: 120,
+    align: "center",
+  },
+  {
+    title: "任务总数",
+    dataIndex: "taskTotal",
+    ellipsis: true,
+    key: "taskTotal",
+    width: 120,
+    align: "center",
+  },
+  {
+    title: "学习人数",
+    dataIndex: "startLearnerTotal",
+    ellipsis: true,
+    key: "startLearnerTotal",
+    width: 120,
+    align: "center",
+  },
+  {
+    title: "参与人数",
+    dataIndex: "participantsTotal",
+    ellipsis: true,
+    key: "participantsTotal",
+    width: 120,
+    align: "center",
+  },
+  {
+    title: "完成人数",
+    dataIndex: "peopleCompletedTotal",
+    ellipsis: true,
+    key: "peopleCompletedTotal",
+    width: 120,
+    align: "center",
+  },
+  {
+    title: "项目时间",
+    dataIndex: "proTime",
+    ellipsis: true,
+    key: "proTime",
+    width: 120,
+    align: "center",
+  },
+  {
+    title: "发布时间",
+    dataIndex: "publishTime",
+    ellipsis: true,
+    key: "publishTime",
+    width: 120,
+    align: "center",
+  },
+  {
+    title: "状态",
+    dataIndex: "status",
+    ellipsis: true,
+    key: "projectStatus",
+    width: 120,
+    align: "center",
+  },
+  {
+    title: "创建人",
+    dataIndex: "createName",
+    ellipsis: true,
+    key: "manager",
+    width: 120,
+    align: "center",
+  },
+]);
+
+// 选择展示的列表
+const tabData = ref([
+  {text: "项目", num: "2"},
+  {text: "学习路径图", num: "6"},
+  {text: "授课", num: "8"},
+  {text: "课程", num: "11"},
+  {text: "考试", num: "10"},
+  {text: "案例", num: "10"},
+  {text: "专业力必修", num: "10"},
+]);
+const tabClick = (index) => {
+  state.selectedRowKeys = [];
+  state.currentTab = index;
+  state.pageNo = 1;
+  state.pageSize = 10;
+  state.tableDataTotal = 0;
+  tableData.value = [];
+  if (index === 0) {
+    columns.value = [
+      {
+        title: "项目名称",
+        dataIndex: "projectName",
+        key: "projectName",
+        width: 120,
+        ellipsis: true,
+        align: "left",
+        fixed: "left",
+      },
+      {
+        title: "归属组织",
+        dataIndex: "sourceBelongName",
+        ellipsis: true,
+        key: "sourceBelongName",
+        width: 120,
+        align: "center",
+        fixed: "left",
+      },
+      {
+        title: "项目分类",
+        dataIndex: "trainingType",
+        ellipsis: true,
+        key: "trainingType",
+        width: 120,
+        align: "center",
+        fixed: "left",
+      },
+      {
+        title: "阶段总数",
+        dataIndex: "stageTotal",
+        ellipsis: true,
+        key: "stageTotal",
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "任务总数",
+        dataIndex: "taskTotal",
+        ellipsis: true,
+        key: "taskTotal",
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "学习人数",
+        dataIndex: "startLearnerTotal",
+        ellipsis: true,
+        key: "startLearnerTotal",
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "参与人数",
+        dataIndex: "participantsTotal",
+        ellipsis: true,
+        key: "participantsTotal",
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "参与率",
+        dataIndex: "participantsRate",
+        ellipsis: true,
+        key: "participantsRate",
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "完成人数",
+        dataIndex: "peopleCompletedTotal",
+        ellipsis: true,
+        key: "peopleCompletedTotal",
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "完成率",
+        dataIndex: "completedRate",
+        ellipsis: true,
+        key: "completedRate",
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "项目时间",
+        dataIndex: "proTime",
+        ellipsis: true,
+        key: "proTime",
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "创建时间",
+        dataIndex: "createTime",
+        ellipsis: true,
+        key: "createTime",
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "发布时间",
+        dataIndex: "publishTime",
+        ellipsis: true,
+        key: "publishTime",
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "状态",
+        dataIndex: "status",
+        ellipsis: true,
+        key: "projectStatus",
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "创建人",
+        dataIndex: "createName",
+        ellipsis: true,
+        key: "manager",
+        width: 120,
+        align: "center",
+      },
+    ];
+  } else if (index === 4) {
+    columns.value = [
+      {
+        title: "考试名称",
+        dataIndex: "testName",
+        key: "id",
+        width: 120,
+        ellipsis: true,
+        align: "left",
+        fixed: "left",
+      },
+      {
+        title: "归属组织",
+        dataIndex: "resOwner",
+        ellipsis: true,
+
+        width: 120,
+        align: "center",
+        fixed: "left",
+      },
+      {
+        title: "题量",
+        dataIndex: "numOfQuest",
+        ellipsis: true,
+
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "考试人数",
+        dataIndex: "numOfAnswer",
+        ellipsis: true,
+
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "参加人数",
+        dataIndex: "totalNumber",
+        ellipsis: true,
+
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "参与率",
+        dataIndex: "answerRate",
+        ellipsis: true,
+
+        width: 120,
+        align: "center",
+      },
+
+      {
+        title: "通过人数",
+        dataIndex: "numOfPass",
+        ellipsis: true,
+
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "通过率",
+        dataIndex: "passRate",
+        ellipsis: true,
+
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "创建时间",
+        dataIndex: "createTime",
+        ellipsis: true,
+        key: "createTime",
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "发布时间",
+        dataIndex: "publishTime",
+        ellipsis: true,
+        key: "publishTime",
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "状态",
+        dataIndex: "examStatus",
+        ellipsis: true,
+        key: "examStatus",
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "创建人",
+        dataIndex: "creator",
+        ellipsis: true,
+
+        width: 120,
+        align: "center",
+      },
+    ];
+  } else if (index === 5) {
+    columns.value = [
+      {
+        title: "案例名称",
+        dataIndex: "title",
+        ellipsis: true,
+      },
+      {
+        title: "归属组织",
+        dataIndex: "orgDomain",
+        ellipsis: true,
+        align: "center",
+      },
+      // {
+      //   title: "案例分类",
+      //   dataIndex: "majorType",
+      //   ellipsis: true,
+      //   align: "center",
+      // },
+      {
+        title: "专业分类",
+        dataIndex: "majorType",
+        ellipsis: true,
+        align: "center",
+      },
+      {
+        title: "浏览数",
+        dataIndex: "views",
+        ellipsis: true,
+        align: "center",
+      },
+      {
+        title: "点赞数",
+        dataIndex: "praises",
+        ellipsis: true,
+        align: "center",
+      },
+      {
+        title: "评论数",
+        dataIndex: "comments",
+        ellipsis: true,
+        align: "center",
+      },
+      {
+        title: "收藏数",
+        dataIndex: "favorites",
+        ellipsis: true,
+        align: "center",
+      },
+      {
+        title: "创建时间",
+        dataIndex: "sysCreateTime",
+        key: "sysCreateTime",
+        ellipsis: true,
+        align: "center",
+      },
+      // {
+      //   title: "创建人/作者",
+      //   dataIndex: "authorName",
+      //   ellipsis: true,
+      //   align: "center",
+      // },
+    ];
+  } else if (index === 3) {
+    columns.value = [
+      {
+        title: "课程名称",
+        dataIndex: "name",
+        key: "name",
+        width: 120,
+        ellipsis: true,
+        align: "left",
+        fixed: "left",
+      },
+      {
+        title: "归属组织",
+        dataIndex: "organizationName",
+        ellipsis: true,
+        key: "organizationName",
+        width: 120,
+        align: "center",
+        fixed: "left",
+      },
+      {
+        title: "课程分类",
+        dataIndex: "type",
+        ellipsis: true,
+        key: "type",
+        width: 120,
+        align: "center",
+        fixed: "left",
+      },
+      {
+        title: "类型",
+        dataIndex: "courseType",
+        ellipsis: true,
+        key: "courseType",
+        width: 120,
+        align: "center",
+        fixed: "left",
+      },
+      {
+        title: "授课教师",
+        dataIndex: "teacher",
+        ellipsis: true,
+        key: "teacher",
+        width: 120,
+        align: "center",
+        fixed: "left",
+      },
+      {
+        title: "课程评分",
+        dataIndex: "score",
+        ellipsis: true,
+        key: "score",
+        width: 120,
+        align: "center",
+        fixed: "left",
+      },
+      {
+        title: "开课次数",
+        dataIndex: "classTotal",
+        ellipsis: true,
+        key: "classTotal",
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "浏览次数",
+        dataIndex: "viewTotal",
+        ellipsis: true,
+        key: "viewTotal",
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "学习人数",
+        dataIndex: "learnerNumber",
+        ellipsis: true,
+        key: "learnerNumber",
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "学习时长",
+        dataIndex: "studyTime",
+        ellipsis: true,
+        key: "studyTime",
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "完成人数",
+        dataIndex: "completionNumber",
+        ellipsis: true,
+        key: "completionNumber",
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "完成率",
+        dataIndex: "completedRate",
+        ellipsis: true,
+        key: "completedRate",
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "评论数",
+        dataIndex: "commentTotal",
+        ellipsis: true,
+        key: "commentTotal",
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "创建时间",
+        dataIndex: "createTime",
+        ellipsis: true,
+        key: "createTime",
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "发布时间",
+        dataIndex: "publishTime",
+        ellipsis: true,
+        key: "publishTime",
+        width: 120,
+        align: "center",
+      },
+      // {
+      //   title: "状态",
+      //   dataIndex: "publishStatus",
+      //   ellipsis: true,
+      //   key: "publishStatus",
+      //   width: 120,
+      //   align: "center",
+      // },
+      {
+        title: "启用状态",
+        dataIndex: "enabled",
+        ellipsis: true,
+        key: "enabled",
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "创建人",
+        dataIndex: "createName",
+        ellipsis: true,
+        key: "createName",
+        width: 120,
+        align: "center",
+      },
+    ];
+  } else if (index === 2) {
+    columns.value = [
+      {
+        title: "课程名称",
+        dataIndex: "name",
+        key: "name",
+        width: 120,
+        ellipsis: true,
+        align: "left",
+        fixed: "left",
+      },
+      {
+        title: "归属组织",
+        dataIndex: "organizationName",
+        ellipsis: true,
+        key: "age",
+        width: 120,
+        align: "center",
+        fixed: "left",
+      },
+      {
+        title: "课程分类",
+        dataIndex: "typeName",
+        ellipsis: true,
+        key: "typeName",
+        width: 120,
+        align: "center",
+        fixed: "left",
+      },
+      {
+        title: "授课时长（分钟）",
+        dataIndex: "teachingLength",
+        ellipsis: true,
+        key: "teachingLength",
+        width: 150,
+        align: "center",
+      },
+      {
+        title: "授课人数",
+        dataIndex: "number",
+        ellipsis: true,
+        key: "number",
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "课程评分",
+        dataIndex: "score",
+        ellipsis: true,
+        key: "score",
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "创建时间",
+        dataIndex: "createTime",
+        ellipsis: true,
+        key: "createTime",
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "授课时间",
+        dataIndex: "teachingTime",
+        ellipsis: true,
+        key: "teachingTime",
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "状态",
+        dataIndex: "status",
+        ellipsis: true,
+        key: "teachingStatus",
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "创建人",
+        dataIndex: "createName",
+        ellipsis: true,
+        key: "createName",
+        width: 120,
+        align: "center",
+      },
+      // {
+      //   title: "授课教师",
+      //   dataIndex: "teacher",
+      //   ellipsis: true,
+      //   key: "teacher",
+      //   width: 120,
+      //   align: "center",
+      // },
+    ];
+  } else if (index === 1) {
+    columns.value = [
+      {
+        title: "路径图名称",
+        dataIndex: "boeRouterInfoName",
+        key: "boeRouterInfoName",
+        width: 120,
+        ellipsis: true,
+        align: "left",
+        fixed: "left",
+      },
+      {
+        title: "归属组织",
+        dataIndex: "organizationName",
+        ellipsis: true,
+        key: "organizationName",
+        width: 120,
+        align: "center",
+        fixed: "left",
+      },
+      {
+        title: "关卡总数",
+        dataIndex: "levelTotal",
+        ellipsis: true,
+        key: "levelTotal",
+        width: 120,
+        align: "center",
+        fixed: "left",
+      },
+      {
+        title: "任务总数",
+        dataIndex: "taskTotal",
+        ellipsis: true,
+        key: "taskTotal",
+        width: 120,
+        align: "center",
+        fixed: "left",
+      },
+      {
+        title: "参与人数",
+        dataIndex: "participantsTotal",
+        ellipsis: true,
+        key: "participantsTotal",
+        width: 120,
+        align: "center",
+        fixed: "left",
+      },
+      {
+        title: "学习人数",
+        dataIndex: "learnerNumber",
+        ellipsis: true,
+        key: "learnerNumber",
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "参与率",
+        dataIndex: "participantsRate",
+        ellipsis: true,
+        key: "participantsRate",
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "完成人数",
+        dataIndex: "completionNumber",
+        ellipsis: true,
+        key: "completionNumber",
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "完成率",
+        dataIndex: "completedRate",
+        ellipsis: true,
+        key: "completedRate",
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "创建时间",
+        dataIndex: "createTime",
+        ellipsis: true,
+        key: "createTime",
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "发布时间",
+        dataIndex: "publishTime",
+        ellipsis: true,
+        key: "publishTime",
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "状态",
+        dataIndex: "status",
+        ellipsis: true,
+        key: "boeRouterStatus",
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "创建人",
+        dataIndex: "createName",
+        ellipsis: true,
+        key: "createName",
+        width: 120,
+        align: "center",
+      },
+    ];
+  } else if (index === 6) {
+    columns.value = [
+      // {
+      //   title: "专业力必修",
+      //   dataIndex: "growthName",
+      //   key: "growthName",
+      //   width: 200,
+      //   ellipsis: true,
+      //   align: "center",
+      //   fixed: "left",
+      // },
+      {
+        title: "标准岗位名称",
+        dataIndex: "stdPositionDesr",
+        ellipsis: true,
+        key: "stdPositionDesr",
+        width: 120,
+        align: "center",
+        fixed: "left",
+      },
+      {
+        title: "任职资格等级名称",
+        dataIndex: "qualsLevelDesr",
+        ellipsis: true,
+        key: "qualsLevelDesr",
+        width: 120,
+        align: "center",
+        fixed: "left",
+      },
+      {
+        title: "任务数量",
+        dataIndex: "taskNum",
+        ellipsis: true,
+        key: "taskNum",
+        width: 120,
+        align: "center",
+        fixed: "left",
+      },
+      {
+        title: "必修数",
+        dataIndex: "requiredNum",
+        ellipsis: true,
+        key: "requiredNum",
+        width: 120,
+        align: "center",
+        fixed: "left",
+      },
+      {
+        title: "选修数",
+        dataIndex: "electivesNum",
+        ellipsis: true,
+        key: "electivesNum",
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "学习人数",
+        dataIndex: "learnerNum",
+        ellipsis: true,
+        key: "learnerNum",
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "完成人数",
+        dataIndex: "completedNum",
+        ellipsis: true,
+        key: "completedNum",
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "发布时间",
+        dataIndex: "publishedTime",
+        ellipsis: true,
+        key: "publishedTime",
+        width: 120,
+        align: "center",
+      },
+      {
+        title: "状态",
+        dataIndex: "publishedStatus",
+        ellipsis: true,
+        key: "publishedStatus",
+        width: 120,
+        align: "center",
+        customRender: ({record: {publishedStatus}}) =>
+            ({
+              1: "已发布",
+              0: "未发布",
+            }[publishedStatus]),
+      },
+    ];
+  }
+  getTableData();
+};
+
+//table 分页事件
+const changePagination = (page) => {
+  state.selectedRowKeys = [];
+  state.pageNo = page;
+  getTableData();
+};
+columns展开事件
+const expandTable = (e, a) => {
+  console.log("e", e, a);
+};
+
+// 组织树数据
+const orgId = ref(null);
+
+// 漏斗图数据
+const funnelChart = ref(null);
+let myFunnelChart = null;
+
+// 柱状图数据
+const chart = ref(null);
+let myChart = null;
+
+// 饼状图数据
+const pieChart = ref(null);
+let myPieChart = null;
+
+onMounted(() => {
+  // 初始化漏斗图
+  myFunnelChart = echarts.init(funnelChart.value);
+  const funnelOption = {
+    tooltip: {
+      trigger: 'item',
+      formatter: '{b}: {c} 人 ({d}%)'
+    },
+    legend: {
+      orient: 'horizontal',
+      bottom: 0,
+      data: ['参加人数', '学习人数', '完成人数']
+    },
+    series: [
+      {
+        name: '学员完成项目漏斗',
+        type: 'funnel',
+        left: '10%',
+        top: '50%',
+        bottom: '5%',
+        width: '80%',
+        min: 0,
+        max: 100,
+        minSize: '0%',
+        maxSize: '100%',
+        sort: 'descending',
+        gap: 2,
+        label: {
+          show: true,
+          position: 'inside',
+          formatter: '{b}: {c} 人'
+        },
+        labelLine: {
+          length: 10,
+          lineStyle: {
+            width: 1,
+            type: 'solid'
+          }
+        },
+        itemStyle: {
+          borderColor: '#fff',
+          borderWidth: 1
+        },
+        emphasis: {
+          label: {
+            fontSize: 14
+          }
+        },
+        data: [
+          {value: 100, name: '参加人数', itemStyle: {color: '#5470c6'}},
+          {value: 50, name: '学习人数', itemStyle: {color: '#91cc75'}},
+          {value: 20, name: '完成人数', itemStyle: {color: '#fac858'}}
+        ]
+      }
+    ]
+  };
+  myFunnelChart.setOption(funnelOption);
+
+  // 初始化柱状图
+  myChart = echarts.init(chart.value);
+
+  const option = {
+    tooltip: {
+      trigger: 'axis',
+      axisPointer: {
+        type: 'shadow'
+      }
+    },
+    legend: {
+      data: ['学习率', '平均学习率', '整体完成率'],
+      bottom: 0
+    },
+    grid: {
+      left: '3%',
+      right: '4%',
+      bottom: '10%',
+      top: '15%',
+      containLabel: true
+    },
+    xAxis: {
+      type: 'category',
+      data: ['0.8']
+    },
+    yAxis: {
+      type: 'value',
+      min: 0.4,
+      max: 0.9,
+      interval: 0.025,
+      axisLabel: {
+        formatter: '{value}'
+      }
+    },
+    series: [
+      {
+        name: '学习率',
+        type: 'bar',
+        data: [0.775],
+        itemStyle: {
+          color: '#5470c6'
+        },
+        label: {
+          show: true,
+          position: 'top',
+          formatter: '{c}'
+        }
+      },
+      {
+        name: '平均学习率',
+        type: 'bar',
+        data: [0.65],
+        itemStyle: {
+          color: '#91cc75'
+        },
+        label: {
+          show: true,
+          position: 'top',
+          formatter: '{c}'
+        }
+      },
+      {
+        name: '整体完成率',
+        type: 'bar',
+        data: [0.5],
+        itemStyle: {
+          color: '#fac858'
+        },
+        label: {
+          show: true,
+          position: 'top',
+          formatter: '{c}'
+        }
+      }
+    ]
+  };
+
+  myChart.setOption(option);
+
+  // 初始化环形图
+  myPieChart = echarts.init(pieChart.value);
+  const pieOption = {
+    tooltip: {
+      trigger: 'item',
+      formatter: '{a} <br/>{b}: {c} ({d}%)'
+    },
+    legend: {
+      orient: 'horizontal',
+      bottom: 0,
+      data: ['面授课程数', '在线课程数']
+    },
+    series: [
+      {
+        name: '项目概览',
+        type: 'pie',
+        radius: ['40%', '70%'],
+        center: ['50%', '50%'],
+        avoidLabelOverlap: false,
+        label: {
+          show: false,
+          position: 'center'
+        },
+        emphasis: {
+          label: {
+            show: true,
+            fontSize: '18',
+            fontWeight: 'bold'
+          }
+        },
+        labelLine: {
+          show: false
+        },
+        data: [
+          {value: 707.1, name: '面授课程数', itemStyle: {color: '#5470c6'}},
+          {value: 292.9, name: '在线课程数', itemStyle: {color: '#91cc75'}}
+        ]
+      }
+    ]
+  };
+
+  // 添加环形图中心文本
+  const centerText = {
+    name: '概览总数',
+    value: 1028,
+    itemStyle: {
+      normal: {
+        color: 'transparent',
+        label: {
+          show: true,
+          position: 'center',
+          formatter: function () {
+            return '{a|概览总数}\n{b|1,028}';
+          },
+          rich: {
+            a: {
+              color: '#333',
+              fontSize: 14,
+              lineHeight: 20
+            },
+            b: {
+              color: '#333',
+              fontSize: 16,
+              fontWeight: 'bold',
+              lineHeight: 20
+            }
+          }
+        }
+      }
+    }
+  };
+  pieOption.series[0].data.push(centerText);
+
+  myPieChart.setOption(pieOption);
+
+  // 窗口大小变化时重新调整图表大小
+  window.addEventListener('resize', () => {
+    myChart?.resize();
+    myPieChart?.resize();
+    myFunnelChart?.resize();
+  });
+});
+
+onUnmounted(() => {
+  // 组件销毁前移除事件监听器
+  window.removeEventListener('resize', () => {
+  });
+});
+// 图表数据
+const completionData = ref([
+  {type: '参与人数', value: 0.9},
+  {type: '学习人数', value: 0.8}
+])
+
+const projectOverviewData = ref([
+  {type: '面授课程数', value: 70.71},
+  {type: '在线课程数', value: 29.29}
+])
+
+// 表格列配置
+const tableColumns = [
+  {
+    title: '状态',
+    dataIndex: 'status',
+    key: 'status',
+    scopedSlots: {customRender: 'customRender'}
+  },
+  {
+    title: '项目名称',
+    dataIndex: 'name',
+    key: 'name'
+  },
+  {
+    title: '归属组织',
+    dataIndex: 'org',
+    key: 'org'
+  },
+  {
+    title: '分类',
+    dataIndex: 'category',
+    key: 'category'
+  },
+  {
+    title: '项目经理',
+    dataIndex: 'manager',
+    key: 'manager'
+  },
+  {
+    title: '总人数',
+    dataIndex: 'total',
+    key: 'total'
+  },
+  {
+    title: '学习人数',
+    dataIndex: 'learning',
+    key: 'learning'
+  },
+  {
+    title: '完成人数',
+    dataIndex: 'completed',
+    key: 'completed'
+  },
+  {
+    title: '开班名称',
+    dataIndex: 'class',
+    key: 'class'
+  }
+]
+
+// 表格数据
+const tableData = [
+  {
+    id: 1,
+    name: '家电学习',
+    org: '',
+    category: '',
+    manager: '林子涵',
+    total: 135,
+    learning: 135,
+    completed: 135,
+    status: '已发布'
+  },
+  {
+    id: 2,
+    name: '知识培训',
+    org: '华灿',
+    category: 'BOEY',
+    manager: '林子涵',
+    total: 135,
+    learning: 135,
+    completed: 135,
+    status: '已发布'
+  },
+  {
+    id: 3,
+    name: '知识培训',
+    org: '华灿',
+    category: 'BOEY',
+    manager: '杨皓宇',
+    total: 135,
+    learning: 135,
+    completed: 135,
+    status: '待发布'
+  },
+  {
+    id: 4,
+    name: '知识培训',
+    org: '华灿',
+    category: 'BOEY',
+    manager: '赵浩然',
+    total: 135,
+    learning: 135,
+    completed: 135,
+    status: '发布失败'
+  }
+]
+
+// 更多响应式数据
+const search = ref('')
+const creator = ref('')
+const dateRange = ref([])
+const currentPage = ref(1)
+const pageSize = ref('10')
+
+// 表格行样式
+const rowClassName = ({index}) => {
+  return index % 2 === 0 ? 'table-row-even' : 'table-row-odd'
+}
+
+// 分页大小变更处理
+const handlePageSizeChange = (value) => {
+  pageSize.value = value
+  currentPage.value = 1
+}
+</script>
+
+<style scoped lang="scss">
+.overvoew {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+
+  .filterShow {
+    margin-left: 38px;
+    margin-right: 20px;
+    margin-top: 30px;
+    display: flex;
+    flex-wrap: wrap;
+
+    .select {
+      margin-right: 20px;
+      margin-bottom: 20px;
+      width: calc((100% - 76px - 220px) / 3);
+    }
+
+    .btnz {
+      padding: 0px 26px 0px 26px;
+      height: 38px;
+      background: rgba(64, 158, 255, 0);
+      border-radius: 8px;
+      border: 1px solid rgba(64, 158, 255, 1);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-right: 14px;
+      flex-shrink: 0;
+      cursor: pointer;
+
+      .search {
+        background-size: 100%;
+      }
+
+      .btnzText {
+        font-size: 14px;
+        font-weight: 400;
+        color: rgba(64, 158, 255, 1);
+        line-height: 36px;
+        margin-left: 5px;
+      }
+    }
+
+    .btnzx {
+      padding: 0px 26px 0px 26px;
+      height: 38px;
+      background: #4ea6ff;
+      border-radius: 8px;
+      border: 1px solid rgba(64, 158, 255, 1);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-right: 14px;
+      flex-shrink: 0;
+      cursor: pointer;
+
+      .search {
+        background-size: 100%;
+      }
+
+      .btnzText {
+        font-size: 14px;
+        font-weight: 400;
+        color: #ffffff;
+        line-height: 36px;
+        margin-left: 5px;
+      }
+    }
+
+    .btnzx1 {
+      .search {
+        width: 15px;
+        height: 17px;
+        background-image: url("../../assets/images/courseManage/search0.png");
+      }
+    }
+
+    .btnzx2 {
+      margin-right: 0px !important;
+      background: #4ea6ff;
+
+      .search {
+        width: 16px;
+        height: 18px;
+
+        background-image: url("../../assets/images/courseManage/reset0.png");
+      }
+
+      .btnzText {
+        color: white;
+      }
+    }
+
+    .btnzx1:hover {
+      background: rgba(64, 158, 255, 0.76);
+
+      .search {
+        background-image: url("../../assets/images/courseManage/search0.png");
+      }
+
+      .btnzText {
+        color: #ffffff;
+      }
+    }
+
+    .btnzx2:hover {
+      background: rgba(64, 158, 255, 0.76);
+
+      .search {
+        background-image: url("../../assets/images/courseManage/reset0.png");
+      }
+
+      .btnzText {
+        color: #ffffff;
+      }
+    }
+
+    .btnzx1:active,
+    .btnzx2:active {
+      background: #0982ff;
+    }
+
+    // .btnzx2:hover {
+    //   background: rgba(64, 158, 255, 0.1);
+    // }
+
+    // .btnzx2:active {
+    //   background: rgba(64, 158, 255, 0.2);
+    // }
+  }
+
+  .tabbtnz {
+    width: 100%;
+    height: 40px;
+    display: flex;
+    justify-content: space-between;
+
+    .tab {
+      margin-left: 38px;
+      display: flex;
+      background: #ecf5ff;
+      height: 40px;
+      line-height: 40px;
+      border-radius: 8px;
+
+      .tabItem {
+        box-sizing: border-box;
+        padding: 0 18px;
+        cursor: pointer;
+      }
+
+      .tabActive {
+        box-sizing: border-box;
+        padding: 0 18px;
+        background: #387df7;
+        color: white;
+        border-radius: 8px;
+        cursor: pointer;
+      }
+    }
+
+    .btnzs {
+      display: flex;
+      margin-right: 38px;
+      // flex-wrap: wrap;
+      .btnz {
+        padding: 0px 26px 0px 26px;
+        height: 38px;
+        background: white;
+        border-radius: 8px;
+        border: 1px solid rgba(64, 158, 255, 1);
+        display: flex;
+        align-items: center;
+        cursor: pointer;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+
+        .search {
+          background-size: 100%;
+        }
+
+        .btnzText {
+          font-size: 14px;
+          font-weight: 400;
+          color: #4ea6ff;
+          line-height: 36px;
+          margin-left: 5px;
+        }
+      }
+
+      .btnz3 {
+        margin-right: 0px;
+        background: #4ea6ff;
+
+        .search {
+          width: 17px;
+          height: 18px;
+          background-image: url("../../assets/images/courseManage/add0.png");
+        }
+
+        .btnzText {
+          color: #ffffff;
+        }
+      }
+
+      .btnz3:hover {
+        // background: rgba(64, 158, 255, 0.76);
+        background: rgba(64, 158, 255, 0.76);
+      }
+    }
+  }
+
+  .tableBox {
+    margin: 20px 38px 30px;
+
+    .ant-table-thead > tr > th {
+      background-color: #eff4fc;
+    }
+  }
+
+  .tableBox {
+    padding-bottom: 20px;
+
+    .pa {
+      // position: absolute;
+      // bottom: 20px;
+      // left: 0;
+      width: 100%;
+      // height: 20px;
+      // background-color: red;
+      display: flex;
+      justify-content: center;
+      // margin-bottom: 10px;
+      // position: absolute;
+      // bottom: -40px;
+    }
+  }
+}
+
+.dashboard-container {
+  padding: 20px;
+}
+
+.stat-cards {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 20px;
+
+  .stat-card {
+    flex: 1;
+    margin-right: 15px;
+    border-radius: 4px;
+    overflow: hidden;
+    background: #fff;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
+
+    :deep(.ant-card-head) {
+      padding: 16px 24px;
+      border-bottom: none;
+    }
+
+    :deep(.ant-card-body) {
+      padding: 16px 24px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+  }
+}
+
+.charts-row {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 20px;
+  flex-wrap: wrap;
+
+  .chart-card {
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+    border-radius: 4px;
+    overflow: hidden;
+    flex: 1;
+    min-width: 200px;
+    margin-right: 15px;
+    margin-bottom: 15px;
+    background: #fff;
+
+    :deep(.ant-card-head) {
+      padding: 16px 24px;
+      border-bottom: none;
+    }
+
+    .chart {
+      height: 200px;
+    }
+
+    .chart-content {
+      padding: 16px 24px;
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+      margin-bottom: 16px;
+    }
+
+    .funnel-item {
+      display: flex;
+      justify-content: flex-start;
+      padding: 5px 0;
+    }
+
+    .funnel-label {
+      background: rgba(0, 0, 0, 0.05);
+      padding: 5px 10px;
+      border-radius: 4px;
+      font-size: 14px;
+      display: flex;
+      align-items: center;
+    }
+
+    .legend {
+      display: flex;
+      justify-content: center;
+      gap: 20px;
+      padding: 16px;
+      margin-top: auto;
+    }
+
+    .legend-item {
+      font-size: 12px;
+      color: #666;
+    }
+
+    .center-text {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      font-size: 20px;
+      font-weight: bold;
+    }
+  }
+
+  .tags-cloud {
+    padding: 16px 24px;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;
+
+    .tag {
+      padding: 5px 10px;
+      background: #f0faff;
+      border-radius: 20px;
+      font-size: 14px;
+      cursor: pointer;
+    }
+  }
+}
+
+.filter-bar {
+  display: flex;
+  align-items: center;
+  margin-bottom: 20px;
+
+  :deep(.ant-input), :deep(.ant-select), :deep(.ant-calendar-picker) {
+    margin-right: 10px;
+  }
+}
+
+.table-container {
+  background: #fff;
+  border-radius: 4px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
+  overflow: hidden;
+
+  .table-header {
+    display: flex;
+    justify-content: space-between;
+    padding: 16px 24px;
+    border-bottom: 1px solid #f0f0f0;
+  }
+
+  :deep(.ant-table) {
+    .table-row-even {
+      background-color: #fafafa;
+    }
+  }
+
+  .pagination {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 16px 24px;
+    border-top: 1px solid #f0f0f0;
+
+    .total {
+      font-size: 14px;
+      color: #666;
+    }
+  }
+}
+
+:deep(.ant-card:last-child) {
+  margin-right: 0;
+}
+
+:deep(.ant-statistic-content) {
+  font-size: 24px;
+}
+
+:deep(.ant-card-head-title) {
+  display: flex;
+  align-items: center;
+
+  .anticon {
+    margin-left: 8px;
+    color: #1890ff;
+  }
+}
+</style>