feat : 修改菜单状态

2024-05-23 14:49:56 +08:00
parent 21f90e438c
commit e9e5a0c785
9 changed files with 36 additions and 21 deletions
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
    <meta charset="UTF-8">
    <link rel="icon" href="/favicon.ico">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>科研管理平台</title>
+<!--    <title>科研管理平台</title>-->
  </head>
  <body>
    <div id="app"></div>
--- a/src/layout/navbar/Breadcrumb.vue
+++ b/src/layout/navbar/Breadcrumb.vue
@@ -12,13 +12,13 @@
 </template>

 <script setup>
-import { useRoute, useRouter } from 'vue-router';
+import {useRoute, useRouter} from 'vue-router';


 const route = useRoute()
 const router = useRouter()

-watch(route, ()=> {
+watch(route, () => {
  getBreadcrumb()
 })

@@ -29,7 +29,7 @@ const breadcrumbList = ref([])
 const getBreadcrumb = () => {
  let matched = route.matched.filter(item => item.meta && item.meta.title)
  const first = matched[0]
-  if(!isDashboard(first)) {
+  if (!isDashboard(first)) {
    matched = [{path: '/home', meta: {title: '首页'}}].concat(matched)
  }
  breadcrumbList.value.length = 0;
@@ -39,7 +39,7 @@ const getBreadcrumb = () => {

 const isDashboard = (meta) => {
  const name = meta && meta.name
-  if(!name) {
+  if (!name) {
    return
  }
  return name.trim().toLocaleLowerCase() === 'Home'.toLocaleLowerCase()
--- a/src/layout/siderbar/MenuItem.vue
+++ b/src/layout/siderbar/MenuItem.vue
@@ -1,7 +1,7 @@
 <template>
  <!-- 有子菜单 -->
  <template v-for="item in menuItem" :key="item.path">
-    <el-sub-menu v-if="item?.children?.length>0 && !item.hidden" :index="item.path">
+    <el-sub-menu v-if="checkMenuItem(item)" :index="item.path">
      <template #title>
        <svg-icon :name="item.icon"/>
        <span>{{ item.title }}</span>
@@ -44,5 +44,19 @@ const handleGo = (path) => {
  }
 }

+const checkMenuItem = (item) => {
+  let children = item.children
+  let childState = false;
+  if (children){
+    for (let child of children) {
+       if (!child.hidden) {
+         childState = true
+         break
+       }
+    }
+  }
+  return item?.children?.length>0 && !item.hidden && childState
+}
+
 </script>

--- a/src/layout/siderbar/index.vue
+++ b/src/layout/siderbar/index.vue
@@ -1,6 +1,7 @@
 <template>
  <div class="logo" ref="logo">
-    <span v-if="!siderbarStore.isCollapse">科研管理平台</span>
+<!--    <span v-if="!siderbarStore.isCollapse">科研管理平台</span>-->
+    <span v-if="!siderbarStore.isCollapse"></span>
  </div>
  <el-scrollbar :height="`calc(100vh - ${logoHeight}px)`" style="background-color: #ffffff">
    <el-menu
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -6,7 +6,7 @@
        :rules="rules"
        label-width="70px"
    >
-      <h2>科研管理平台</h2>
+<!--      <h2>科研管理平台</h2>-->
      <el-form-item prop="username" label="账号">
        <el-input v-model="loginForm.username" :prefix-icon="User"></el-input>
      </el-form-item>
--- a/src/views/system/role/add.vue
+++ b/src/views/system/role/add.vue
@@ -90,7 +90,7 @@ const schame = computed(()=>{
      }
    },
    {
-      label: '角色权限',
+      label: '角色标识',
      prop: 'roleKey',
      component: 'el-input',
      props: {
--- a/src/views/workflow/process/ProcessEdit.vue
+++ b/src/views/workflow/process/ProcessEdit.vue
@@ -119,7 +119,7 @@ const loadInitFrom = () => {
  let design = {
    processDefinitionKey: 'pro' + getRandomId(),
    deploymentName: "未命名表单",
-    processKey:'',
+    processKey: '',
    // logo: {
    //   icon: "el-icon-eleme",
    //   background: "#1e90ff"
@@ -191,7 +191,7 @@ const getRandomId = () => {
    d = Math.floor(d / 16)
    return (c === 'x' ? r : (r & 0x3 | 0x8)).toString(16)
  })
-  return 'node_' + id
+  return id
 }

 const getProcessInfo = async () => {
--- a/src/views/workflow/process/ProcessSetting.vue
+++ b/src/views/workflow/process/ProcessSetting.vue
@@ -1,13 +1,13 @@
 <template>
  <el-input v-model="processData.deploymentName" placeholder="请输入流程名称"/>
-  <div v-if="!processData.processDefinitionKey">
+<!--  <div v-if="!processData.processDefinitionKey">-->
    <el-select v-model="processData.processKey" placeholder="请选择流程环节">
      <el-option v-for="item in optionList" :label="item.label" :value="item.value"/>
    </el-select>
-  </div>
-  <div v-else>
-    {{processData.processName}}
-  </div>
+<!--  </div>-->
+<!--  <div v-else>-->
+<!--    {{processData.processName}}-->
+<!--  </div>-->

  流程设置{{ processData.deploymentName }}
 </template>
--- a/src/views/workflow/process/index.vue
+++ b/src/views/workflow/process/index.vue
@@ -53,11 +53,11 @@
            <el-button type="primary" size="mini"
                       @click="handleEdit(scope.row.deploymentId)" link>编辑
            </el-button>
-            <el-button type="primary" size="mini"
-                       @click="viewHistoricalVersion(scope.row)" link>历史
-            </el-button>
-            <popover-delete :name="scope.row.version" :type="'版本'"
-                            @delete="handleDelete(scope.row.deploymentId)"/>
+            <!--            <el-button type="primary" size="mini"-->
+            <!--                       @click="viewHistoricalVersion(scope.row)" link>历史-->
+            <!--            </el-button>-->
+            <!--            <popover-delete :name="scope.row.version" :type="'版本'"-->
+            <!--                            @delete="handleDelete(scope.row.deploymentId)"/>-->
          </template>
        </el-table-column>
      </el-table>