cloud-web-corejs 1.0.54-dev.756 → 1.0.54-dev.759

package/src/views/user/home/default2.vue

@@ -1,1158 +1,1158 @@
-<template>
-  <div class="workbenches">
-    <div class="workbenches-head">
-      <span class="f-blue">{{ $t1("欢迎您") }}</span>
-
-      <el-link
-        class="fr"
-        icon="iconfont icon-tuichudenglu"
-        :underline="false"
-        @click="logout"
-        >{{ $t1("退出登录") }}</el-link
-      >
-      <!-- <el-link class="fr" icon="el-icon-set-up" :underline="false" @click="openCompanyDialog" style="margin-right:10px">切换组织</el-link> -->
-      <span class="fr">{{ $t1("您好") }}，{{ userInfo.nickName }}</span>
-    </div>
-    <div class="workbenches-box">
-      <el-row>
-        <el-col :span="16">
-          <div class="w-box" style="margin-right: 16px">
-            <div class="w-b-head">
-              <div class="tit fl">
-                <b>{{ $t1("应用场景") }}</b>
-              </div>
-              <!-- <div class="fr">
-                <el-link icon="iconfont icon-shuaxin" :underline="false">刷新</el-link>
-                <el-link :underline="false">查看更多 +</el-link>
-              </div> -->
-            </div>
-
-            <div class="use-cases">
-              <template v-for="workbenchMenu in workbenchMenus">
-                <div class="item" :key="workbenchMenu.id">
-                  <div class="t">
-                    <span>{{ workbenchMenu.menuName }}</span>
-                  </div>
-                  <div class="c">
-                    <div
-                      class="i-block"
-                      v-for="(router2, index1) in workbenchMenu.children"
-                      :key="index1"
-                      @click="openRoutePath(router2)"
-                    >
-                      <i
-                        class="icon iconfont"
-                        :class="router2.menuImg || 'icon-charge-fill'"
-                        :style="
-                          'background-color: ' +
-                          (router2.menuImgColor || '#3B82F6') +
-                          ';'
-                        "
-                      ></i>
-                      <span>{{ router2.menuName }}</span>
-                      <span class="tips" v-if="!!router2.note">{{
-                        router2.note
-                      }}</span>
-                    </div>
-                    <!-- <div class="i-block">
-                        <i class="icon iconfont icon-charge-fill" style="background-color:#3B82F6"></i>
-
-                        <span>研发费用付款</span>
-                        <span class="tips">(技术转让费、设计开发费、检测费、试验费、信息费、标准化费用)</span>
-                      </div> -->
-                  </div>
-                </div>
-              </template>
-            </div>
-
-            <!-- <template v-for="menuModule in $baseEventBus.menuModules">
-            <div class="use-cases" style="height: calc(100vh - 193px);" :key="menuModule.id" v-show="menuModule.id === $baseEventBus.currentMenuId">
-
-                  <div class="item" v-for="router1 in menuModule.children" :key="router1.id">
-                    <div class="t"><span>{{router1.menuName}}</span></div>
-                    <div class="c">
-                      <div class="i-block" v-for="(router2, index1) in router1.children"
-                  :key="index1" @click="rourteTo(router2)"><i class="icon" style="background-color: #3B82F6;">{{router2.menuName.substring(0,1)}}</i><span>{{router2.menuName}}</span></div>
-                    </div>
-                  </div>
-            </div>
-            </template> -->
-          </div>
-        </el-col>
-        <el-col :span="8">
-          <div class="w-box" style="height: 60%">
-            <div class="w-b-head">
-              <div class="tit fl">
-                <b>{{ $t1("待办事项") }}</b>
-                <i class="nums">{{ unDoWfRows.length }}</i>
-              </div>
-              <div class="fr">
-                <el-link :underline="false" @click="toWfManageList"
-                  >{{ $t1("查看更多") }} +</el-link
-                >
-              </div>
-            </div>
-            <div class="agenda-box">
-              <div
-                class="item"
-                v-for="item in unDoWfRows"
-                :key="item.id"
-                @click="openWfDialog(item)"
-              >
-                <p class="name">{{ item.name }}</p>
-                <p class="info">
-                  <span>{{ $t1("单据类型") }}：{{ item.objTypeName }}</span>
-                  <span>{{ $t1("启动人") }}：{{ item.starterName }}</span>
-                </p>
-              </div>
-            </div>
-          </div>
-          <div class="w-box" style="margin-top: 16px; height: calc(40% - 16px)">
-            <div class="w-b-head">
-              <div class="tit fl">
-                <b>{{ $t1("通知公告") }}</b>
-                <i class="nums">{{ systemNotices.length }}</i>
-              </div>
-              <div class="fr">
-                <el-link :underline="false" @click="openSystemNoticeDialog()"
-                  >{{ $t1("查看更多") }} +</el-link
-                >
-              </div>
-            </div>
-            <div class="wnotice-box">
-              <!-- <div class="item">
-                <i class="no-read">未读</i>
-                <span class="name">紧急通知</span>
-                <span class="date">2025-10-12</span>
-              </div> -->
-              <div
-                class="item"
-                v-for="systemNotice in systemNotices"
-                :key="systemNotice.id"
-                @click="openSystemNoticeDialog(systemNotice)"
-              >
-                <span class="name">{{ systemNotice.title }}</span>
-                <span class="date">{{
-                  systemNotice.modifyDate.substring(0, 10)
-                }}</span>
-              </div>
-            </div>
-          </div>
-        </el-col>
-      </el-row>
-    </div>
-    <!-- <div class="workbenches-info">
-      <div class="w-left">
-        <span>角色申请：李鹏00575023 （“项目预算与费用管理”模块：郑潇涵19010359）</span>
-        <span>运维人员：林上家A1010633 | 王瑾瑾01499274<i style="padding-left:24px"></i>©2023 海尔新能源 版权所有</span>
-      </div>
-    </div>
-    -->
-    <systemNoticeInfoDialog
-      v-if="showSystemNoticeInfoDialog"
-      :visiable.sync="showSystemNoticeInfoDialog"
-      :param="csnRow"
-      :appendToTop="true"
-    ></systemNoticeInfoDialog>
-    <wfContentDialog
-      v-if="showWfDialog"
-      :visible.sync="showWfDialog"
-      @close="wfClose"
-      :option.sync="wfContentOption"
-    ></wfContentDialog>
-    <el-dialog
-      :title="$t1('切换组织')"
-      width="355px"
-      custom-class="dialog-style list-dialog"
-      v-if="showCompanyDialog"
-      :visible.sync="showCompanyDialog"
-      :append-to-body="true"
-      :modal-append-to-body="true"
-      :close-on-click-modal="false"
-      v-el-drag-dialog
-      v-el-dialog-center
-      @close="changeCompanyClose"
-    >
-      <div class="cont">
-        <el-input
-          :placeholder="$t1('搜索')"
-          class="search-btn"
-          v-model="filterText"
-        ></el-input>
-        <el-tree
-          :props="defaultProps"
-          :load="loadNode"
-          node-key="id"
-          ref="tree"
-          highlight-current
-          lazy
-          :expand-on-click-node="true"
-          @node-click="handleNodeClick"
-          class="organization-tree"
-          icon-class="el-icon-arrow-right"
-          :filter-node-method="filterNode"
-        ></el-tree>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import systemNoticeInfoDialog from "@base/views/user/system_notice/infoDialog.vue";
-import commMenuDialog from "@base/views/user/commMenu/index.vue";
-import notifyMessageDialog from "@base/views/user/notify_message/dialog.vue";
-import notifyMessageInfoDialog from "@base/views/user/notify_message/infoDialog";
-
-import { getToken } from "@base/utils/auth";
-import wfContentDialog from "@base/views/user/wf/wf_manage/wfContentDialog";
-import corejsConfig from "@/corejsConfig";
-import { mapGetters } from "vuex";
-
-export default {
-  name: "home",
-  props: {
-    wf_manage_url: String,
-  },
-  components: {
-    systemNoticeInfoDialog,
-    commMenuDialog,
-    notifyMessageDialog,
-    notifyMessageInfoDialog,
-    wfContentDialog,
-  },
-  data() {
-    return {
-      defaultProps: {
-        label: "label", //这里是树结构中需显示的数据（即接口返回的需展示在页面上的参数）
-        children: [],
-        isLeaf: "leaf",
-      },
-      filterText: null,
-      showCompanyDialog: false,
-      choose_company_info: "",
-
-      showNoticeDialog: false,
-      showGroupDialog: false,
-      notifyTemplates: [],
-      userInfo: {},
-      companyInfo: {},
-      systemNotices: [],
-      showSystemNoticeInfoDialog: false,
-      csnRow: null,
-      headPhotoUrl: "",
-      dialogVisible: true,
-      unDoWfRows: [],
-      wfOption: {},
-      showWfDialog: false,
-      wfContentOption: {},
-      showWfContent: true,
-      wfContent: null,
-      wfDataId: "",
-      showCommMenuDialog: false,
-      commMenus: [],
-      notifyMessages: [],
-      notifyMessageInfoIndex: null,
-      notifyMessageInfoId: null,
-      unreadMessageNum: 0,
-      activating: true,
-      wfTimer: null,
-      homeConfig: corejsConfig.homeConfig || {},
-      menuModules: [],
-      workbenchMenus: [],
-    };
-  },
-  watch: {
-    filterText(val) {
-      this.$refs.tree.filter(val);
-    },
-  },
-  computed: {
-    ...mapGetters(["sidebarRouters"]),
-  },
-  activated() {
-    this.activating = true;
-    if (this.wfTimer) {
-      this.timerExcFun(true);
-    }
-  },
-  deactivated() {
-    this.activating = false;
-  },
-  beforeDestroy() {
-    this.clearTimer();
-    if (this.reloadHomeMenuHandler) {
-      this.$baseEventBus.$off("reloadHomeMenu", this.reloadHomeMenuHandler);
-      this.reloadHomeMenuHandler = null;
-    }
-  },
-  created() {
-    this.getUserInfo();
-    this.initSystemNotice();
-    this.initCommMenu();
-    this.initNotifyMessage();
-    this.initWfParam();
-    this.initWfTimer();
-    this.initMenu();
-    this.initWorkbenchMenu();
-  },
-  mounted() {
-    // setTimeout(() => {
-    //   debugger
-    //   this.filterRoute();
-    // }, 100);
-  },
-  methods: {
-    handleNodeClick(data, node, v) {
-      if (!data.hasChild) {
-        this.choose_company_info = data;
-        this.changeCompany();
-      } else {
-        this.choose_company_info = {};
-      }
-    },
-    // 异步树叶子节点懒加载逻辑
-    loadNode(node, resolve) {
-      let companyCode =
-        node && node.data && node.data.companyCode
-          ? node.data.companyCode || ""
-          : "";
-      let url = !companyCode
-        ? USER_PREFIX + "/user_company_info/getAllList"
-        : USER_PREFIX + "/user_company_info/getChildren";
-
-      this.$http({
-        url: url,
-        method: "post",
-        data: {
-          parentCompanyCode: companyCode,
-        },
-        success: (res) => {
-          let datas = res.objx || [];
-          let parentLabel = companyCode ? node.label : null;
-          datas.forEach((item) => {
-            item.leaf = !item.hasChild;
-            let label = item.companyName;
-            /*if(companyCode){
-              label = label + '('+companyTypeMap[item.companyType]+')'
-            }*/
-            item.label = label;
-            item.parentLabel = parentLabel;
-          });
-
-          if (node.level === 0) {
-            if (datas.length > 0 && datas[0].hasChild) {
-              this.$nextTick(() => {
-                let nodedata = node.childNodes[0];
-                nodedata.expanded = true;
-                nodedata.loadData();
-              });
-            }
-          }
-          resolve(datas);
-        },
-      });
-    },
-    filterNode(value, data) {
-      if (!value) return true;
-      let flag1 = data.label.indexOf(value) !== -1;
-      let flag2 = data.parentLabel && data.parentLabel.indexOf(value) !== -1;
-      return flag1 || flag2;
-    },
-    openCompanyDialog() {
-      this.filterText = null;
-      this.showCompanyDialog = true;
-    },
-    getWebPrefix(callback) {
-      this.$http({
-        url: USER_PREFIX + "/auth/getWebPrefix",
-        method: `post`,
-        data: {},
-        isLoading: true,
-        success: (res) => {
-          let webPrefix = res.objx;
-          callback && callback(webPrefix);
-        },
-      });
-    },
-    changeCompany() {
-      let row = this.choose_company_info;
-      let query = this.$route.query;
-      let flag = query && query.flag === 1 ? 1 : null;
-      this.showCompanyDialog = false;
-      if (row && row.companyCode) {
-        this.$baseLoading({ target: document.body, fullscreen: true });
-        this.$http({
-          url: USER_PREFIX + "/auth/switchCompany",
-          method: "post",
-          data: { stringOne: row.companyCode },
-          isLoading: true,
-          success: (res) => {
-            this.getWebPrefix((prefix) => {
-              let webPrefix = prefix ? "/" + prefix : window.MAIN_WEB_PREFIX;
-              sessionStorage.removeItem("out-token");
-              this.$store.dispatch("user/changeCompanyInfo", row);
-              this.$store.dispatch("tagsView/delAllViews");
-              window.location.href = webPrefix + "/index.html";
-            });
-          },
-        });
-      } else {
-        if (flag === 1) {
-          this.$router.push({
-            path: "/",
-          });
-        }
-      }
-    },
-    changeCompanyClose() {
-      let query = this.$route.query;
-      let flag = query && query.flag === 1 ? 1 : null;
-      if (flag === 1) {
-        this.$router.push({
-          path: "/",
-        });
-      }
-      this.showCompanyDialog = false;
-    },
-    initWorkbenchMenu() {
-      this.$http({
-        url: USER_PREFIX + "/workbench_menu/getAll",
-        method: "post",
-        data: {},
-        success: (res) => {
-          let workbenchMenus = res.objx || [];
-          this.workbenchMenus = workbenchMenus;
-        },
-      });
-    },
-    jumpOutLink(route) {
-      let path = route.url || route.path;
-      if (route.type === 4 && path) {
-        let params = this.getCustomReqUrlAndCleanUrl(path);
-        let reqUrl = params.custom_req_url;
-        if (reqUrl) {
-          this.$http({
-            url: reqUrl,
-            method: `post`,
-            data: { thirdUrl: params.newUrl },
-            isLoading: true,
-            success: (res) => {
-              path = res.objx;
-              window.open(path);
-            },
-          });
-        } else {
-          if (path.indexOf("token={token}") >= 0) {
-            path = path.replace("token={token}", "token=" + getToken());
-          }
-          window.open(path);
-        }
-      }
-    },
-    flattenTree(data) {
-      const result = [];
-
-      // 使用深度优先遍历递归函数
-      function dfs(node) {
-        if (!node) return;
-
-        // 将当前节点添加到结果数组（排除children属性）
-        const { children, ...rest } = node;
-        result.push(rest);
-
-        // 递归处理子节点
-        if (children && children.length > 0) {
-          children.forEach((child) => dfs(child));
-        }
-      }
-
-      // 处理输入数据（支持数组和单个对象）
-      if (Array.isArray(data)) {
-        data.forEach((item) => dfs(item));
-      } else if (data) {
-        dfs(data);
-      }
-
-      return result;
-    },
-    getRoute(row) {
-      let menuCode = row.menuCode;
-      let routes = this.flattenTree(this.$baseEventBus.menuModules);
-      let route = routes.find((item) => item.menuCode === menuCode);
-      return route;
-    },
-    openRoutePath(row) {
-      let menuCode = row.menuCode;
-      if (menuCode === "todo") {
-        this.$message.error(this.$t1("功能正在完善，敬请期待。"));
-        return;
-      }
-      let routes = this.flattenTree(this.sidebarRouters);
-      let route = routes.find((item) => item.menuCode === menuCode);
-      if (!route) {
-        this.$message.error(this.$t1("菜单没有访问权限"));
-        return;
-      }
-      this.rourteTo(route);
-    },
-    rourteTo(route) {
-      let path = route.url || route.path;
-      if (!path) {
-        return;
-      }
-      this.showMenuModal = true;
-      setTimeout(() => {
-        this.showMenuModal = false;
-      }, 200);
-      try {
-        if (route.linkType === 4) {
-          this.jumpOutLink(route);
-        } else if (route.linkType === 3) {
-          this.$openView(
-            {
-              path: path,
-              query: { url: route.outLink, route: route.route },
-            },
-            route
-          );
-        } else {
-          this.$openView(path, route);
-        }
-      } catch (e) {
-        console.error(e);
-      }
-    },
-
-    initMenu() {
-      // handler 存实例属性并在销毁时 $off：home 每次登出/登录重建都会重新注册，
-      // 不解绑会累积 handler 并钉住已销毁的 home 实例（内存泄露）
-      this.reloadHomeMenuHandler = (menuId) => {
-        this.$forceUpdate();
-      };
-      this.$baseEventBus.$on("reloadHomeMenu", this.reloadHomeMenuHandler);
-    },
-    filterRoute() {
-      let oldRoutes = JSON.parse(JSON.stringify(this.sidebarRouters));
-      let nRoute1s = [];
-      oldRoutes.forEach((route1, index1) => {
-        let nRoute2s = [];
-        if (!route1.hidden) {
-          route1.children.forEach((route2, index2) => {
-            let nRoute3s = [];
-            if (!route2.hidden) {
-              route2.children.forEach((route3, index3) => {
-                if (!route3.hidden) {
-                  nRoute3s.push(route3);
-                }
-              });
-            }
-            if (route2.type === 4 || route2.url || nRoute3s.length > 0) {
-              route2.children = nRoute3s;
-              nRoute2s.push(route2);
-            }
-          });
-        }
-        if (route1.type === 4 || route1.url || nRoute2s.length > 0) {
-          route1.children = nRoute2s;
-          nRoute1s.push(route1);
-        }
-      });
-
-      this.menuModules = nRoute1s || [];
-    },
-    logout() {
-      this.$store.dispatch("user/logout2").then((res) => {
-        this.$router.push(`/login?redirect=${this.$route.fullPath}`);
-      });
-    },
-    wfClose() {
-      this.timerExcFun(true);
-    },
-    initWfTimer() {
-      this.wfTimer = setInterval(() => {
-        this.timerExcFun(false);
-      }, 10000);
-      this.timerExcFun(true);
-    },
-    timerExcFun(isLoading) {
-      if (!this.activating) {
-        return;
-      }
-      this.getWfInfoList(isLoading);
-      this.getUnreadMessageNum(isLoading);
-      this.$emit("timerHandle");
-    },
-    clearTimer() {
-      clearInterval(this.wfTimer);
-      this.wfTimer = null;
-    },
-    getUserInfo() {
-      this.$http({
-        url: USER_PREFIX + "/user/currentUser",
-        method: "post",
-        success: (res) => {
-          let userInfo = res.objx;
-          this.headPhotoUrl = userInfo.headPhotoUrl
-            ? userInfo.headPhotoUrl
-            : require("@/resources/images" + "/default-header.png");
-
-          this.userInfo = userInfo;
-        },
-      });
-      this.$http({
-        url: USER_PREFIX + "/company_info/getCurrent",
-        method: `post`,
-        success: (res) => {
-          this.companyInfo = res.objx || {};
-        },
-      });
-    },
-    initSystemNotice() {
-      this.$http({
-        url: USER_PREFIX + "/system_notice/listPage",
-        data: { publish: true, searchCount: false },
-        method: "post",
-        success: (res) => {
-          this.systemNotices =
-            res.objx && res.objx.records ? res.objx.records : [];
-        },
-      });
-    },
-    openSystemNoticeDialog(row) {
-      this.csnRow = row || null;
-      this.showSystemNoticeInfoDialog = true;
-    },
-    initUnDoWfInfo() {
-      this.$http({
-        url: AGILEBPM_PREFIX + "/wf_manage/listPage",
-        data: { type: 0, searchCount: false },
-        method: "post",
-        success: (res) => {
-          this.unDoWfRows = res.objx.records || [];
-        },
-      });
-    },
-    initWfTableList() {
-      let that = this;
-      let paramColumns = this.wfParamDTOs.map((item) => {
-        return {
-          title: this.$t1(item.paramName),
-          field: item.paramKey,
-          width: 150,
-        };
-      });
-      let statuses = {
-        running: this.$t1("审核中"),
-        back: this.$t1("已驳回"),
-        end: this.$t1("已完成"),
-      };
-      let tableOption = {
-        vue: this,
-        tableRef: "table-wf",
-        tableName: "home-table-wf",
-        config: {
-          height: "auto",
-          scrollY: {
-            enabled: false,
-          },
-        },
-        columns: [
-          { type: "checkbox", width: 48, resizable: false, fixed: "left" },
-          {
-            title: this.$t1("单据类型"),
-            field: "objTypeName",
-            width: 150,
-            fixed: "left",
-          },
-          {
-            title: this.$t1("流程主题"),
-            field: "name",
-            width: 150,
-          },
-          {
-            title: this.$t1("启动人"),
-            field: "starterName",
-            width: 150,
-          },
-          {
-            title: this.$t1("当前任务"),
-            field: "taskName",
-            width: 150,
-          },
-          {
-            title: this.$t1("当前任务用户"),
-            field: "candidateNames",
-            width: 150,
-          },
-          {
-            title: this.$t1("启动时间"),
-            field: "createDate",
-            width: 150,
-          },
-          ...paramColumns,
-          {
-            width: 47,
-            fixed: "right",
-            title: "",
-            sortable: false,
-            slots: {
-              default: ({ row }) => {
-                return [
-                  <a
-                    href="javascript:void(0);"
-                    class="a-link"
-                    onclick={() => {
-                      this.openWfDialog(row);
-                    }}
-                  >
-                    <el-tooltip
-                      enterable={false}
-                      effect="dark"
-                      content={this.$t1("查看")}
-                      placement="top"
-                      popper-class="tooltip-skin"
-                    >
-                      <i class="el-icon-view" />
-                    </el-tooltip>
-                  </a>,
-                ];
-              },
-            },
-          },
-        ],
-      };
-      this.$vxeTableUtil.initVxeTable(tableOption).then((opts) => {
-        this.wfOption = opts;
-      });
-    },
-    openWfDialog(row) {
-      this.wfContentOption = {
-        objId: row.objId,
-        url: row.url,
-        objTypeCode: row.objTypeCode,
-      };
-      this.showWfDialog = true;
-    },
-    commMenuCallBack(datas) {
-      this.commMenus = datas || [];
-    },
-    initCommMenu() {
-      this.$http({
-        url: USER_PREFIX + "/comm_menu/currentList",
-        data: { longOne: 0 },
-        method: "POST",
-      }).then((resultMsg) => {
-        this.commMenus = resultMsg.objx || [];
-      });
-    },
-    initNotifyMessage() {
-      return;
-      this.$http({
-        url: USER_PREFIX + "/notify_message/listPage",
-        data: { searchCount: false },
-        method: "post",
-        success: (res) => {
-          this.notifyMessages =
-            res.objx && res.objx.records ? res.objx.records : [];
-        },
-      });
-    },
-    openNotifyMessageDialog(row) {
-      if (row.jumpContent) {
-        this.$refs.notifyMessageDialog.open(row, () => {
-          row.readed = 1;
-        });
-      }
-    },
-    openMoreNotifyMessage(notifyType) {
-      let data = { notifyType: notifyType || "" };
-      let view = {
-        name: "notify_message:list",
-        query: data,
-      };
-      this.$store.dispatch("tagsView/delCachedView", view).then(() => {
-        this.$router.replace(view);
-      });
-
-      if (notifyType) {
-        this.showGroupDialog = false;
-      }
-    },
-    checkNotifyMessage(row, index) {
-      this.showNoticeDialog = true;
-      this.notifyMessageInfoIndex = index;
-      this.notifyMessageInfoId = row.id;
-    },
-    notifyMessageReadHanlde() {
-      this.notifyMessages[this.notifyMessageInfoIndex].readed = 1;
-    },
-    openNotifyTemplateGroupDialog() {
-      this.$http({
-        url: USER_PREFIX + `/notify_template/listPage`,
-        method: `post`,
-        data: { searchCount: false },
-        isLoading: true,
-        // loadingTarget: document.body,
-        success: (res) => {
-          this.notifyTemplates =
-            res.objx && res.objx.records ? res.objx.records : [];
-          this.showGroupDialog = true;
-        },
-      });
-    },
-    rourteTo(route) {
-      if (route.type === 4) {
-        this.jumpOutLink(route);
-      } else if (route.type === 3) {
-        let menuCode = route.menuCode;
-        let path = "/user/outLink/index/" + menuCode;
-        this.$openView({ path: path, query: { url: route.url } }, route);
-      } else {
-        let path = this.getPath(route);
-        if (!path) return;
-        this.$openView(path, route);
-      }
-    },
-    getPath(route3) {
-      let item = null;
-      let path = null;
-      if (route3.type === 0) {
-        //普通菜单
-        if (route3.url) {
-          path = route3.route || route3.url;
-          let str = "/report/vform/render/";
-          if (path.indexOf(str) === 0) {
-          } else {
-            let pIndex = path.indexOf("?");
-            if (pIndex > 0) {
-              path = path.substring(0, pIndex);
-            }
-          }
-        }
-      } else if (route3.type === 5) {
-        //动态表单
-        let url = route3.route || route3.url;
-        path = url;
-      }
-      if (path && path.startsWith("@")) {
-        path = null;
-      }
-      return path;
-    },
-    jumpOutLink(route) {
-      let path = route.url;
-      if (route.type === 4 && path) {
-        if (path.indexOf("token={token}") >= 0) {
-          path = path.replace("token={token}", "token=" + getToken());
-        }
-        window.open(path);
-      }
-    },
-    initWfParam() {
-      return this.$http({
-        url: USER_PREFIX + "/wf_param/list",
-        method: `post`,
-        data: {},
-        isLoading: true,
-        // loadingTarget: document.body,
-        modalStrictly: true,
-        success: (res) => {
-          this.wfParamDTOs = res.objx || [];
-          // this.initWfTableList();
-        },
-      });
-    },
-    getWfInfoList(isLoading) {
-      if (!this.activating) {
-        return;
-      }
-      this.$http({
-        url: USER_PREFIX + "/wf_info/listPage",
-        data: { type: 0, size: 20, searchCount: false },
-        method: "post",
-        isLoading: isLoading,
-        modal: isLoading || false,
-        // loadingTarget: document.body,
-        success: (res) => {
-          this.unDoWfRows =
-            res.objx && res.objx.records ? res.objx.records : [];
-        },
-        failMsg: false,
-        errorMsg: false,
-        fail: (res, response) => {
-          if (response && response.status === 200) {
-            this.$errorMsg(res);
-          }
-        },
-      });
-    },
-    getUnreadMessageNum(isLoading) {
-      if (!this.activating) {
-        return;
-      }
-      return this.$http({
-        url: USER_PREFIX + "/notify_message/countMessage",
-        method: `post`,
-        data: {},
-        isLoading: isLoading,
-        modal: isLoading || false,
-        // loadingTarget: document.body,
-        success: (res) => {
-          this.unreadMessageNum = res.objx || 0;
-        },
-        failMsg: false,
-        errorMsg: false,
-        fail: (res, response) => {
-          if (response && response.status === 200) {
-            this.$errorMsg(res);
-          }
-        },
-      });
-    },
-    wfhandleCallback(flag) {
-      if ([1, 2, 3].includes(flag)) {
-        this.showWfDialog = false;
-        this.wfClose();
-      }
-    },
-    toWfManageList() {
-      let url = this.wf_manage_url || "/basic/wf/wf_manage/list";
-      this.$router.push(url);
-    },
-  },
-};
-</script>
-<style lang="scss" scoped>
-@import "~@/styles/variables.scss";
-::v-deep .el-link {
-  color: rgba(0, 0, 0, 0.65);
-  .iconfont {
-    margin-right: 4px;
-    font-size: 14px;
-  }
-  &:hover {
-    color: $baseColor;
-  }
-}
-.workbenches {
-  padding: 18px 24px 0px;
-}
-.workbenches-head {
-  color: rgba(0, 0, 0, 0.65);
-  margin-bottom: 16px;
-  line-height: 1;
-  font-size: 14px;
-  .icon-haier {
-    color: $baseColor;
-    font-size: 24px;
-    margin-right: 16px;
-  }
-  .logo {
-    height: 30px;
-    vertical-align: middle;
-  }
-  > span {
-    margin-right: 16px;
-    &.f-blue {
-      font-size: 16px;
-      vertical-align: middle;
-      line-height: 1;
-      display: inline-block;
-    }
-  }
-}
-.workbenches-box {
-  height: calc(100vh - 94px); /**margin-bottom: 16px;*/
-  > .el-row {
-    height: 100%;
-    > .el-col {
-      height: 100%;
-    }
-  }
-  .w-box {
-    background: #fff;
-    border-radius: 4px;
-    overflow: hidden;
-    height: 100%;
-    .w-b-head {
-      overflow: hidden;
-      margin: 16px 24px;
-      .tit {
-        b {
-          font-size: 16px;
-          font-weight: 600;
-          vertical-align: middle;
-        }
-        .nums {
-          margin-left: 8px;
-          border-radius: 4px;
-          width: 20px;
-          height: 20px;
-          display: inline-block;
-          background-color: #ff4d4f;
-          color: #fff;
-          text-align: center;
-          line-height: 20px;
-          font-style: inherit;
-          font-size: 12px;
-          vertical-align: middle;
-        }
-      }
-      .el-link {
-        margin-left: 24px;
-      }
-    }
-  }
-  .wnotice-box {
-    padding: 0 24px 4px;
-    overflow: auto;
-    height: calc(100% - 52px);
-    .item {
-      border: solid 1px rgba(0, 0, 0, 0.15);
-      border-radius: 4px;
-      padding: 12px;
-      display: flex;
-      margin-bottom: 12px;
-      line-height: 18px;
-      cursor: pointer;
-      font-size: 14px;
-      .no-read {
-        background-color: #faad14;
-        border-radius: 4px;
-        color: #fff;
-        font-size: 12px;
-        font-style: inherit;
-        line-height: 18px;
-        padding: 0 4px;
-        margin-right: 8px;
-      }
-      .name {
-        flex: 1;
-      }
-      .date {
-        color: rgba(0, 0, 0, 0.45);
-        font-size: 12px;
-      }
-      &:hover {
-        border-color: $baseColor;
-        .name {
-          color: $baseColor;
-        }
-      }
-    }
-  }
-  .agenda-box {
-    padding: 0 24px 4px;
-    overflow: auto;
-    height: calc(100% - 52px);
-    .item {
-      border: solid 1px rgba(0, 0, 0, 0.15);
-      border-radius: 4px;
-      padding: 12px;
-      margin-bottom: 12px;
-      cursor: pointer;
-      p {
-        margin: 0;
-      }
-      .name {
-        margin-bottom: 8px;
-        font-size: 14px;
-      }
-      .info {
-        font-size: 12px;
-        > span {
-          margin-right: 32px;
-          color: rgba(0, 0, 0, 0.45);
-        }
-      }
-      &:hover {
-        border-color: $baseColor;
-        .name {
-          color: $baseColor;
-        }
-      }
-    }
-  }
-  .use-cases {
-    overflow: auto;
-    padding: 0 24px 4px;
-    height: calc(100% - 52px);
-    .item {
-      margin-bottom: 32px;
-      .t {
-        &:before {
-          content: "";
-          width: 4px;
-          height: 15px;
-          border-radius: 4px;
-          background: $baseColor;
-          margin-right: 8px;
-          vertical-align: middle;
-          display: inline-block;
-        }
-        span {
-          vertical-align: middle;
-          font-size: 14px;
-        }
-      }
-      .c {
-        padding: 2px 12px;
-        .i-block {
-          display: inline-block;
-          width: 84px;
-          margin-right: 52px;
-          text-align: center;
-          font-size: 12px;
-          margin-top: 18px;
-          cursor: pointer;
-          vertical-align: top;
-          .icon {
-            width: 44px;
-            height: 44px;
-            border-radius: 8px;
-            color: #fff;
-            display: block;
-            margin: 0 auto 8px;
-            font-size: 20px;
-            font-style: inherit;
-            line-height: 44px;
-          }
-          &:hover {
-            color: $baseColor;
-          }
-          .tips {
-            zoom: 0.8;
-            display: inline-block;
-            line-height: 1.2;
-            margin: 0 -42px 8px;
-          }
-        }
-      }
-    }
-  }
-}
-.workbenches-info {
-  padding: 0 24px;
-  margin: 0 -24px;
-  background: #fff;
-  height: 50px;
-  display: flex;
-  font-size: 12px;
-  color: rgba(0, 0, 0, 0.65);
-  .w-left {
-    padding: 10px 0;
-    height: 100%;
-    text-align: right;
-    vertical-align: middle;
-    flex: 1;
-    zoom: 0.9;
-    span {
-      margin: 3px 0px;
-      display: block;
-    }
-  }
-  .w-right {
-    line-height: 74px;
-  }
-}
-</style>
+<template>
+  <div class="workbenches">
+    <div class="workbenches-head">
+      <span class="f-blue">{{ $t1("欢迎您") }}</span>
+
+      <el-link
+        class="fr"
+        icon="iconfont icon-tuichudenglu"
+        :underline="false"
+        @click="logout"
+        >{{ $t1("退出登录") }}</el-link
+      >
+      <!-- <el-link class="fr" icon="el-icon-set-up" :underline="false" @click="openCompanyDialog" style="margin-right:10px">切换组织</el-link> -->
+      <span class="fr">{{ $t1("您好") }}，{{ userInfo.nickName }}</span>
+    </div>
+    <div class="workbenches-box">
+      <el-row>
+        <el-col :span="16">
+          <div class="w-box" style="margin-right: 16px">
+            <div class="w-b-head">
+              <div class="tit fl">
+                <b>{{ $t1("应用场景") }}</b>
+              </div>
+              <!-- <div class="fr">
+                <el-link icon="iconfont icon-shuaxin" :underline="false">刷新</el-link>
+                <el-link :underline="false">查看更多 +</el-link>
+              </div> -->
+            </div>
+
+            <div class="use-cases">
+              <template v-for="workbenchMenu in workbenchMenus">
+                <div class="item" :key="workbenchMenu.id">
+                  <div class="t">
+                    <span>{{ workbenchMenu.menuName }}</span>
+                  </div>
+                  <div class="c">
+                    <div
+                      class="i-block"
+                      v-for="(router2, index1) in workbenchMenu.children"
+                      :key="index1"
+                      @click="openRoutePath(router2)"
+                    >
+                      <i
+                        class="icon iconfont"
+                        :class="router2.menuImg || 'icon-charge-fill'"
+                        :style="
+                          'background-color: ' +
+                          (router2.menuImgColor || '#3B82F6') +
+                          ';'
+                        "
+                      ></i>
+                      <span>{{ router2.menuName }}</span>
+                      <span class="tips" v-if="!!router2.note">{{
+                        router2.note
+                      }}</span>
+                    </div>
+                    <!-- <div class="i-block">
+                        <i class="icon iconfont icon-charge-fill" style="background-color:#3B82F6"></i>
+
+                        <span>研发费用付款</span>
+                        <span class="tips">(技术转让费、设计开发费、检测费、试验费、信息费、标准化费用)</span>
+                      </div> -->
+                  </div>
+                </div>
+              </template>
+            </div>
+
+            <!-- <template v-for="menuModule in $baseEventBus.menuModules">
+            <div class="use-cases" style="height: calc(100vh - 193px);" :key="menuModule.id" v-show="menuModule.id === $baseEventBus.currentMenuId">
+
+                  <div class="item" v-for="router1 in menuModule.children" :key="router1.id">
+                    <div class="t"><span>{{router1.menuName}}</span></div>
+                    <div class="c">
+                      <div class="i-block" v-for="(router2, index1) in router1.children"
+                  :key="index1" @click="rourteTo(router2)"><i class="icon" style="background-color: #3B82F6;">{{router2.menuName.substring(0,1)}}</i><span>{{router2.menuName}}</span></div>
+                    </div>
+                  </div>
+            </div>
+            </template> -->
+          </div>
+        </el-col>
+        <el-col :span="8">
+          <div class="w-box" style="height: 60%">
+            <div class="w-b-head">
+              <div class="tit fl">
+                <b>{{ $t1("待办事项") }}</b>
+                <i class="nums">{{ unDoWfRows.length }}</i>
+              </div>
+              <div class="fr">
+                <el-link :underline="false" @click="toWfManageList"
+                  >{{ $t1("查看更多") }} +</el-link
+                >
+              </div>
+            </div>
+            <div class="agenda-box">
+              <div
+                class="item"
+                v-for="item in unDoWfRows"
+                :key="item.id"
+                @click="openWfDialog(item)"
+              >
+                <p class="name">{{ item.name }}</p>
+                <p class="info">
+                  <span>{{ $t1("单据类型") }}：{{ item.objTypeName }}</span>
+                  <span>{{ $t1("启动人") }}：{{ item.starterName }}</span>
+                </p>
+              </div>
+            </div>
+          </div>
+          <div class="w-box" style="margin-top: 16px; height: calc(40% - 16px)">
+            <div class="w-b-head">
+              <div class="tit fl">
+                <b>{{ $t1("通知公告") }}</b>
+                <i class="nums">{{ systemNotices.length }}</i>
+              </div>
+              <div class="fr">
+                <el-link :underline="false" @click="openSystemNoticeDialog()"
+                  >{{ $t1("查看更多") }} +</el-link
+                >
+              </div>
+            </div>
+            <div class="wnotice-box">
+              <!-- <div class="item">
+                <i class="no-read">未读</i>
+                <span class="name">紧急通知</span>
+                <span class="date">2025-10-12</span>
+              </div> -->
+              <div
+                class="item"
+                v-for="systemNotice in systemNotices"
+                :key="systemNotice.id"
+                @click="openSystemNoticeDialog(systemNotice)"
+              >
+                <span class="name">{{ systemNotice.title }}</span>
+                <span class="date">{{
+                  systemNotice.modifyDate.substring(0, 10)
+                }}</span>
+              </div>
+            </div>
+          </div>
+        </el-col>
+      </el-row>
+    </div>
+    <!-- <div class="workbenches-info">
+      <div class="w-left">
+        <span>角色申请：李鹏00575023 （“项目预算与费用管理”模块：郑潇涵19010359）</span>
+        <span>运维人员：林上家A1010633 | 王瑾瑾01499274<i style="padding-left:24px"></i>©2023 海尔新能源 版权所有</span>
+      </div>
+    </div>
+    -->
+    <systemNoticeInfoDialog
+      v-if="showSystemNoticeInfoDialog"
+      :visiable.sync="showSystemNoticeInfoDialog"
+      :param="csnRow"
+      :appendToTop="true"
+    ></systemNoticeInfoDialog>
+    <wfContentDialog
+      v-if="showWfDialog"
+      :visible.sync="showWfDialog"
+      @close="wfClose"
+      :option.sync="wfContentOption"
+    ></wfContentDialog>
+    <el-dialog
+      :title="$t1('切换组织')"
+      width="355px"
+      custom-class="dialog-style list-dialog"
+      v-if="showCompanyDialog"
+      :visible.sync="showCompanyDialog"
+      :append-to-body="true"
+      :modal-append-to-body="true"
+      :close-on-click-modal="false"
+      v-el-drag-dialog
+      v-el-dialog-center
+      @close="changeCompanyClose"
+    >
+      <div class="cont">
+        <el-input
+          :placeholder="$t1('搜索')"
+          class="search-btn"
+          v-model="filterText"
+        ></el-input>
+        <el-tree
+          :props="defaultProps"
+          :load="loadNode"
+          node-key="id"
+          ref="tree"
+          highlight-current
+          lazy
+          :expand-on-click-node="true"
+          @node-click="handleNodeClick"
+          class="organization-tree"
+          icon-class="el-icon-arrow-right"
+          :filter-node-method="filterNode"
+        ></el-tree>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import systemNoticeInfoDialog from "@base/views/user/system_notice/infoDialog.vue";
+import commMenuDialog from "@base/views/user/commMenu/index.vue";
+import notifyMessageDialog from "@base/views/user/notify_message/dialog.vue";
+import notifyMessageInfoDialog from "@base/views/user/notify_message/infoDialog";
+
+import { getToken } from "@base/utils/auth";
+import wfContentDialog from "@base/views/user/wf/wf_manage/wfContentDialog";
+import corejsConfig from "@/corejsConfig";
+import { mapGetters } from "vuex";
+
+export default {
+  name: "home",
+  props: {
+    wf_manage_url: String,
+  },
+  components: {
+    systemNoticeInfoDialog,
+    commMenuDialog,
+    notifyMessageDialog,
+    notifyMessageInfoDialog,
+    wfContentDialog,
+  },
+  data() {
+    return {
+      defaultProps: {
+        label: "label", //这里是树结构中需显示的数据（即接口返回的需展示在页面上的参数）
+        children: [],
+        isLeaf: "leaf",
+      },
+      filterText: null,
+      showCompanyDialog: false,
+      choose_company_info: "",
+
+      showNoticeDialog: false,
+      showGroupDialog: false,
+      notifyTemplates: [],
+      userInfo: {},
+      companyInfo: {},
+      systemNotices: [],
+      showSystemNoticeInfoDialog: false,
+      csnRow: null,
+      headPhotoUrl: "",
+      dialogVisible: true,
+      unDoWfRows: [],
+      wfOption: {},
+      showWfDialog: false,
+      wfContentOption: {},
+      showWfContent: true,
+      wfContent: null,
+      wfDataId: "",
+      showCommMenuDialog: false,
+      commMenus: [],
+      notifyMessages: [],
+      notifyMessageInfoIndex: null,
+      notifyMessageInfoId: null,
+      unreadMessageNum: 0,
+      activating: true,
+      wfTimer: null,
+      homeConfig: corejsConfig.homeConfig || {},
+      menuModules: [],
+      workbenchMenus: [],
+    };
+  },
+  watch: {
+    filterText(val) {
+      this.$refs.tree.filter(val);
+    },
+  },
+  computed: {
+    ...mapGetters(["sidebarRouters"]),
+  },
+  activated() {
+    this.activating = true;
+    if (this.wfTimer) {
+      this.timerExcFun(true);
+    }
+  },
+  deactivated() {
+    this.activating = false;
+  },
+  beforeDestroy() {
+    this.clearTimer();
+    if (this.reloadHomeMenuHandler) {
+      this.$baseEventBus.$off("reloadHomeMenu", this.reloadHomeMenuHandler);
+      this.reloadHomeMenuHandler = null;
+    }
+  },
+  created() {
+    this.getUserInfo();
+    this.initSystemNotice();
+    this.initCommMenu();
+    this.initNotifyMessage();
+    this.initWfParam();
+    this.initWfTimer();
+    this.initMenu();
+    this.initWorkbenchMenu();
+  },
+  mounted() {
+    // setTimeout(() => {
+    //   debugger
+    //   this.filterRoute();
+    // }, 100);
+  },
+  methods: {
+    handleNodeClick(data, node, v) {
+      if (!data.hasChild) {
+        this.choose_company_info = data;
+        this.changeCompany();
+      } else {
+        this.choose_company_info = {};
+      }
+    },
+    // 异步树叶子节点懒加载逻辑
+    loadNode(node, resolve) {
+      let companyCode =
+        node && node.data && node.data.companyCode
+          ? node.data.companyCode || ""
+          : "";
+      let url = !companyCode
+        ? USER_PREFIX + "/user_company_info/getAllList"
+        : USER_PREFIX + "/user_company_info/getChildren";
+
+      this.$http({
+        url: url,
+        method: "post",
+        data: {
+          parentCompanyCode: companyCode,
+        },
+        success: (res) => {
+          let datas = res.objx || [];
+          let parentLabel = companyCode ? node.label : null;
+          datas.forEach((item) => {
+            item.leaf = !item.hasChild;
+            let label = item.companyName;
+            /*if(companyCode){
+              label = label + '('+companyTypeMap[item.companyType]+')'
+            }*/
+            item.label = label;
+            item.parentLabel = parentLabel;
+          });
+
+          if (node.level === 0) {
+            if (datas.length > 0 && datas[0].hasChild) {
+              this.$nextTick(() => {
+                let nodedata = node.childNodes[0];
+                nodedata.expanded = true;
+                nodedata.loadData();
+              });
+            }
+          }
+          resolve(datas);
+        },
+      });
+    },
+    filterNode(value, data) {
+      if (!value) return true;
+      let flag1 = data.label.indexOf(value) !== -1;
+      let flag2 = data.parentLabel && data.parentLabel.indexOf(value) !== -1;
+      return flag1 || flag2;
+    },
+    openCompanyDialog() {
+      this.filterText = null;
+      this.showCompanyDialog = true;
+    },
+    getWebPrefix(callback) {
+      this.$http({
+        url: USER_PREFIX + "/auth/getWebPrefix",
+        method: `post`,
+        data: {},
+        isLoading: true,
+        success: (res) => {
+          let webPrefix = res.objx;
+          callback && callback(webPrefix);
+        },
+      });
+    },
+    changeCompany() {
+      let row = this.choose_company_info;
+      let query = this.$route.query;
+      let flag = query && query.flag === 1 ? 1 : null;
+      this.showCompanyDialog = false;
+      if (row && row.companyCode) {
+        this.$baseLoading({ target: document.body, fullscreen: true });
+        this.$http({
+          url: USER_PREFIX + "/auth/switchCompany",
+          method: "post",
+          data: { stringOne: row.companyCode },
+          isLoading: true,
+          success: (res) => {
+            this.getWebPrefix((prefix) => {
+              let webPrefix = prefix ? "/" + prefix : window.MAIN_WEB_PREFIX;
+              sessionStorage.removeItem("out-token");
+              this.$store.dispatch("user/changeCompanyInfo", row);
+              this.$store.dispatch("tagsView/delAllViews");
+              window.location.href = webPrefix + "/index.html";
+            });
+          },
+        });
+      } else {
+        if (flag === 1) {
+          this.$router.push({
+            path: "/",
+          });
+        }
+      }
+    },
+    changeCompanyClose() {
+      let query = this.$route.query;
+      let flag = query && query.flag === 1 ? 1 : null;
+      if (flag === 1) {
+        this.$router.push({
+          path: "/",
+        });
+      }
+      this.showCompanyDialog = false;
+    },
+    initWorkbenchMenu() {
+      this.$http({
+        url: USER_PREFIX + "/workbench_menu/getAll",
+        method: "post",
+        data: {},
+        success: (res) => {
+          let workbenchMenus = res.objx || [];
+          this.workbenchMenus = workbenchMenus;
+        },
+      });
+    },
+    jumpOutLink(route) {
+      let path = route.url || route.path;
+      if (route.type === 4 && path) {
+        let params = this.getCustomReqUrlAndCleanUrl(path);
+        let reqUrl = params.custom_req_url;
+        if (reqUrl) {
+          this.$http({
+            url: reqUrl,
+            method: `post`,
+            data: { thirdUrl: params.newUrl },
+            isLoading: true,
+            success: (res) => {
+              path = res.objx;
+              window.open(path);
+            },
+          });
+        } else {
+          if (path.indexOf("token={token}") >= 0) {
+            path = path.replace("token={token}", "token=" + getToken());
+          }
+          window.open(path);
+        }
+      }
+    },
+    flattenTree(data) {
+      const result = [];
+
+      // 使用深度优先遍历递归函数
+      function dfs(node) {
+        if (!node) return;
+
+        // 将当前节点添加到结果数组（排除children属性）
+        const { children, ...rest } = node;
+        result.push(rest);
+
+        // 递归处理子节点
+        if (children && children.length > 0) {
+          children.forEach((child) => dfs(child));
+        }
+      }
+
+      // 处理输入数据（支持数组和单个对象）
+      if (Array.isArray(data)) {
+        data.forEach((item) => dfs(item));
+      } else if (data) {
+        dfs(data);
+      }
+
+      return result;
+    },
+    getRoute(row) {
+      let menuCode = row.menuCode;
+      let routes = this.flattenTree(this.$baseEventBus.menuModules);
+      let route = routes.find((item) => item.menuCode === menuCode);
+      return route;
+    },
+    openRoutePath(row) {
+      let menuCode = row.menuCode;
+      if (menuCode === "todo") {
+        this.$message.error(this.$t1("功能正在完善，敬请期待。"));
+        return;
+      }
+      let routes = this.flattenTree(this.sidebarRouters);
+      let route = routes.find((item) => item.menuCode === menuCode);
+      if (!route) {
+        this.$message.error(this.$t1("菜单没有访问权限"));
+        return;
+      }
+      this.rourteTo(route);
+    },
+    rourteTo(route) {
+      let path = route.url || route.path;
+      if (!path) {
+        return;
+      }
+      this.showMenuModal = true;
+      setTimeout(() => {
+        this.showMenuModal = false;
+      }, 200);
+      try {
+        if (route.linkType === 4) {
+          this.jumpOutLink(route);
+        } else if (route.linkType === 3) {
+          this.$openView(
+            {
+              path: path,
+              query: { url: route.outLink, route: route.route },
+            },
+            route
+          );
+        } else {
+          this.$openView(path, route);
+        }
+      } catch (e) {
+        console.error(e);
+      }
+    },
+
+    initMenu() {
+      // handler 存实例属性并在销毁时 $off：home 每次登出/登录重建都会重新注册，
+      // 不解绑会累积 handler 并钉住已销毁的 home 实例（内存泄露）
+      this.reloadHomeMenuHandler = (menuId) => {
+        this.$forceUpdate();
+      };
+      this.$baseEventBus.$on("reloadHomeMenu", this.reloadHomeMenuHandler);
+    },
+    filterRoute() {
+      let oldRoutes = JSON.parse(JSON.stringify(this.sidebarRouters));
+      let nRoute1s = [];
+      oldRoutes.forEach((route1, index1) => {
+        let nRoute2s = [];
+        if (!route1.hidden) {
+          route1.children.forEach((route2, index2) => {
+            let nRoute3s = [];
+            if (!route2.hidden) {
+              route2.children.forEach((route3, index3) => {
+                if (!route3.hidden) {
+                  nRoute3s.push(route3);
+                }
+              });
+            }
+            if (route2.type === 4 || route2.url || nRoute3s.length > 0) {
+              route2.children = nRoute3s;
+              nRoute2s.push(route2);
+            }
+          });
+        }
+        if (route1.type === 4 || route1.url || nRoute2s.length > 0) {
+          route1.children = nRoute2s;
+          nRoute1s.push(route1);
+        }
+      });
+
+      this.menuModules = nRoute1s || [];
+    },
+    logout() {
+      this.$store.dispatch("user/logout2").then((res) => {
+        this.$router.push(`/login?redirect=${this.$route.fullPath}`);
+      });
+    },
+    wfClose() {
+      this.timerExcFun(true);
+    },
+    initWfTimer() {
+      this.wfTimer = setInterval(() => {
+        this.timerExcFun(false);
+      }, 10000);
+      this.timerExcFun(true);
+    },
+    timerExcFun(isLoading) {
+      if (!this.activating) {
+        return;
+      }
+      this.getWfInfoList(isLoading);
+      this.getUnreadMessageNum(isLoading);
+      this.$emit("timerHandle");
+    },
+    clearTimer() {
+      clearInterval(this.wfTimer);
+      this.wfTimer = null;
+    },
+    getUserInfo() {
+      this.$http({
+        url: USER_PREFIX + "/user/currentUser",
+        method: "post",
+        success: (res) => {
+          let userInfo = res.objx;
+          this.headPhotoUrl = userInfo.headPhotoUrl
+            ? userInfo.headPhotoUrl
+            : require("@/resources/images" + "/default-header.png");
+
+          this.userInfo = userInfo;
+        },
+      });
+      this.$http({
+        url: USER_PREFIX + "/company_info/getCurrent",
+        method: `post`,
+        success: (res) => {
+          this.companyInfo = res.objx || {};
+        },
+      });
+    },
+    initSystemNotice() {
+      this.$http({
+        url: USER_PREFIX + "/system_notice/listPage",
+        data: { publish: true, searchCount: false },
+        method: "post",
+        success: (res) => {
+          this.systemNotices =
+            res.objx && res.objx.records ? res.objx.records : [];
+        },
+      });
+    },
+    openSystemNoticeDialog(row) {
+      this.csnRow = row || null;
+      this.showSystemNoticeInfoDialog = true;
+    },
+    initUnDoWfInfo() {
+      this.$http({
+        url: AGILEBPM_PREFIX + "/wf_manage/listPage",
+        data: { type: 0, searchCount: false },
+        method: "post",
+        success: (res) => {
+          this.unDoWfRows = res.objx.records || [];
+        },
+      });
+    },
+    initWfTableList() {
+      let that = this;
+      let paramColumns = this.wfParamDTOs.map((item) => {
+        return {
+          title: this.$t1(item.paramName),
+          field: item.paramKey,
+          width: 150,
+        };
+      });
+      let statuses = {
+        running: this.$t1("审核中"),
+        back: this.$t1("已驳回"),
+        end: this.$t1("已完成"),
+      };
+      let tableOption = {
+        vue: this,
+        tableRef: "table-wf",
+        tableName: "home-table-wf",
+        config: {
+          height: "auto",
+          scrollY: {
+            enabled: false,
+          },
+        },
+        columns: [
+          { type: "checkbox", width: 48, resizable: false, fixed: "left" },
+          {
+            title: this.$t1("单据类型"),
+            field: "objTypeName",
+            width: 150,
+            fixed: "left",
+          },
+          {
+            title: this.$t1("流程主题"),
+            field: "name",
+            width: 150,
+          },
+          {
+            title: this.$t1("启动人"),
+            field: "starterName",
+            width: 150,
+          },
+          {
+            title: this.$t1("当前任务"),
+            field: "taskName",
+            width: 150,
+          },
+          {
+            title: this.$t1("当前任务用户"),
+            field: "candidateNames",
+            width: 150,
+          },
+          {
+            title: this.$t1("启动时间"),
+            field: "createDate",
+            width: 150,
+          },
+          ...paramColumns,
+          {
+            width: 47,
+            fixed: "right",
+            title: "",
+            sortable: false,
+            slots: {
+              default: ({ row }) => {
+                return [
+                  <a
+                    href="javascript:void(0);"
+                    class="a-link"
+                    onclick={() => {
+                      this.openWfDialog(row);
+                    }}
+                  >
+                    <el-tooltip
+                      enterable={false}
+                      effect="dark"
+                      content={this.$t1("查看")}
+                      placement="top"
+                      popper-class="tooltip-skin"
+                    >
+                      <i class="el-icon-view" />
+                    </el-tooltip>
+                  </a>,
+                ];
+              },
+            },
+          },
+        ],
+      };
+      this.$vxeTableUtil.initVxeTable(tableOption).then((opts) => {
+        this.wfOption = opts;
+      });
+    },
+    openWfDialog(row) {
+      this.wfContentOption = {
+        objId: row.objId,
+        url: row.url,
+        objTypeCode: row.objTypeCode,
+      };
+      this.showWfDialog = true;
+    },
+    commMenuCallBack(datas) {
+      this.commMenus = datas || [];
+    },
+    initCommMenu() {
+      this.$http({
+        url: USER_PREFIX + "/comm_menu/currentList",
+        data: { longOne: 0 },
+        method: "POST",
+      }).then((resultMsg) => {
+        this.commMenus = resultMsg.objx || [];
+      });
+    },
+    initNotifyMessage() {
+      return;
+      this.$http({
+        url: USER_PREFIX + "/notify_message/listPage",
+        data: { searchCount: false },
+        method: "post",
+        success: (res) => {
+          this.notifyMessages =
+            res.objx && res.objx.records ? res.objx.records : [];
+        },
+      });
+    },
+    openNotifyMessageDialog(row) {
+      if (row.jumpContent) {
+        this.$refs.notifyMessageDialog.open(row, () => {
+          row.readed = 1;
+        });
+      }
+    },
+    openMoreNotifyMessage(notifyType) {
+      let data = { notifyType: notifyType || "" };
+      let view = {
+        name: "notify_message:list",
+        query: data,
+      };
+      this.$store.dispatch("tagsView/delCachedView", view).then(() => {
+        this.$router.replace(view);
+      });
+
+      if (notifyType) {
+        this.showGroupDialog = false;
+      }
+    },
+    checkNotifyMessage(row, index) {
+      this.showNoticeDialog = true;
+      this.notifyMessageInfoIndex = index;
+      this.notifyMessageInfoId = row.id;
+    },
+    notifyMessageReadHanlde() {
+      this.notifyMessages[this.notifyMessageInfoIndex].readed = 1;
+    },
+    openNotifyTemplateGroupDialog() {
+      this.$http({
+        url: USER_PREFIX + `/notify_template/listPage`,
+        method: `post`,
+        data: { searchCount: false },
+        isLoading: true,
+        // loadingTarget: document.body,
+        success: (res) => {
+          this.notifyTemplates =
+            res.objx && res.objx.records ? res.objx.records : [];
+          this.showGroupDialog = true;
+        },
+      });
+    },
+    rourteTo(route) {
+      if (route.type === 4) {
+        this.jumpOutLink(route);
+      } else if (route.type === 3) {
+        let menuCode = route.menuCode;
+        let path = "/user/outLink/index/" + menuCode;
+        this.$openView({ path: path, query: { url: route.url } }, route);
+      } else {
+        let path = this.getPath(route);
+        if (!path) return;
+        this.$openView(path, route);
+      }
+    },
+    getPath(route3) {
+      let item = null;
+      let path = null;
+      if (route3.type === 0) {
+        //普通菜单
+        if (route3.url) {
+          path = route3.route || route3.url;
+          let str = "/report/vform/render/";
+          if (path.indexOf(str) === 0) {
+          } else {
+            let pIndex = path.indexOf("?");
+            if (pIndex > 0) {
+              path = path.substring(0, pIndex);
+            }
+          }
+        }
+      } else if (route3.type === 5) {
+        //动态表单
+        let url = route3.route || route3.url;
+        path = url;
+      }
+      if (path && path.startsWith("@")) {
+        path = null;
+      }
+      return path;
+    },
+    jumpOutLink(route) {
+      let path = route.url;
+      if (route.type === 4 && path) {
+        if (path.indexOf("token={token}") >= 0) {
+          path = path.replace("token={token}", "token=" + getToken());
+        }
+        window.open(path);
+      }
+    },
+    initWfParam() {
+      return this.$http({
+        url: USER_PREFIX + "/wf_param/list",
+        method: `post`,
+        data: {},
+        isLoading: true,
+        // loadingTarget: document.body,
+        modalStrictly: true,
+        success: (res) => {
+          this.wfParamDTOs = res.objx || [];
+          // this.initWfTableList();
+        },
+      });
+    },
+    getWfInfoList(isLoading) {
+      if (!this.activating) {
+        return;
+      }
+      this.$http({
+        url: USER_PREFIX + "/wf_info/listPage",
+        data: { type: 0, size: 20, searchCount: false },
+        method: "post",
+        isLoading: isLoading,
+        modal: isLoading || false,
+        // loadingTarget: document.body,
+        success: (res) => {
+          this.unDoWfRows =
+            res.objx && res.objx.records ? res.objx.records : [];
+        },
+        failMsg: false,
+        errorMsg: false,
+        fail: (res, response) => {
+          if (response && response.status === 200) {
+            this.$errorMsg(res);
+          }
+        },
+      });
+    },
+    getUnreadMessageNum(isLoading) {
+      if (!this.activating) {
+        return;
+      }
+      return this.$http({
+        url: USER_PREFIX + "/notify_message/countMessage",
+        method: `post`,
+        data: {},
+        isLoading: isLoading,
+        modal: isLoading || false,
+        // loadingTarget: document.body,
+        success: (res) => {
+          this.unreadMessageNum = res.objx || 0;
+        },
+        failMsg: false,
+        errorMsg: false,
+        fail: (res, response) => {
+          if (response && response.status === 200) {
+            this.$errorMsg(res);
+          }
+        },
+      });
+    },
+    wfhandleCallback(flag) {
+      if ([1, 2, 3].includes(flag)) {
+        this.showWfDialog = false;
+        this.wfClose();
+      }
+    },
+    toWfManageList() {
+      let url = this.wf_manage_url || "/basic/wf/wf_manage/list";
+      this.$router.push(url);
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+@import "~@/styles/variables.scss";
+::v-deep .el-link {
+  color: rgba(0, 0, 0, 0.65);
+  .iconfont {
+    margin-right: 4px;
+    font-size: 14px;
+  }
+  &:hover {
+    color: $baseColor;
+  }
+}
+.workbenches {
+  padding: 18px 24px 0px;
+}
+.workbenches-head {
+  color: rgba(0, 0, 0, 0.65);
+  margin-bottom: 16px;
+  line-height: 1;
+  font-size: 14px;
+  .icon-haier {
+    color: $baseColor;
+    font-size: 24px;
+    margin-right: 16px;
+  }
+  .logo {
+    height: 30px;
+    vertical-align: middle;
+  }
+  > span {
+    margin-right: 16px;
+    &.f-blue {
+      font-size: 16px;
+      vertical-align: middle;
+      line-height: 1;
+      display: inline-block;
+    }
+  }
+}
+.workbenches-box {
+  height: calc(100vh - 94px); /**margin-bottom: 16px;*/
+  > .el-row {
+    height: 100%;
+    > .el-col {
+      height: 100%;
+    }
+  }
+  .w-box {
+    background: #fff;
+    border-radius: 4px;
+    overflow: hidden;
+    height: 100%;
+    .w-b-head {
+      overflow: hidden;
+      margin: 16px 24px;
+      .tit {
+        b {
+          font-size: 16px;
+          font-weight: 600;
+          vertical-align: middle;
+        }
+        .nums {
+          margin-left: 8px;
+          border-radius: 4px;
+          width: 20px;
+          height: 20px;
+          display: inline-block;
+          background-color: #ff4d4f;
+          color: #fff;
+          text-align: center;
+          line-height: 20px;
+          font-style: inherit;
+          font-size: 12px;
+          vertical-align: middle;
+        }
+      }
+      .el-link {
+        margin-left: 24px;
+      }
+    }
+  }
+  .wnotice-box {
+    padding: 0 24px 4px;
+    overflow: auto;
+    height: calc(100% - 52px);
+    .item {
+      border: solid 1px rgba(0, 0, 0, 0.15);
+      border-radius: 4px;
+      padding: 12px;
+      display: flex;
+      margin-bottom: 12px;
+      line-height: 18px;
+      cursor: pointer;
+      font-size: 14px;
+      .no-read {
+        background-color: #faad14;
+        border-radius: 4px;
+        color: #fff;
+        font-size: 12px;
+        font-style: inherit;
+        line-height: 18px;
+        padding: 0 4px;
+        margin-right: 8px;
+      }
+      .name {
+        flex: 1;
+      }
+      .date {
+        color: rgba(0, 0, 0, 0.45);
+        font-size: 12px;
+      }
+      &:hover {
+        border-color: $baseColor;
+        .name {
+          color: $baseColor;
+        }
+      }
+    }
+  }
+  .agenda-box {
+    padding: 0 24px 4px;
+    overflow: auto;
+    height: calc(100% - 52px);
+    .item {
+      border: solid 1px rgba(0, 0, 0, 0.15);
+      border-radius: 4px;
+      padding: 12px;
+      margin-bottom: 12px;
+      cursor: pointer;
+      p {
+        margin: 0;
+      }
+      .name {
+        margin-bottom: 8px;
+        font-size: 14px;
+      }
+      .info {
+        font-size: 12px;
+        > span {
+          margin-right: 32px;
+          color: rgba(0, 0, 0, 0.45);
+        }
+      }
+      &:hover {
+        border-color: $baseColor;
+        .name {
+          color: $baseColor;
+        }
+      }
+    }
+  }
+  .use-cases {
+    overflow: auto;
+    padding: 0 24px 4px;
+    height: calc(100% - 52px);
+    .item {
+      margin-bottom: 32px;
+      .t {
+        &:before {
+          content: "";
+          width: 4px;
+          height: 15px;
+          border-radius: 4px;
+          background: $baseColor;
+          margin-right: 8px;
+          vertical-align: middle;
+          display: inline-block;
+        }
+        span {
+          vertical-align: middle;
+          font-size: 14px;
+        }
+      }
+      .c {
+        padding: 2px 12px;
+        .i-block {
+          display: inline-block;
+          width: 84px;
+          margin-right: 52px;
+          text-align: center;
+          font-size: 12px;
+          margin-top: 18px;
+          cursor: pointer;
+          vertical-align: top;
+          .icon {
+            width: 44px;
+            height: 44px;
+            border-radius: 8px;
+            color: #fff;
+            display: block;
+            margin: 0 auto 8px;
+            font-size: 20px;
+            font-style: inherit;
+            line-height: 44px;
+          }
+          &:hover {
+            color: $baseColor;
+          }
+          .tips {
+            zoom: 0.8;
+            display: inline-block;
+            line-height: 1.2;
+            margin: 0 -42px 8px;
+          }
+        }
+      }
+    }
+  }
+}
+.workbenches-info {
+  padding: 0 24px;
+  margin: 0 -24px;
+  background: #fff;
+  height: 50px;
+  display: flex;
+  font-size: 12px;
+  color: rgba(0, 0, 0, 0.65);
+  .w-left {
+    padding: 10px 0;
+    height: 100%;
+    text-align: right;
+    vertical-align: middle;
+    flex: 1;
+    zoom: 0.9;
+    span {
+      margin: 3px 0px;
+      display: block;
+    }
+  }
+  .w-right {
+    line-height: 74px;
+  }
+}
+</style>