Source/plt-web/plt-web-ui/src/page/index/sidebar/sidebarItem.vue

@@ -14,9 +14,11 @@
                  :key="item[labelKey]"
                  :index="item[pathKey]">
        <template slot="title">
          <i :class="item[iconKey]"></i>
        <div style="display: flex">
          <icon-show :name="item[iconKey]" class="iconShowSpan"></icon-show>
          <span slot="title"
                :class="{'el-menu--display':collapse && first}">{{ generateTitle(item) }}</span>
        </div>
        </template>
        <template v-for="(child,cindex) in item[childrenKey]">
          <el-menu-item v-if="validatenull(child[childrenKey])"
@@ -24,8 +26,10 @@
                        :class="{'is-active':vaildActive(child)}"
                        :index="child[pathKey],cindex"
                        @click="open(child)">
            <i :class="child[iconKey]"></i>
            <span slot="title">{{ generateTitle(child) }}</span>
            <div style="display: flex">
              <icon-show :name="child[iconKey]" class="iconShowSpan"></icon-show>
              <span slot="title">{{ generateTitle(child) }}</span>
            </div>
          </el-menu-item>
          <sidebar-item v-else
                        :key="cindex"
@@ -125,6 +129,10 @@
      }
    },
    open(item) {
      const query = {
        ...item.query,
        id:item.id
      }
      if (this.screen <= 1) this.$store.commit("SET_COLLAPSE");
      if (this.validIsOpen(item)) {
        window.open(item[this.pathKey]);
@@ -136,7 +144,7 @@
            name: item[this.labelKey],
            src: item[this.pathKey]
          }, item.meta),
          query: item.query
          query: query
        });
      }
    }
@@ -148,6 +156,15 @@
  outline: 0;
  background-color: #060708;
}

.iconShowSpan{
  display: inline-block;
  margin-top: -2px;
  width: 16px !important;
  height: 16px !important;
  margin-right: 10px;
  color: #eeeeea;
}
</style>