修改样式

src/api/request.js

@@ -10,13 +10,13 @@ const errorCode = {
 };
 
 // 肖星越服务
-const url = "https://paystubs.vip.cpolar.top";
+// const url = "https://paystubs.vip.cpolar.top";
 
 // 袁永军测试服务
 // const url = "https://crm-test.scdswj.cn/prod-api";
 
 // 正式环境
-// const url = "https://paystubs.vip.cpolar.top";
+const url = "https://payroll.scdswj.cn/prod-api";
 
 const service = axios.create({
   baseURL: url,
@@ -65,8 +65,8 @@ service.interceptors.response.use(
         // store.commit('setMenuData', {});
         // resetRouter(); // 重置路由
         ElMessageBox.alert("你已被登出，请重新登录", "提示", {})
-          .then(() => {})
-          .catch(() => {});
+          .then(() => { })
+          .catch(() => { });
       }
     } else if (code === 500) {
       // Message({ message: msg, type: 'error' })

src/layout/header/components/Breadcrumb.vue

@@ -1,11 +1,13 @@
 <template>
-  <el-icon class="icon-style" id="collapseIcon" @click="changeShrinkage">
+  <!-- <el-icon class="icon-style" id="collapseIcon" @click="changeShrinkage">
     <component :is="!isCollapse ? 'Fold' : 'Expand'"></component>
-  </el-icon>
+  </el-icon> -->
   <el-breadcrumb separator="/" id="breadcrumb">
     <el-breadcrumb-item v-for="(item, index) in breadcrumbList" :key="index">
-      <span class="no-redirect" v-if="index === breadcrumbList.length - 1" :style="{ color: themeConfig.footColor }">{{ item.meta.name }}</span>
-      <span class="redirect" v-else @click="handleRedirect(item.path)" :style="{ color: themeConfig.footColor }">{{ item.meta.name }}</span>
+      <span class="no-redirect" v-if="index === breadcrumbList.length - 1" :style="{ color: themeConfig.footColor }">{{
+        item.meta.name }}</span>
+      <span class="redirect" v-else @click="handleRedirect(item.path)" :style="{ color: themeConfig.footColor }">{{
+        item.meta.name }}</span>
     </el-breadcrumb-item>
   </el-breadcrumb>
 </template>
@@ -19,7 +21,7 @@ const route = useRoute();
 const router = useRouter();
 
 const breadcrumbList = ref([]);
-const isCollapse = ref(false);
+const isCollapse = ref(true);
 const globalStore = useStore();
 const themeConfig = store.getters.themeConfig;
 const initBreadcrumbList = () => {
@@ -49,13 +51,16 @@ watch(
   // color: #97a8be;
   cursor: text;
 }
+
 .redirect {
   font-weight: 600;
   cursor: pointer;
+
   &:hover {
     color: #97a8be;
   }
 }
+
 .icon-style {
   font-size: 20px;
   cursor: pointer;

src/layout/menu/components/menuItems.vue

@@ -1,17 +1,17 @@
 <template>
   <template v-for="subItem in menuList" :key="subItem.path">
     <el-menu-item v-if="!subItem.children" :index="subItem.url" :route="subItem.url">
-      <el-icon>
+      <!-- <el-icon>
         <component :is="subItem.icon"></component>
-      </el-icon>
+      </el-icon> -->
       <span>{{ subItem.title }}</span>
     </el-menu-item>
     <!--有多级菜单-->
     <el-sub-menu v-if="subItem.children" :key="subItem.url" :index="subItem.url">
       <template #title>
-        <el-icon>
+        <!-- <el-icon>
           <component :is="subItem.icon"></component>
-        </el-icon>
+        </el-icon> -->
         <span> {{ subItem.title }}</span>
       </template>
       <!--递归组件，把遍历的值传回子组件，完成递归调用-->

src/layout/menu/index.vue

@@ -5,7 +5,7 @@
     color: themeConfig.textColor,
   }">
     <div class="logo" v-if="!store.getters.isCollapse">
-      <img src="../../assets/logo.png" alt="" style="margin-right: 5px" /> BIG CUTE
+      <img src="../../assets/logo.png" alt="" style="margin-right: 5px" /> 人力资源薪资系统
     </div>
     <div class="logo" v-else>
       <img src="../../assets/logo.png" alt="" />