服务许可备案审批，数量消息提示

shuishen

2021-11-12 2582f000556d04a4d508cbd7c6d11b5d3610883e

服务许可备案审批，数量消息提示

 src/page/index/sidebar/index.vue

@@ -1,25 +1,24 @@
<template>
  <div class="avue-sidebar" id="menuLeft">
    <div class="avue-sidebar"
         id="menuLeft">
    <logo></logo>
    <el-scrollbar style="height: 100%">
      <div v-if="validatenull(menu)" class="avue-sidebar--tip">
            <div v-if="validatenull(menu)"
                 class="avue-sidebar--tip">
        {{ $t("menuTip") }}
      </div>
      <el-menu
        unique-opened
            <el-menu unique-opened
        :default-active="nowTagValue"
        mode="vertical"
        :show-timeout="200"
        :collapse="keyCollapse"
        background-color="#fff"
      >
        <sidebar-item
          :menu="menu"
                     background-color="#fff">
                <sidebar-item :menu="menu"
          :screen="screen"
          first
          :props="website.menu.props"
          :collapse="keyCollapse"
        ></sidebar-item>
                              :xkTotal="xkTotal"
                              :collapse="keyCollapse"></sidebar-item>
      </el-menu>
    </el-scrollbar>
  </div>
@@ -29,15 +28,24 @@
import { mapGetters } from "vuex";
import logo from "../logo";
import sidebarItem from "./sidebarItem";
import {
    getList,
} from "@/api/licenseApproval/permit";

export default {
  name: "sidebar",
  components: { sidebarItem, logo },
  inject: ["index"],
  data() {
    return {};
        return {
            xkTotal: 0
        };
  },
  created() {
        getList().then(res => {
            this.xkTotal = res.data.data.total
        })

    this.index.openMenu();
    // var menuDom = document.getElementById("menuLeft");
    // menuDom.

 src/page/index/sidebar/sidebarItem.vue

@@ -9,6 +9,7 @@
        <i :class="item[iconKey]"></i>
        <span slot="title"
              :alt="item[pathKey]">{{generateTitle(item)}}</span>

      </el-menu-item>
      <el-submenu v-else-if="!validatenull(item[childrenKey])&&vaildRoles(item)"
                  :index="item[pathKey]"
@@ -17,6 +18,21 @@
          <i :class="item[iconKey]"></i>
          <span slot="title"
                :class="{'el-menu--display':collapse && first}">{{generateTitle(item)}}</span>
                    <div v-show="generateTitle(item) == '保安单位许可备案审批'"
                         style="position: absolute;
                        top: -2px;
                        z-index: 99;
                        width: 28px;
                        height: 28px;
                        border-radius: 50%;
                        background: red;
                        font-size: 12px;
                        color: #fff;
                        text-align: center;
                        line-height: 28px !important;
                        transform: translate(-80%, 0) scale(0.8)">
                        {{xkTotal}}
                    </div>
        </template>
        <template v-for="(child,cindex) in item[childrenKey]">
          <el-menu-item :index="child[pathKey],cindex"
@@ -26,6 +42,21 @@
                        :key="child[labelKey]">
            <i :class="child[iconKey]"></i>
            <span slot="title">{{generateTitle(child)}}</span>
                        <div v-show="generateTitle(child) == '保安服务许可申请'"
                             style="position: absolute;
                          top: -2px;
                          z-index: 99;
                          width: 28px;
                          height: 28px;
                          border-radius: 50%;
                          background: red;
                          font-size: 12px;
                          color: #fff;
                          text-align: center;
                          line-height: 28px !important;
                          transform: translate(-80%, 0) scale(0.8)">
                            {{xkTotal}}
                        </div>
          </el-menu-item>
          <sidebar-item v-else
                        :menu="[child]"
@@ -33,12 +64,14 @@
                        :props="props"
                        :screen="screen"
                        :collapse="collapse"></sidebar-item>

        </template>
      </el-submenu>
    </template>
  </div>
</template>
<script>

  import {mapGetters} from "vuex";
  import {isURL, validatenull} from "@/util/validate";
  import config from "./config.js";
@@ -69,11 +102,19 @@
      },
      collapse: {
        type: Boolean
        },
        xkTotal: {
            type: Number
      }
    },
    beforeCreate () {

    },
    created() {

    },
    mounted() {

    },
    computed: {
      ...mapGetters(["roles"]),