修改

src/components/tableTemp/index.vue

@@ -38,26 +38,13 @@
       <template #default="scope">
         <div class="flex-wrap btn-all">
           <div v-for="(btn, index) in tableBtnGroup" :key="index" class="btn-list">
-            <template v-if="btn.is">
-              <div v-permission="[btn.is]">
-                <el-button size="small" :class="btn.className" @click="handleClick(scope.$index, scope.row, btn.param)">
-                  {{
+            <el-button v-permission="btn.is ? [btn.is]:['']" size="small" :class="btn.className" @click="handleClick(scope.$index, scope.row, btn.param)">
+              {{
             btn.name === "停止" && scope.row.runState === "停止"
               ? "启动"
               : btn.name
           }}
-                </el-button>
-              </div>
-            </template>
-            <template v-else>
-              <el-button size="small" :class="btn.className" @click="handleClick(scope.$index, scope.row, btn.param)">
-                {{
-            btn.name === "停止" && scope.row.runState === "停止"
-              ? "启动"
-              : btn.name
-          }}
-              </el-button>
-            </template>
+            </el-button>
           </div>
         </div>
       </template>

src/layout/components/NavBarTop/index.vue

@@ -35,10 +35,7 @@ import { ref } from "vue";
 import { ElMessage } from "element-plus";
 import { ArrowDownBold } from "@element-plus/icons-vue";
 import { useUserStore } from "@/store/user";
-
-const imgUrl = ref(
-  "https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"
-);
+import imgUrl from "../../../assets/home/pic_logo.png";
 const store = useUserStore();
 const name = store.$state.username;
 const errorHandler = () => true;

src/layout/components/Sidebar/Sidebar.vue

@@ -12,24 +12,24 @@
 </template>
 
 <script setup lang="ts">
-import { useAppStore } from '@/store/app'
-import { usePermissionStore } from '@/store/permission'
+import { useAppStore } from "@/store/app";
+import { usePermissionStore } from "@/store/permission";
 // import Logo from './Logo.vue'
-import SidebarItem from './SidebarItem.vue'
+import SidebarItem from "./SidebarItem.vue";
 //导入配置文件
-const appStore = useAppStore()
+const appStore = useAppStore();
 const settings = computed(() => {
-  return appStore.settings
-})
+  return appStore.settings;
+});
 
-const route = useRoute()
-const permissionStore = usePermissionStore()
+const route = useRoute();
+const permissionStore = usePermissionStore();
 const routes = computed(() => {
-  return permissionStore.routes
-})
+  return permissionStore.routes;
+});
 const isCollapse = computed(() => {
-  return appStore.sidebar.opened
-})
+  return appStore.sidebar.opened;
+});
 
 //change  scss variable to js
 // const dillScssExportToJson = (scssExportJson: any) => {
@@ -49,23 +49,24 @@ const isCollapse = computed(() => {
 // const scssJson = dillScssExportToJson(scssExportJson)
 //get scss variable
 
-
-
 const activeMenu = computed(() => {
-  const { meta, path } = route
+  const { meta, path } = route;
   // if set path, the sidebar will highlight the path you set
   if (meta.activeMenu) {
-    return meta.activeMenu
+    return meta.activeMenu;
   }
-  return path
-})
+  return path;
+});
 </script>
 <style scoped lang="scss">
 //fix open the item style issue
 // .el-menu-vertical {
 //   width: var(--side-bar-width);
 // }
-:deep .el-menu-item.is-active{
-  background:#AC014D ;
+:deep .el-menu-item.is-active {
+  background: #ac014d;
+}
+:deep .el-menu--inline .el-menu-item {
+  padding-left: 50px !important;
 }
 </style>

src/router/routes/routes-file-four.ts

@@ -63,6 +63,7 @@ const HomeRoutes = {
     {
       path: '/systemSettings/serviceManagement',
       name: 'ServiceManagement',
+      meta: { roles: ['service_management_page'] },
       component: {
         render: () => h(resolveComponent('router-view')),
       },

src/settings.ts

@@ -20,7 +20,7 @@ interface SettingTy {
 }
 
 const setting: SettingTy = {
-  title: 'Vue3 Admin Ts',
+  title: '深圳机场货运一个码系统',
   /**
    * @type {boolean} true | false
    * @description Whether show the logo in sidebar
@@ -107,7 +107,7 @@ const setting: SettingTy = {
    * vite.config.js base config
    * such as
    * */
-  viteBasePath: './'
+  viteBasePath: './',
 }
 
 export default setting

src/views/login/Login.vue

@@ -191,7 +191,7 @@ $light_gray: #eee;
 .login-container {
   height: 100vh;
   width: 100%;
-  background-image: url("../../assets/login/bg.jpg");
+  background-image: url("../../assets/login/bg_log.jpg");
   background-repeat: no-repeat;
   background-size: 100% 100%;
   .login-form {