cloud-web-corejs 1.1.0-dev.6 → 1.1.0-dev.60

package/src/views/user/home/wjl/content.vue

@@ -1,1569 +1,1581 @@
-<template>
-  <div class="index-home">
-    <el-row class="home-top">
-      <el-col :span="8">
-        <div class="i-user-info">
-          <img class="img" v-if="headPhotoUrl" :src="headPhotoUrl" />
-          <p class="name">{{ $t1("您好") }}，{{ userInfo.nickName }}</p>
-          <p>{{ companyInfo.companyName }}</p>
-        </div>
-        <div class="notice-box">
-          <div class="txt" @click="openMoreNotifyMessage()">
-            <i class="iconfont icon-xiaoxitongzhi"></i>
-            <span
-              v-if="unreadMessageNum > 0"
-              v-html="
-                $t1('您 有{number}条 未读消息，请及时查看。', {
-                  number: `<b>${
-                    unreadMessageNum > 99 ? '99+' : unreadMessageNum
-                  }</b>`,
-                })
-              "
-            >
-            </span>
-            <span v-else-if="unreadMessageNum == 0">
-              {{ $t1("您 暂无 未读消息。") }}
-            </span>
-          </div>
-          <el-tooltip
-            class="item"
-            effect="dark"
-            :content="$t1('刷新')"
-            placement="top"
-          >
-            <el-button type="text" @click="getUnreadMessageNum(true)"
-              ><i class="el-icon-refresh"></i
-            ></el-button>
-          </el-tooltip>
-          <el-tooltip
-            class="item"
-            effect="dark"
-            :content="$t1('查看更多')"
-            placement="top"
-          >
-            <el-button
-              type="text"
-              @click="openMoreNotifyMessage()"
-              class="more"
-            >
-              <i class="el-icon-news"></i>
-            </el-button>
-          </el-tooltip>
-        </div>
-        <el-card class="box-card">
-          <div slot="header" class="clearfix">
-            <span style="float: left">
-              <i class="el-icon-chat-line-round ico"></i>
-              {{ $t1("公告") }}
-            </span>
-            <el-button type="text" @click="openSystemNoticeDialog()"
-              ><span class="more">MORE+</span></el-button
-            >
-          </div>
-          <div class="home-notice-list">
-            <div
-              v-for="(systemNotice, index) in systemNotices"
-              :key="index"
-              class="item"
-              @click="openSystemNoticeDialog(systemNotice)"
-              :title="systemNotice.title"
-            >
-              {{ systemNotice.title }}
-              <span class="time">{{
-                systemNotice.modifyDate.substring(0, 10)
-              }}</span>
-            </div>
-          </div>
-        </el-card>
-      </el-col>
-      <el-col :span="homeConfig.toDoSpan || 16" style="padding-left: 6px">
-        <el-card class="box-card">
-          <div slot="header" class="clearfix">
-            <span style="float: left">
-              <i class="el-icon-chat-line-round ico"></i>
-              {{ $t1("待办事项") }}
-            </span>
-            <el-tooltip
-              class="item"
-              effect="dark"
-              :content="$t1('刷新')"
-              placement="top"
-            >
-              <el-button
-                type="text"
-                @click="getWfInfoList(true)"
-                class="more"
-                style="right: 107px"
-              >
-                <i class="el-icon-refresh"></i>
-              </el-button>
-            </el-tooltip>
-            <el-button type="text" @click="toWorkflowManage()" class="more">
-              <i class="el-icon-news"></i>
-              <span>{{ $t1("查看更多+") }}</span>
-            </el-button>
-          </div>
-          <div class="need-to">
-            <vxe-grid
-              :data="unDoWfRows"
-              ref="table-wf"
-              v-bind="wfOption"
-              @resizable-change="$vxeTableUtil.onColumnWitchChange"
-              @custom="$vxeTableUtil.customHandle"
-            ></vxe-grid>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-    <el-row class="home-bottom" v-show="isServiceProvider">
-      <el-col :span="10">
-        <el-card class="box-card">
-          <div slot="header" class="clearfix">
-            <span style="float: left">
-              <i class="el-icon-star-off ico"></i>
-              {{ $t1("快捷通道") }}
-            </span>
-            <el-tooltip
-              class="item"
-              effect="dark"
-              :content="$t1('刷新')"
-              placement="top"
-            >
-              <el-button type="text" @click="getOrderCount(true)" class="more">
-                <i class="el-icon-refresh"></i>
-              </el-button>
-            </el-tooltip>
-          </div>
-          <div class="shortcut-box">
-            <div
-              class="item"
-              v-for="item in shortcutItems"
-              :key="item.key"
-              @click="openShortcut(item)"
-            >
-              <span class="name">{{ item.name }}</span>
-              <span class="count">({{ item.count }})</span>
-            </div>
-          </div>
-        </el-card>
-      </el-col>
-      <el-col :span="14" style="padding-left: 6px">
-        <el-card class="box-card">
-          <div slot="header" class="clearfix">
-            <span style="float: left">
-              <i class="el-icon-message ico"></i>
-              {{ $t1("待处理消息") }}
-            </span>
-            <el-tooltip
-              class="item"
-              effect="dark"
-              :content="$t1('刷新')"
-              placement="top"
-            >
-              <el-button
-                type="text"
-                @click="getOrderMessage(true)"
-                class="more"
-                style="right: 72px"
-              >
-                <i class="el-icon-refresh"></i>
-              </el-button>
-            </el-tooltip>
-            <el-button type="text" @click="openOrderMessageList()"
-              ><span class="more">MORE+</span></el-button
-            >
-          </div>
-          <div class="pending-msg">
-            <vxe-grid
-              :data="pendingMessageRows"
-              ref="table-pending-msg"
-              v-bind="pendingMsgOption"
-              @resizable-change="$vxeTableUtil.onColumnWitchChange"
-              @custom="$vxeTableUtil.customHandle"
-            ></vxe-grid>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-    <slot></slot>
-    <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>
-
-    <notifyMessageDialog ref="notifyMessageDialog"></notifyMessageDialog>
-
-    <notifyMessageInfoDialog
-      v-if="showNoticeDialog"
-      :visiable.sync="showNoticeDialog"
-      :dataId.sync="notifyMessageInfoId"
-      @readHanlde="notifyMessageReadHanlde"
-    ></notifyMessageInfoDialog>
-
-    <el-dialog
-      :title="$t1('处理消息')"
-      :append-to-body="true"
-      :modal-append-to-body="true"
-      :close-on-click-modal="false"
-      v-if="showDealDialog"
-      :visible.sync="showDealDialog"
-      custom-class="el-dialog dialog-style"
-      width="560px"
-      :destroy-on-close="true"
-      v-el-drag-dialog
-    >
-      <el-form :model="dealForm" label-width="100px" class="deal-msg-form">
-        <el-form-item :label="$t1('标题')">
-          <span>{{ dealRow.title }}</span>
-        </el-form-item>
-        <el-form-item :label="$t1('业务单据号')">
-          <span>{{ dealRow.bill_order_no }}</span>
-        </el-form-item>
-        <el-form-item :label="$t1('消息内容')">
-          <div class="deal-msg-content">{{ dealRow.content }}</div>
-        </el-form-item>
-        <el-form-item :label="$t1('处理备注')">
-          <el-input
-            type="textarea"
-            v-model="dealForm.deal_remark"
-            :rows="4"
-            :placeholder="$t1('请输入处理备注')"
-            maxlength="500"
-            show-word-limit
-          />
-        </el-form-item>
-      </el-form>
-      <span slot="footer" class="dialog-footer">
-        <el-button @click="showDealDialog = false">{{ $t1("取消") }}</el-button>
-        <el-button
-          type="primary"
-          :loading="dealSubmitting"
-          @click="submitDealMessage"
-          >{{ $t1("确定") }}</el-button
-        >
-      </span>
-    </el-dialog>
-
-    <el-dialog
-      :title="$t1('选择分组')"
-      :append-to-body="true"
-      :modal-append-to-body="true"
-      :close-on-click-modal="false"
-      v-if="showGroupDialog"
-      :visible.sync="showGroupDialog"
-      :modal="false"
-      custom-class="el-dialog dialog-style list-dialog"
-      width="355px"
-      :destroy-on-close="true"
-    >
-      <div class="cont group-list">
-        <div
-          class="item"
-          v-for="(notifyTemplate, index) in notifyTemplates"
-          :key="index"
-          @click="openMoreNotifyMessage(notifyTemplate.notifyType)"
-        >
-          <i class="iconfont icon-fenzu"></i>
-          <span class="name">{{ notifyTemplate.ntName }}</span>
-          <!--          <span class="nums">99+</span>-->
-        </div>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import systemNoticeInfoDialog from "@base/views/user/system_notice/infoDialog.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 { getLogicParamValue } from "@base/api/user";
-
-export default {
-  name: "home",
-  components: {
-    systemNoticeInfoDialog,
-    notifyMessageDialog,
-    notifyMessageInfoDialog,
-    wfContentDialog,
-  },
-  data() {
-    return {
-      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: "",
-      notifyMessages: [],
-      notifyMessageInfoIndex: null,
-      notifyMessageInfoId: null,
-      unreadMessageNum: 0,
-      activating: true,
-      wfTimer: null,
-      homeConfig: corejsConfig.homeConfig || {},
-      pendingMsgOption: {},
-      isServiceProvider: false,
-      roleChecked: false,
-      showDealDialog: false,
-      dealSubmitting: false,
-      dealRow: {},
-      dealForm: {
-        deal_remark: "",
-      },
-      shortcutItems: [
-        {
-          key: "unTakeQty",
-          name: "待接单",
-          count: 0,
-          formCode: "fwm_so_order_list",
-          query: { quick_type: 1 },
-        },
-        {
-          key: "outTimeBookQty",
-          name: "超时预约",
-          count: 0,
-          formCode: "fwm_so_order_list",
-          query: { quick_type: 2 },
-        },
-        {
-          key: "unBookQty",
-          name: "待预约",
-          count: 0,
-          formCode: "fwm_so_order_list",
-          query: { quick_type: 3 },
-        },
-        {
-          key: "unTakeEngineerQty",
-          name: "待派师傅",
-          count: 0,
-          formCode: "fwm_so_order_list",
-          query: { quick_type: 4 },
-        },
-        {
-          key: "engineerReturnQty",
-          name: "师傅退单",
-          count: 0,
-          formCode: "fwm_so_order_list",
-          query: { quick_type: 5 },
-        },
-        {
-          key: "unIntallQty",
-          name: "签收待安装",
-          count: 0,
-          formCode: "fwm_so_order_list",
-          query: { quick_type: 6 },
-        },
-        {
-          key: "unFinishQty",
-          name: "待完工单",
-          count: 0,
-          formCode: "fwm_so_order_list",
-          query: { quick_type: 7 },
-        },
-        {
-          key: "unCommitFinishQty",
-          name: "待确认完工",
-          count: 0,
-          formCode: "fwm_so_order_list",
-          query: { quick_type: 8 },
-        },
-        {
-          key: "unComplainQty",
-          name: "待申诉",
-          count: 0,
-          formCode: "fwm_so_order_appeal_list",
-          query: { query_type: 3 },
-        },
-        {
-          key: "urgeOrComplainQty",
-          name: "投诉/催单",
-          count: 0,
-          formCode: "fwm_so_order_list",
-          query: { quick_type: 10 },
-        },
-      ],
-      pendingMessageRows: [],
-    };
-  },
-  activated() {
-    this.activating = true;
-    if (!this.wfTimer) {
-      this.initWfTimer();
-    } else {
-      this.timerExcFun(true);
-    }
-  },
-  deactivated() {
-    this.activating = false;
-  },
-  beforeDestroy() {
-    this.clearTimer();
-  },
-  created() {
-    this.getUserInfo();
-    this.initSystemNotice();
-    this.initNotifyMessage();
-    this.initWfParam();
-    this.initWfTimer();
-    //初始化流程待办路由
-    this.initWorkflowManageRoute();
-    this.initServiceProviderRole();
-  },
-  mounted() {
-    this.initPendingMsgTable();
-  },
-  methods: {
-    initWorkflowManageRoute() {
-      //初始化流程待办路由
-      getLogicParamValue({
-        data: { paramCode: "workflowManageRoute" },
-        success: (res) => {
-          let value = res?.objx;
-          this.workflowManageRoute = value || "/basic/wf/wf_manage/list";
-        },
-      });
-    },
-    toWorkflowManage() {
-      this.$router.push(this.workflowManageRoute);
-    },
-    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);
-      if (this.isServiceProvider) {
-        this.getOrderCount(isLoading);
-        this.getOrderMessage(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").default || require("@/resources/images/default-header.png"));
-
-          this.userInfo = userInfo;
-          this.initServiceProviderRole();
-        },
-      });
-      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,
-        };
-      });
-      var statuses = {
-        running: this.$t1("审核中"),
-        back: this.$t1("已驳回"),
-        end: this.$t1("已完成"),
-      };
-      let tableOption = {
-        vue: this,
-        tableRef: "table-wf",
-        tableName: "home-table-wf",
-        config: {
-          height: "auto",
-        },
-        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-edit" />
-                    </el-tooltip>
-                  </a>,
-                ];
-              },
-            },
-          },
-        ],
-      };
-      this.$vxeTableUtil.initVxeTable(tableOption).then((opts) => {
-        this.wfOption = opts;
-      });
-    },
-    initPendingMsgTable() {
-      let tableOption = {
-        vue: this,
-        tableRef: "table-pending-msg",
-        tableName: "home-table-pending-msg",
-        config: {
-          height: "auto",
-          toolbarConfig: {
-            enabled: false,
-          },
-          pagerConfig: {
-            enabled: false,
-          },
-        },
-        columns: [
-          {
-            title: this.$t1("通知时间"),
-            field: "create_date",
-            width: 150,
-          },
-          {
-            title: this.$t1("消息类型"),
-            field: "message_type",
-            width: 120,
-            slots: {
-              default: ({ row }) => {
-                return [
-                  <span>{this.getMessageTypeName(row.message_type)}</span>,
-                ];
-              },
-            },
-          },
-          {
-            title: this.$t1("业务单据号"),
-            field: "bill_order_no",
-            minWidth: 150,
-            slots: {
-              default: ({ row }) => {
-                return [
-                  <a
-                    href="javascript:void(0);"
-                    class="a-link"
-                    onclick={() => {
-                      this.openOrderView(row);
-                    }}
-                  >
-                    {row.bill_order_no}
-                  </a>,
-                ];
-              },
-            },
-          },
-          {
-            title: this.$t1("标题"),
-            field: "title",
-            minWidth: 150,
-          },
-          {
-            title: this.$t1("操作"),
-            width: 70,
-            fixed: "right",
-            sortable: false,
-            slots: {
-              default: ({ row }) => {
-                return [
-                  <a
-                    href="javascript:void(0);"
-                    class="a-link"
-                    onclick={() => {
-                      this.handlePendingMessage(row);
-                    }}
-                  >
-                    {this.$t1("处理")}
-                  </a>,
-                ];
-              },
-            },
-          },
-        ],
-      };
-      this.$vxeTableUtil.initVxeTable(tableOption).then((opts) => {
-        this.pendingMsgOption = opts;
-        this.$nextTick(() => {
-          let grid = this.$refs["table-pending-msg"];
-          if (grid && grid.recalculate) {
-            grid.recalculate();
-          }
-        });
-      });
-    },
-    handlePendingMessage(row) {
-      this.dealRow = row || {};
-      this.dealForm = { deal_remark: "" };
-      this.dealSubmitting = false;
-      this.showDealDialog = true;
-    },
-    openOrderView(row) {
-      let dataId = row.id;
-      if (dataId == null) {
-        this.$message.warning(this.$t1("未找到工单"));
-        return;
-      }
-      this.wfContentOption = {
-        objId: dataId,
-        url: "form",
-        formCode: "fwm_so_order_view",
-      };
-      this.showWfDialog = true;
-    },
-    submitDealMessage() {
-      if (!this.dealRow || !this.dealRow.id) {
-        return;
-      }
-      this.dealSubmitting = true;
-      this.callFormScript({
-        url: YX_PREFIX + "/bd_api/fwm_so_order_message_list/doDealOrderMessage",
-        data: {
-          id: this.dealRow.id,
-          deal_remark: this.dealForm.deal_remark,
-        },
-        isLoading: true,
-        success: (res) => {
-          this.dealSubmitting = false;
-          this.showDealDialog = false;
-          this.$message.success(res.content || this.$t1("处理成功"));
-          this.getOrderCount(true);
-          this.getOrderMessage(true);
-        },
-        fail: (res, response) => {
-          this.dealSubmitting = false;
-          if (response && response.status == 200) {
-            this.$errorMsg(res);
-          }
-        },
-      });
-    },
-    getMessageTypeName(type) {
-      let map = {
-        1: this.$t1("工单"),
-        2: this.$t1("备件申请"),
-        3: this.$t1("结算"),
-        4: this.$t1("考核"),
-      };
-      return map[type] || type || "";
-    },
-    initServiceProviderRole() {
-      if (this.roleChecked) {
-        return;
-      }
-      let userId = this.$store.getters.userId || this.userInfo.id;
-      if (!userId) {
-        return;
-      }
-      this.roleChecked = true;
-      this.$http({
-        url: USER_PREFIX + "/user/getUserRole",
-        method: "post",
-        data: { id: userId },
-        failMsg: false,
-        errorMsg: false,
-        success: (res) => {
-          let rows = res.objx || [];
-          let codes = rows.map((row) => row.roleCode);
-          this.isServiceProvider =
-            codes.includes("yjfws") || codes.includes("ejfws");
-          if (this.isServiceProvider) {
-            this.getOrderCount(true);
-            this.getOrderMessage(true);
-            this.$nextTick(() => {
-              let grid = this.$refs["table-pending-msg"];
-              if (grid && grid.recalculate) {
-                grid.recalculate();
-              }
-            });
-          }
-        },
-        fail: () => {
-          this.roleChecked = false;
-        },
-      });
-    },
-    callFormScript(opts) {
-      let isLoading = opts.isLoading ?? true;
-      return this.$http({
-        url: opts.url,
-        method: "post",
-        data: opts.data || {},
-        isLoading,
-        modal: isLoading || false,
-        success: opts.success,
-        failMsg: false,
-        errorMsg: false,
-        fail:
-          opts.fail ||
-          ((res, response) => {
-            if (response && response.status == 200) {
-              this.$errorMsg(res);
-            }
-          }),
-      });
-    },
-    getOrderCount(isLoading) {
-      if (!this.isServiceProvider || !this.activating) {
-        return;
-      }
-      this.callFormScript({
-        url: YX_PREFIX + "/bd_api/intf/getOrderCount",
-        isLoading,
-        success: (res) => {
-          let objx = res.objx || {};
-          this.shortcutItems.forEach((item) => {
-            item.count = objx[item.key] != null ? objx[item.key] : 0;
-          });
-        },
-      });
-    },
-    getOrderMessage(isLoading) {
-      if (!this.isServiceProvider || !this.activating) {
-        return;
-      }
-      this.callFormScript({
-        url: YX_PREFIX + "/bd_api/intf/getOrderMessage",
-        isLoading,
-        success: (res) => {
-          let objx = res.objx;
-          this.pendingMessageRows = Array.isArray(objx)
-            ? objx
-            : (objx && objx.records) || [];
-        },
-      });
-    },
-    openShortcut(item) {
-      if (!item || !item.formCode) {
-        return;
-      }
-      this.openFormList(item.formCode, item.query);
-    },
-    openOrderMessageList() {
-      this.openFormList("fwm_so_order_message_list");
-    },
-    findFormPath(formCode) {
-      if (!formCode) {
-        return null;
-      }
-      let match = (path) => {
-        if (!path) {
-          return false;
-        }
-        let p = String(path).split("?")[0];
-        return p === formCode || p.endsWith("/" + formCode);
-      };
-      let walk = (routes) => {
-        for (let r of routes || []) {
-          if (match(r.path) || match(r.url)) {
-            let candidates = [r.path, r.url].filter(Boolean);
-            return (
-              candidates.find((p) => String(p).startsWith("/")) || candidates[0]
-            );
-          }
-          let found = walk(r.children);
-          if (found) {
-            return found;
-          }
-        }
-        return null;
-      };
-      return (
-        walk(this.$store.getters.permission_routes) ||
-        walk(this.$store.getters.add_routes) ||
-        walk(this.$store.getters.sidebarRouters)
-      );
-    },
-    openFormList(formCode, query) {
-      let path = this.findFormPath(formCode);
-      if (!path) {
-        this.$message.warning(this.$t1("未找到对应菜单"));
-        return;
-      }
-      path = String(path).split("?")[0];
-      let q = query || {};
-      let queryData = { ...q };
-      if (
-        formCode !== "fwm_so_order_list" &&
-        formCode !== "fwm_so_order_appeal_list"
-      ) {
-        queryData.param = JSON.stringify(q);
-      }
-      let view = {
-        path,
-        query: queryData,
-      };
-      this.$store.dispatch("tagsView/delCachedView", view).then(() => {
-        this.$openView(view);
-      });
-    },
-    openWfDialog(row) {
-      this.wfContentOption = {
-        objId: row.objId,
-        url: row.url,
-        objTypeCode: row.objTypeCode,
-        formCode: row.formCode,
-      };
-      this.showWfDialog = true;
-    },
-    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();
-      }
-    },
-  },
-};
-</script>
-<style lang="scss" scoped>
-@import "~@/styles/variables.scss";
-
-body #app .index-home {
-  margin: 3px 10px;
-  height: calc(100vh - 44px);
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-
-  #containt {
-    margin: 0;
-    background: none;
-    height: auto;
-    box-shadow: none;
-  }
-
-  .i-user-info {
-    background: url(~@/resources/images/home-img.png) #2a6494 no-repeat 116%
-      45px;
-    margin-bottom: 6px;
-    background-size: 181px;
-    padding: 14px 38px 11px 16px;
-    border-radius: 4px 4px;
-    color: #fff;
-    font-size: 12px;
-    margin-top: 3px;
-    height: 95px;
-    overflow: hidden;
-
-    .name {
-      opacity: 1;
-      font-weight: 600;
-      margin: 9px 0 14px;
-      font-size: 14px;
-    }
-
-    .img {
-      width: 60px;
-      height: 60px;
-      float: left;
-      border-radius: 50%;
-      border: solid 4px rgba(255, 255, 255, 0.28);
-      margin-right: 10px;
-    }
-  }
-
-  .home-notice-list {
-    height: 182px;
-    margin: 0 -12px;
-
-    .item {
-      padding: 6px 12px;
-      font-size: 12px;
-      cursor: pointer;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-
-      .time {
-        color: #b9b9b9;
-        font-size: 12px;
-        right: 12px;
-      }
-
-      &:hover {
-        color: $baseColor;
-        background-color: transparentize($baseColor, 0.97);
-
-        .time {
-          color: $baseColor;
-        }
-      }
-
-      &.no-read:before {
-        content: "";
-        width: 6px;
-        height: 6px;
-        background-color: $red;
-        border-radius: 50%;
-        vertical-align: middle;
-        display: inline-block;
-        margin-bottom: 1px;
-      }
-    }
-
-    &.to-reed {
-      height: 300px;
-      overflow: auto;
-      margin: -8px -12px;
-
-      .item {
-        white-space: initial;
-        padding: 8px 22px 2px;
-        position: relative;
-
-        &:after {
-          content: "";
-          position: absolute;
-          left: 22px;
-          right: 22px;
-          border-top: dashed 1px #eee;
-          height: 1px;
-          bottom: 0;
-        }
-
-        &.noread {
-          &:before {
-            content: "";
-            width: 6px;
-            height: 6px;
-            background-color: $red;
-            border-radius: 50%;
-            margin-right: 5px;
-            display: inline-block;
-            position: absolute;
-            left: 10px;
-            top: 16px;
-          }
-        }
-
-        .el-tag {
-          zoom: 0.95;
-          padding: 0 5px;
-          height: 24px;
-          line-height: 24px;
-        }
-
-        // .noread{
-        // 	position: absolute;right:0;top:0;
-        // 	span{transform: rotate(47deg);
-        // 	-ms-transform: rotate(47deg);
-        // 	-moz-transform: rotate(47deg);
-        // 	-webkit-transform: rotate(47deg);
-        // 	-o-transform: rotate(47deg);
-        // 	z-index: 3;
-        // 	color: #FFF;
-        // 	position: absolute;
-        // 	right: 1px;
-        // 	top: 2px;}
-        // 	&:after{
-        // 		content: "\e618";
-        // 		font-size: 62px;
-        // 		font-family: "iconfont";
-        // 		color:$red
-        // 	}
-        // }
-        .time {
-          position: relative;
-          right: 0;
-          margin-left: 12px;
-        }
-
-        .name {
-          overflow: hidden;
-          text-overflow: ellipsis;
-          white-space: nowrap;
-          margin-top: 3px;
-          display: block;
-          margin-bottom: 4px;
-        }
-
-        &:hover .name {
-          color: $baseColor;
-        }
-
-        &:first-child:before {
-          border-top: none;
-        }
-
-        .btns {
-          text-align: right;
-
-          .el-link {
-            font-size: 12px;
-            display: inline-block;
-            margin-left: 14px;
-
-            i {
-              font-size: 12px;
-              margin-right: 3px;
-            }
-          }
-        }
-      }
-    }
-  }
-
-  .home-top {
-    flex: none;
-  }
-
-  .home-bottom {
-    flex: 1;
-    min-height: 0;
-    display: flex;
-
-    > .el-col {
-      height: 100%;
-      display: flex;
-      flex-direction: column;
-    }
-
-    .box-card {
-      flex: 1;
-      min-height: 0;
-      display: flex;
-      flex-direction: column;
-
-      &.el-card.is-always-shadow {
-        margin-top: 0 !important;
-      }
-    }
-
-    ::v-deep .el-card__body {
-      flex: 1;
-      min-height: 0;
-      display: flex;
-      flex-direction: column;
-    }
-  }
-
-  .shortcut-box {
-    flex: 1;
-    min-height: 0;
-    display: grid;
-    grid-template-columns: repeat(5, 1fr);
-    grid-template-rows: repeat(2, 1fr);
-    gap: 8px;
-
-    .item {
-      border: solid 1px #e2e2e2;
-      border-radius: 2px;
-      text-align: center;
-      padding: 12px 4px 10px;
-      cursor: pointer;
-      background: #fff;
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-
-      .name {
-        display: block;
-        color: #424242;
-        font-size: 12px;
-        line-height: 20px;
-      }
-
-      .count {
-        display: block;
-        color: #d62b31;
-        font-size: 12px;
-        line-height: 20px;
-      }
-
-      &:hover {
-        border-color: $baseColor;
-        background-color: transparentize($baseColor, 0.95);
-
-        .name {
-          color: $baseColor;
-        }
-      }
-    }
-  }
-
-  .need-to {
-    height: 332px;
-  }
-
-  .pending-msg {
-    flex: 1;
-    min-height: 0;
-    height: 100%;
-  }
-
-  .table-box {
-    width: 100%;
-    font-size: 12px;
-
-    th {
-      line-height: 32px;
-      background: #f7f7f7;
-      font-weight: 400;
-      color: #808080;
-      padding: 0 6px;
-    }
-
-    td {
-      text-align: center;
-      line-height: 34px;
-      color: #424242;
-      border-bottom: solid 1px #eee;
-      padding: 0 6px;
-    }
-
-    tr:last-child td {
-      border-bottom: none;
-    }
-  }
-}
-
-.deal-msg-form {
-  padding: 8px 12px 0;
-
-  .deal-msg-content {
-    max-height: 160px;
-    overflow: auto;
-    line-height: 20px;
-    white-space: pre-wrap;
-    word-break: break-all;
-  }
-}
-
-.box-card .more {
-  background-color: #f7f7f7;
-}
-
-.group-list {
-  padding: 18px 18px 6px 32px !important;
-  height: 400px;
-  overflow: auto;
-
-  .item {
-    position: relative;
-    height: 36px;
-    border: solid 1px #eee;
-    line-height: 34px;
-    border-radius: 2px;
-    padding: 0 42px 0 14px;
-    margin-bottom: 10px;
-    cursor: pointer;
-
-    &::before {
-      content: "";
-      width: 8px;
-      height: 8px;
-      border: solid 1px #eee;
-      border-radius: 50%;
-      display: inline-block;
-      position: absolute;
-      left: -16px;
-      top: 13px;
-    }
-
-    &.checked {
-      &:before {
-        content: "";
-        background-color: $baseColor;
-        border-color: $baseColor;
-      }
-
-      background-color: transparentize($baseColor, 0.9);
-      color: $baseColor;
-      border-color: $baseColor;
-    }
-
-    i {
-      font-size: 12px;
-      vertical-align: middle;
-    }
-
-    .name {
-      font-size: 12px;
-      margin-left: 8px;
-      vertical-align: middle;
-    }
-
-    .nums {
-      width: 22px;
-      height: 22px;
-      border-radius: 50%;
-      display: inline-block;
-      position: absolute;
-      right: 5px;
-      top: 6px;
-      color: #fff;
-      font-size: 12px;
-      background-color: $red;
-      line-height: 22px;
-      text-align: center;
-    }
-  }
-}
-
-.notice-box {
-  background-color: #2a649429;
-  border-radius: 0 0 4px 4px;
-  padding: 9px 12px;
-  margin-bottom: 5px;
-  margin-top: -6px;
-  position: relative;
-  z-index: 2;
-  font-size: 13px;
-  color: #212121;
-  overflow: hidden;
-
-  .txt {
-    line-height: 28px;
-    font-size: 12px;
-    position: relative;
-    display: inline-block;
-    cursor: pointer;
-
-    &:before {
-      content: "";
-      background-color: $baseColor;
-      width: 4px;
-      height: 20px;
-      border-radius: 2px;
-      display: inline-block;
-      vertical-align: middle;
-      margin-right: 18px;
-    }
-
-    i {
-      font-size: 14px;
-      margin-right: 12px;
-      vertical-align: middle;
-    }
-
-    > span {
-      vertical-align: middle;
-      height: 22px;
-      line-height: 22px;
-      display: inline-block;
-
-      b {
-        color: #fff;
-        margin: 0 4px;
-        font-size: 16px;
-        vertical-align: middle;
-        background: #ff5615;
-        border-radius: 50%;
-        display: inline-block;
-        padding: 4px;
-        font-weight: 200;
-        line-height: 1;
-      }
-    }
-  }
-
-  .el-button {
-    position: absolute;
-    right: 46px;
-    padding: 0;
-    height: 22px;
-    line-height: 22px;
-    min-width: 22px;
-    text-align: center;
-    border-radius: 2px;
-    top: 50%;
-    margin-top: -11px;
-
-    i {
-      font-size: 15px;
-    }
-
-    &:hover {
-      background-color: $baseColor;
-      color: #fff;
-    }
-
-    &.more {
-      right: 12px;
-      background: #f7f7f7;
-
-      &:hover {
-        color: $baseColor;
-      }
-    }
-  }
-
-  ::v-deep .el-card.is-always-shadow {
-    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 6%);
-  }
-}
-</style>
+<template>
+  <div class="index-home">
+    <el-row class="home-top">
+      <el-col :span="10">
+        <div class="i-user-info">
+          <img class="img" v-if="headPhotoUrl" :src="headPhotoUrl" />
+          <p class="name">{{ $t1("您好") }}，{{ userInfo.nickName }}</p>
+          <p>{{ companyInfo.companyName }}</p>
+        </div>
+        <div class="notice-box">
+          <div class="txt" @click="openMoreNotifyMessage()">
+            <i class="iconfont icon-xiaoxitongzhi"></i>
+            <span
+              v-if="unreadMessageNum > 0"
+              v-html="
+                $t1('您 有{number}条 未读消息，请及时查看。', {
+                  number: `<b>${
+                    unreadMessageNum > 99 ? '99+' : unreadMessageNum
+                  }</b>`,
+                })
+              "
+            >
+            </span>
+            <span v-else-if="unreadMessageNum == 0">
+              {{ $t1("您 暂无 未读消息。") }}
+            </span>
+          </div>
+          <el-tooltip
+            class="item"
+            effect="dark"
+            :content="$t1('刷新')"
+            placement="top"
+          >
+            <el-button type="text" @click="getUnreadMessageNum(true)"
+              ><i class="el-icon-refresh"></i
+            ></el-button>
+          </el-tooltip>
+          <el-tooltip
+            class="item"
+            effect="dark"
+            :content="$t1('查看更多')"
+            placement="top"
+          >
+            <el-button
+              type="text"
+              @click="openMoreNotifyMessage()"
+              class="more"
+            >
+              <i class="el-icon-news"></i>
+            </el-button>
+          </el-tooltip>
+        </div>
+        <el-card class="box-card">
+          <div slot="header" class="clearfix">
+            <span style="float: left">
+              <i class="el-icon-chat-line-round ico"></i>
+              {{ $t1("公告") }}
+            </span>
+            <el-button type="text" @click="openSystemNoticeDialog()"
+              ><span class="more">MORE+</span></el-button
+            >
+          </div>
+          <div class="home-notice-list">
+            <div
+              v-for="(systemNotice, index) in systemNotices"
+              :key="index"
+              class="item"
+              @click="openSystemNoticeDialog(systemNotice)"
+              :title="systemNotice.title"
+            >
+              {{ systemNotice.title }}
+              <span class="time">{{
+                systemNotice.modifyDate.substring(0, 10)
+              }}</span>
+            </div>
+          </div>
+        </el-card>
+      </el-col>
+      <el-col :span="homeConfig.toDoSpan || 14" style="padding-left: 6px">
+        <el-card class="box-card">
+          <div slot="header" class="clearfix">
+            <span style="float: left">
+              <i class="el-icon-chat-line-round ico"></i>
+              {{ $t1("待办事项") }}
+            </span>
+            <el-tooltip
+              class="item"
+              effect="dark"
+              :content="$t1('刷新')"
+              placement="top"
+            >
+              <el-button
+                type="text"
+                @click="getWfInfoList(true)"
+                class="more"
+                style="right: 107px"
+              >
+                <i class="el-icon-refresh"></i>
+              </el-button>
+            </el-tooltip>
+            <el-button type="text" @click="toWorkflowManage()" class="more">
+              <i class="el-icon-news"></i>
+              <span>{{ $t1("查看更多+") }}</span>
+            </el-button>
+          </div>
+          <div class="need-to">
+            <vxe-grid
+              :data="unDoWfRows"
+              ref="table-wf"
+              v-bind="wfOption"
+              @resizable-change="$vxeTableUtil.onColumnWitchChange"
+              @custom="$vxeTableUtil.customHandle"
+            ></vxe-grid>
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+    <el-row class="home-bottom" v-show="isServiceProvider">
+      <el-col :span="10">
+        <el-card class="box-card">
+          <div slot="header" class="clearfix">
+            <span style="float: left">
+              <i class="el-icon-star-off ico"></i>
+              {{ $t1("快捷通道") }}
+            </span>
+            <el-tooltip
+              class="item"
+              effect="dark"
+              :content="$t1('刷新')"
+              placement="top"
+            >
+              <el-button type="text" @click="getOrderCount(true)" class="more">
+                <i class="el-icon-refresh"></i>
+              </el-button>
+            </el-tooltip>
+          </div>
+          <div class="shortcut-box">
+            <div
+              class="item"
+              v-for="item in shortcutItems"
+              :key="item.key"
+              @click="openShortcut(item)"
+            >
+              <span class="name">{{ item.name }}</span>
+              <span class="count">({{ item.count }})</span>
+            </div>
+          </div>
+        </el-card>
+      </el-col>
+      <el-col :span="14" style="padding-left: 6px">
+        <el-card class="box-card">
+          <div slot="header" class="clearfix">
+            <span style="float: left">
+              <i class="el-icon-message ico"></i>
+              {{ $t1("待处理消息") }}
+            </span>
+            <el-tooltip
+              class="item"
+              effect="dark"
+              :content="$t1('刷新')"
+              placement="top"
+            >
+              <el-button
+                type="text"
+                @click="getOrderMessage(true)"
+                class="more"
+                style="right: 72px"
+              >
+                <i class="el-icon-refresh"></i>
+              </el-button>
+            </el-tooltip>
+            <el-button type="text" @click="openOrderMessageList()"
+              ><span class="more">MORE+</span></el-button
+            >
+          </div>
+          <div class="pending-msg">
+            <vxe-grid
+              :data="pendingMessageRows"
+              ref="table-pending-msg"
+              v-bind="pendingMsgOption"
+              @resizable-change="$vxeTableUtil.onColumnWitchChange"
+              @custom="$vxeTableUtil.customHandle"
+            ></vxe-grid>
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+    <slot></slot>
+    <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>
+
+    <notifyMessageDialog ref="notifyMessageDialog"></notifyMessageDialog>
+
+    <notifyMessageInfoDialog
+      v-if="showNoticeDialog"
+      :visiable.sync="showNoticeDialog"
+      :dataId.sync="notifyMessageInfoId"
+      @readHanlde="notifyMessageReadHanlde"
+    ></notifyMessageInfoDialog>
+
+    <el-dialog
+      :title="$t1('处理消息')"
+      :append-to-body="true"
+      :modal-append-to-body="true"
+      :close-on-click-modal="false"
+      v-if="showDealDialog"
+      :visible.sync="showDealDialog"
+      custom-class="el-dialog dialog-style"
+      width="560px"
+      :destroy-on-close="true"
+      v-el-drag-dialog
+    >
+      <el-form :model="dealForm" label-width="100px" class="deal-msg-form">
+        <el-form-item :label="$t1('标题')">
+          <span>{{ dealRow.title }}</span>
+        </el-form-item>
+        <el-form-item :label="$t1('业务单据号')">
+          <span>{{ dealRow.bill_order_no }}</span>
+        </el-form-item>
+        <el-form-item :label="$t1('消息内容')">
+          <div class="deal-msg-content">{{ dealRow.content }}</div>
+        </el-form-item>
+        <el-form-item :label="$t1('处理备注')">
+          <el-input
+            type="textarea"
+            v-model="dealForm.deal_remark"
+            :rows="4"
+            :placeholder="$t1('请输入处理备注')"
+            maxlength="500"
+            show-word-limit
+          />
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="showDealDialog = false">{{ $t1("取消") }}</el-button>
+        <el-button
+          type="primary"
+          :loading="dealSubmitting"
+          @click="submitDealMessage"
+          >{{ $t1("确定") }}</el-button
+        >
+      </span>
+    </el-dialog>
+
+    <el-dialog
+      :title="$t1('选择分组')"
+      :append-to-body="true"
+      :modal-append-to-body="true"
+      :close-on-click-modal="false"
+      v-if="showGroupDialog"
+      :visible.sync="showGroupDialog"
+      :modal="false"
+      custom-class="el-dialog dialog-style list-dialog"
+      width="355px"
+      :destroy-on-close="true"
+    >
+      <div class="cont group-list">
+        <div
+          class="item"
+          v-for="(notifyTemplate, index) in notifyTemplates"
+          :key="index"
+          @click="openMoreNotifyMessage(notifyTemplate.notifyType)"
+        >
+          <i class="iconfont icon-fenzu"></i>
+          <span class="name">{{ notifyTemplate.ntName }}</span>
+          <!--          <span class="nums">99+</span>-->
+        </div>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import systemNoticeInfoDialog from "@base/views/user/system_notice/infoDialog.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 { getLogicParamValue } from "@base/api/user";
+
+export default {
+  name: "home",
+  components: {
+    systemNoticeInfoDialog,
+    notifyMessageDialog,
+    notifyMessageInfoDialog,
+    wfContentDialog,
+  },
+  data() {
+    return {
+      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: "",
+      notifyMessages: [],
+      notifyMessageInfoIndex: null,
+      notifyMessageInfoId: null,
+      unreadMessageNum: 0,
+      activating: true,
+      wfTimer: null,
+      homeConfig: corejsConfig.homeConfig || {},
+      pendingMsgOption: {},
+      isServiceProvider: false,
+      roleChecked: false,
+      showDealDialog: false,
+      dealSubmitting: false,
+      dealRow: {},
+      dealForm: {
+        deal_remark: "",
+      },
+      shortcutItems: [
+        {
+          key: "unTakeQty",
+          name: "待接单",
+          count: 0,
+          formCode: "fwm_so_order_list",
+          query: { quick_type: 1 },
+        },
+        {
+          key: "outTimeBookQty",
+          name: "超时预约",
+          count: 0,
+          formCode: "fwm_so_order_list",
+          query: { quick_type: 2 },
+        },
+        {
+          key: "unBookQty",
+          name: "待预约",
+          count: 0,
+          formCode: "fwm_so_order_list",
+          query: { quick_type: 3 },
+        },
+        {
+          key: "unTakeEngineerQty",
+          name: "待派师傅",
+          count: 0,
+          formCode: "fwm_so_order_list",
+          query: { quick_type: 4 },
+        },
+        {
+          key: "engineerReturnQty",
+          name: "师傅退单",
+          count: 0,
+          formCode: "fwm_so_order_list",
+          query: { quick_type: 5 },
+        },
+        {
+          key: "unIntallQty",
+          name: "签收待安装",
+          count: 0,
+          formCode: "fwm_so_order_list",
+          query: { quick_type: 6 },
+        },
+        {
+          key: "unFinishQty",
+          name: "待完工单",
+          count: 0,
+          formCode: "fwm_so_order_list",
+          query: { quick_type: 7 },
+        },
+        {
+          key: "unCommitFinishQty",
+          name: "待确认完工",
+          count: 0,
+          formCode: "fwm_so_order_list",
+          query: { quick_type: 8 },
+        },
+        {
+          key: "unComplainQty",
+          name: "待申诉",
+          count: 0,
+          formCode: "fwm_so_order_appeal_list",
+          query: { query_type: 3 },
+        },
+        {
+          key: "urgeOrComplainQty",
+          name: "投诉/催单",
+          count: 0,
+          formCode: "fwm_so_order_list",
+          query: { quick_type: 10 },
+        },
+      ],
+      pendingMessageRows: [],
+    };
+  },
+  activated() {
+    this.activating = true;
+    if (!this.wfTimer) {
+      this.initWfTimer();
+    } else {
+      this.timerExcFun(true);
+    }
+  },
+  deactivated() {
+    this.activating = false;
+  },
+  beforeDestroy() {
+    this.clearTimer();
+  },
+  created() {
+    this.getUserInfo();
+    this.initSystemNotice();
+    this.initNotifyMessage();
+    this.initWfParam();
+    this.initWfTimer();
+    //初始化流程待办路由
+    this.initWorkflowManageRoute();
+    this.initServiceProviderRole();
+  },
+  mounted() {
+    this.initPendingMsgTable();
+  },
+  methods: {
+    initWorkflowManageRoute() {
+      //初始化流程待办路由
+      getLogicParamValue({
+        data: { paramCode: "workflowManageRoute" },
+        success: (res) => {
+          let value = res?.objx;
+          this.workflowManageRoute = value || "/basic/wf/wf_manage/list";
+        },
+      });
+    },
+    toWorkflowManage() {
+      this.$router.push(this.workflowManageRoute);
+    },
+    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);
+      if (this.isServiceProvider) {
+        this.getOrderCount(isLoading);
+        this.getOrderMessage(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 = this.$assetUrl(
+            userInfo.headPhotoUrl ||
+              require("@/resources/images/default-header.png")
+          );
+
+          this.userInfo = userInfo;
+          this.initServiceProviderRole();
+        },
+      });
+      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,
+        };
+      });
+      var statuses = {
+        running: this.$t1("审核中"),
+        back: this.$t1("已驳回"),
+        end: this.$t1("已完成"),
+      };
+      let tableOption = {
+        vue: this,
+        tableRef: "table-wf",
+        tableName: "home-table-wf",
+        config: {
+          height: "auto",
+        },
+        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: "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-edit" />
+                    </el-tooltip>
+                  </a>,
+                ];
+              },
+            },
+          },
+        ],
+      };
+      this.$vxeTableUtil.initVxeTable(tableOption).then((opts) => {
+        this.wfOption = opts;
+      });
+    },
+    initPendingMsgTable() {
+      let tableOption = {
+        vue: this,
+        tableRef: "table-pending-msg",
+        tableName: "home-table-pending-msg",
+        config: {
+          height: "auto",
+          toolbarConfig: {
+            enabled: false,
+          },
+          pagerConfig: {
+            enabled: false,
+          },
+        },
+        columns: [
+          {
+            title: this.$t1("通知时间"),
+            field: "create_date",
+            width: 150,
+          },
+          {
+            title: this.$t1("消息类型"),
+            field: "message_type",
+            width: 120,
+            slots: {
+              default: ({ row }) => {
+                return [
+                  <span>{this.getMessageTypeName(row.message_type)}</span>,
+                ];
+              },
+            },
+          },
+          {
+            title: this.$t1("业务单据号"),
+            field: "bill_order_no",
+            minWidth: 150,
+            slots: {
+              default: ({ row }) => {
+                return [
+                  <a
+                    href="javascript:void(0);"
+                    class="a-link"
+                    onclick={() => {
+                      this.openOrderView(row);
+                    }}
+                  >
+                    {row.bill_order_no}
+                  </a>,
+                ];
+              },
+            },
+          },
+          {
+            title: this.$t1("标题"),
+            field: "title",
+            minWidth: 150,
+          },
+          {
+            title: this.$t1("操作"),
+            width: 70,
+            fixed: "right",
+            sortable: false,
+            slots: {
+              default: ({ row }) => {
+                return [
+                  <a
+                    href="javascript:void(0);"
+                    class="a-link"
+                    onclick={() => {
+                      this.handlePendingMessage(row);
+                    }}
+                  >
+                    {this.$t1("处理")}
+                  </a>,
+                ];
+              },
+            },
+          },
+        ],
+      };
+      this.$vxeTableUtil.initVxeTable(tableOption).then((opts) => {
+        this.pendingMsgOption = opts;
+        this.$nextTick(() => {
+          let grid = this.$refs["table-pending-msg"];
+          if (grid && grid.recalculate) {
+            grid.recalculate();
+          }
+        });
+      });
+    },
+    handlePendingMessage(row) {
+      this.dealRow = row || {};
+      this.dealForm = { deal_remark: "" };
+      this.dealSubmitting = false;
+      this.showDealDialog = true;
+    },
+    openOrderView(row) {
+      let dataId = row.order_id;
+      if (dataId == null) {
+        this.$message.warning(this.$t1("未找到工单"));
+        return;
+      }
+      this.wfContentOption = {
+        objId: dataId,
+        url: "form",
+        formCode: "fwm_so_order_view",
+      };
+      this.showWfDialog = true;
+    },
+    submitDealMessage() {
+      if (!this.dealRow || !this.dealRow.id) {
+        return;
+      }
+      this.dealSubmitting = true;
+      this.callFormScript({
+        url: YX_PREFIX + "/bd_api/fwm_so_order_message_list/doDealOrderMessage",
+        data: {
+          id: this.dealRow.id,
+          deal_remark: this.dealForm.deal_remark,
+        },
+        isLoading: true,
+        success: (res) => {
+          this.dealSubmitting = false;
+          this.showDealDialog = false;
+          this.$message.success(res.content || this.$t1("处理成功"));
+          this.getOrderCount(true);
+          this.getOrderMessage(true);
+        },
+        fail: (res, response) => {
+          this.dealSubmitting = false;
+          if (response && response.status == 200) {
+            this.$errorMsg(res);
+          }
+        },
+      });
+    },
+    getMessageTypeName(type) {
+      let map = {
+        1: this.$t1("工单"),
+        2: this.$t1("备件申请"),
+        3: this.$t1("结算"),
+        4: this.$t1("考核"),
+      };
+      return map[type] || type || "";
+    },
+    initServiceProviderRole() {
+      if (this.roleChecked) {
+        return;
+      }
+      let userId = this.$store.getters.userId || this.userInfo.id;
+      if (!userId) {
+        return;
+      }
+      this.roleChecked = true;
+      this.$http({
+        url: USER_PREFIX + "/user/getUserRole",
+        method: "post",
+        data: { id: userId },
+        failMsg: false,
+        errorMsg: false,
+        success: (res) => {
+          let rows = res.objx || [];
+          let codes = rows.map((row) => row.roleCode);
+          this.isServiceProvider =
+            codes.includes("yjfws") || codes.includes("ejfws");
+          if (this.isServiceProvider) {
+            this.getOrderCount(true);
+            this.getOrderMessage(true);
+            this.$nextTick(() => {
+              let grid = this.$refs["table-pending-msg"];
+              if (grid && grid.recalculate) {
+                grid.recalculate();
+              }
+            });
+          }
+        },
+        fail: () => {
+          this.roleChecked = false;
+        },
+      });
+    },
+    callFormScript(opts) {
+      let isLoading = opts.isLoading ?? true;
+      return this.$http({
+        url: opts.url,
+        method: "post",
+        data: opts.data || {},
+        isLoading,
+        modal: isLoading || false,
+        ignoreNetworkError: opts.ignoreNetworkError,
+        ignore502: opts.ignore502,
+        success: opts.success,
+        failMsg: false,
+        errorMsg: false,
+        fail:
+          opts.fail ||
+          ((res, response) => {
+            if (response && response.status == 200) {
+              this.$errorMsg(res);
+            }
+          }),
+      });
+    },
+    getOrderCount(isLoading) {
+      if (!this.isServiceProvider || !this.activating) {
+        return;
+      }
+      this.callFormScript({
+        url: YX_PREFIX + "/bd_api/intf/getOrderCount",
+        isLoading,
+        ignoreNetworkError: !isLoading,
+        ignore502: !isLoading,
+        success: (res) => {
+          let objx = res.objx || {};
+          this.shortcutItems.forEach((item) => {
+            item.count = objx[item.key] != null ? objx[item.key] : 0;
+          });
+        },
+      });
+    },
+    getOrderMessage(isLoading) {
+      if (!this.isServiceProvider || !this.activating) {
+        return;
+      }
+      this.callFormScript({
+        url: YX_PREFIX + "/bd_api/intf/getOrderMessage",
+        isLoading,
+        ignoreNetworkError: !isLoading,
+        ignore502: !isLoading,
+        success: (res) => {
+          let objx = res.objx;
+          this.pendingMessageRows = Array.isArray(objx)
+            ? objx
+            : (objx && objx.records) || [];
+        },
+      });
+    },
+    openShortcut(item) {
+      if (!item || !item.formCode) {
+        return;
+      }
+      this.openFormList(item.formCode, item.query, item.name);
+    },
+    openOrderMessageList() {
+      this.openFormList("fwm_so_order_message_list");
+    },
+    findFormPath(formCode) {
+      if (!formCode) {
+        return null;
+      }
+      let match = (path) => {
+        if (!path) {
+          return false;
+        }
+        let p = String(path).split("?")[0];
+        return p === formCode || p.endsWith("/" + formCode);
+      };
+      let walk = (routes) => {
+        for (let r of routes || []) {
+          if (match(r.path) || match(r.url)) {
+            let candidates = [r.path, r.url].filter(Boolean);
+            return (
+              candidates.find((p) => String(p).startsWith("/")) || candidates[0]
+            );
+          }
+          let found = walk(r.children);
+          if (found) {
+            return found;
+          }
+        }
+        return null;
+      };
+      return (
+        walk(this.$store.getters.permission_routes) ||
+        walk(this.$store.getters.add_routes) ||
+        walk(this.$store.getters.sidebarRouters)
+      );
+    },
+    openFormList(formCode, query, titleSuffix) {
+      let path = this.findFormPath(formCode);
+      if (!path) {
+        this.$message.warning(this.$t1("未找到对应菜单"));
+        return;
+      }
+      path = String(path).split("?")[0];
+      let q = query || {};
+      let queryData = { ...q };
+      if (titleSuffix) {
+        queryData._tabSuffix = titleSuffix;
+      }
+      if (
+        formCode !== "fwm_so_order_list" &&
+        formCode !== "fwm_so_order_appeal_list"
+      ) {
+        queryData.param = JSON.stringify(q);
+      }
+      let view = {
+        path,
+        query: queryData,
+      };
+      this.$store.dispatch("tagsView/delCachedView", view).then(() => {
+        this.$openView(view);
+      });
+    },
+    openWfDialog(row) {
+      this.wfContentOption = {
+        objId: row.objId,
+        url: row.url,
+        objTypeCode: row.objTypeCode,
+        formCode: row.formCode,
+      };
+      this.showWfDialog = true;
+    },
+    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,
+        ignoreNetworkError: !isLoading,
+        ignore502: !isLoading,
+        // 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,
+        ignoreNetworkError: !isLoading,
+        ignore502: !isLoading,
+        // 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();
+      }
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+@import "~@/styles/variables.scss";
+
+body #app .index-home {
+  margin: 3px 10px;
+  height: calc(100vh - 44px);
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+
+  #containt {
+    margin: 0;
+    background: none;
+    height: auto;
+    box-shadow: none;
+  }
+
+  .i-user-info {
+    background: url(~@/resources/images/home-img.png) #2a6494 no-repeat 116%
+      45px;
+    margin-bottom: 6px;
+    background-size: 181px;
+    padding: 14px 38px 11px 16px;
+    border-radius: 4px 4px;
+    color: #fff;
+    font-size: 12px;
+    margin-top: 3px;
+    height: 95px;
+    overflow: hidden;
+
+    .name {
+      opacity: 1;
+      font-weight: 600;
+      margin: 9px 0 14px;
+      font-size: 14px;
+    }
+
+    .img {
+      width: 60px;
+      height: 60px;
+      float: left;
+      border-radius: 50%;
+      border: solid 4px rgba(255, 255, 255, 0.28);
+      margin-right: 10px;
+    }
+  }
+
+  .home-notice-list {
+    height: 182px;
+    margin: 0 -12px;
+
+    .item {
+      padding: 6px 12px;
+      font-size: 12px;
+      cursor: pointer;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+
+      .time {
+        color: #b9b9b9;
+        font-size: 12px;
+        right: 12px;
+        background: #FFF;
+        padding-left: 8px;
+      }
+
+      &:hover {
+        color: $baseColor;
+        background-color: #F8FAFC;
+
+        .time {
+          color: $baseColor;
+          background-color: #F8FAFC;
+        }
+      }
+
+      &.no-read:before {
+        content: "";
+        width: 6px;
+        height: 6px;
+        background-color: $red;
+        border-radius: 50%;
+        vertical-align: middle;
+        display: inline-block;
+        margin-bottom: 1px;
+      }
+    }
+
+    &.to-reed {
+      height: 300px;
+      overflow: auto;
+      margin: -8px -12px;
+
+      .item {
+        white-space: initial;
+        padding: 8px 22px 2px;
+        position: relative;
+
+        &:after {
+          content: "";
+          position: absolute;
+          left: 22px;
+          right: 22px;
+          border-top: dashed 1px #eee;
+          height: 1px;
+          bottom: 0;
+        }
+
+        &.noread {
+          &:before {
+            content: "";
+            width: 6px;
+            height: 6px;
+            background-color: $red;
+            border-radius: 50%;
+            margin-right: 5px;
+            display: inline-block;
+            position: absolute;
+            left: 10px;
+            top: 16px;
+          }
+        }
+
+        .el-tag {
+          zoom: 0.95;
+          padding: 0 5px;
+          height: 24px;
+          line-height: 24px;
+        }
+
+        // .noread{
+        // 	position: absolute;right:0;top:0;
+        // 	span{transform: rotate(47deg);
+        // 	-ms-transform: rotate(47deg);
+        // 	-moz-transform: rotate(47deg);
+        // 	-webkit-transform: rotate(47deg);
+        // 	-o-transform: rotate(47deg);
+        // 	z-index: 3;
+        // 	color: #FFF;
+        // 	position: absolute;
+        // 	right: 1px;
+        // 	top: 2px;}
+        // 	&:after{
+        // 		content: "\e618";
+        // 		font-size: 62px;
+        // 		font-family: "iconfont";
+        // 		color:$red
+        // 	}
+        // }
+        .time {
+          position: relative;
+          right: 0;
+          margin-left: 12px;
+        }
+
+        .name {
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          margin-top: 3px;
+          display: block;
+          margin-bottom: 4px;
+        }
+
+        &:hover .name {
+          color: $baseColor;
+        }
+
+        &:first-child:before {
+          border-top: none;
+        }
+
+        .btns {
+          text-align: right;
+
+          .el-link {
+            font-size: 12px;
+            display: inline-block;
+            margin-left: 14px;
+
+            i {
+              font-size: 12px;
+              margin-right: 3px;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .home-top {
+    flex: none;
+  }
+
+  .home-bottom {
+    flex: 1;
+    min-height: 0;
+    display: flex;
+
+    > .el-col {
+      height: 100%;
+      display: flex;
+      flex-direction: column;
+    }
+
+    .box-card {
+      flex: 1;
+      min-height: 0;
+      display: flex;
+      flex-direction: column;
+
+      &.el-card.is-always-shadow {
+        margin-top: 0 !important;
+      }
+    }
+
+    ::v-deep .el-card__body {
+      flex: 1;
+      min-height: 0;
+      display: flex;
+      flex-direction: column;
+    }
+  }
+
+  .shortcut-box {
+    flex: 1;
+    min-height: 0;
+    display: grid;
+    grid-template-columns: repeat(5, 1fr);
+    grid-template-rows: repeat(2, 1fr);
+    gap: 8px;
+
+    .item {
+      border: solid 1px #e2e2e2;
+      border-radius: 2px;
+      text-align: center;
+      padding: 12px 4px 10px;
+      cursor: pointer;
+      background: #fff;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+
+      .name {
+        display: block;
+        color: #424242;
+        font-size: 12px;
+        line-height: 20px;
+      }
+
+      .count {
+        display: block;
+        color: #d62b31;
+        font-size: 12px;
+        line-height: 20px;
+      }
+
+      &:hover {
+        border-color: $baseColor;
+        background-color: transparentize($baseColor, 0.95);
+
+        .name {
+          color: $baseColor;
+        }
+      }
+    }
+  }
+
+  .need-to {
+    height: 332px;
+  }
+
+  .pending-msg {
+    flex: 1;
+    min-height: 0;
+    height: 100%;
+  }
+
+  .table-box {
+    width: 100%;
+    font-size: 12px;
+
+    th {
+      line-height: 32px;
+      background: #f7f7f7;
+      font-weight: 400;
+      color: #808080;
+      padding: 0 6px;
+    }
+
+    td {
+      text-align: center;
+      line-height: 34px;
+      color: #424242;
+      border-bottom: solid 1px #eee;
+      padding: 0 6px;
+    }
+
+    tr:last-child td {
+      border-bottom: none;
+    }
+  }
+}
+
+.deal-msg-form {
+  padding: 8px 12px 0;
+
+  .deal-msg-content {
+    max-height: 160px;
+    overflow: auto;
+    line-height: 20px;
+    white-space: pre-wrap;
+    word-break: break-all;
+  }
+}
+
+.box-card .more {
+  background-color: #f7f7f7;
+}
+
+.group-list {
+  padding: 18px 18px 6px 32px !important;
+  height: 400px;
+  overflow: auto;
+
+  .item {
+    position: relative;
+    height: 36px;
+    border: solid 1px #eee;
+    line-height: 34px;
+    border-radius: 2px;
+    padding: 0 42px 0 14px;
+    margin-bottom: 10px;
+    cursor: pointer;
+
+    &::before {
+      content: "";
+      width: 8px;
+      height: 8px;
+      border: solid 1px #eee;
+      border-radius: 50%;
+      display: inline-block;
+      position: absolute;
+      left: -16px;
+      top: 13px;
+    }
+
+    &.checked {
+      &:before {
+        content: "";
+        background-color: $baseColor;
+        border-color: $baseColor;
+      }
+
+      background-color: transparentize($baseColor, 0.9);
+      color: $baseColor;
+      border-color: $baseColor;
+    }
+
+    i {
+      font-size: 12px;
+      vertical-align: middle;
+    }
+
+    .name {
+      font-size: 12px;
+      margin-left: 8px;
+      vertical-align: middle;
+    }
+
+    .nums {
+      width: 22px;
+      height: 22px;
+      border-radius: 50%;
+      display: inline-block;
+      position: absolute;
+      right: 5px;
+      top: 6px;
+      color: #fff;
+      font-size: 12px;
+      background-color: $red;
+      line-height: 22px;
+      text-align: center;
+    }
+  }
+}
+
+.notice-box {
+  background-color: #2a649429;
+  border-radius: 0 0 4px 4px;
+  padding: 9px 12px;
+  margin-bottom: 5px;
+  margin-top: -6px;
+  position: relative;
+  z-index: 2;
+  font-size: 13px;
+  color: #212121;
+  overflow: hidden;
+
+  .txt {
+    line-height: 28px;
+    font-size: 12px;
+    position: relative;
+    display: inline-block;
+    cursor: pointer;
+
+    &:before {
+      content: "";
+      background-color: $baseColor;
+      width: 4px;
+      height: 20px;
+      border-radius: 2px;
+      display: inline-block;
+      vertical-align: middle;
+      margin-right: 18px;
+    }
+
+    i {
+      font-size: 14px;
+      margin-right: 12px;
+      vertical-align: middle;
+    }
+
+    > span {
+      vertical-align: middle;
+      height: 22px;
+      line-height: 22px;
+      display: inline-block;
+
+      b {
+        color: #fff;
+        margin: 0 4px;
+        font-size: 16px;
+        vertical-align: middle;
+        background: #ff5615;
+        border-radius: 50%;
+        display: inline-block;
+        padding: 4px;
+        font-weight: 200;
+        line-height: 1;
+      }
+    }
+  }
+
+  .el-button {
+    position: absolute;
+    right: 46px;
+    padding: 0;
+    height: 22px;
+    line-height: 22px;
+    min-width: 22px;
+    text-align: center;
+    border-radius: 2px;
+    top: 50%;
+    margin-top: -11px;
+
+    i {
+      font-size: 15px;
+    }
+
+    &:hover {
+      background-color: $baseColor;
+      color: #fff;
+    }
+
+    &.more {
+      right: 12px;
+      background: #f7f7f7;
+
+      &:hover {
+        color: $baseColor;
+      }
+    }
+  }
+
+  ::v-deep .el-card.is-always-shadow {
+    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 6%);
+  }
+}
+</style>