From 9da22a17b90c07d3a20d68d3bb5133ceb1c4197d Mon Sep 17 00:00:00 2001
From: lx <826276471@qq.com>
Date: Sat, 12 Apr 2025 15:57:15 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E6=A0=B7=E5=BC=8F=E6=96=87=E4=BB=B6?=
 =?UTF-8?q?=E5=8A=A0=E8=BD=BD=E5=A4=B1=E8=B4=A5=E6=8E=92=E6=9F=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/router/modules/inputSupplies/index.js | 20 ++++++-------
 sub-operation-service/src/App.vue             |  2 +-
 .../src/layouts/component/Header/index.vue    | 24 +++++++++++----
 sub-operation-service/src/router/index.js     | 29 ++++++++++++-------
 .../src/views/farmingService/index.vue        | 19 ++++++++++++
 5 files changed, 67 insertions(+), 27 deletions(-)
 create mode 100644 sub-operation-service/src/views/farmingService/index.vue

diff --git a/sub-government-affairs-service/src/router/modules/inputSupplies/index.js b/sub-government-affairs-service/src/router/modules/inputSupplies/index.js
index 0c75ffd..96c6867 100644
--- a/sub-government-affairs-service/src/router/modules/inputSupplies/index.js
+++ b/sub-government-affairs-service/src/router/modules/inputSupplies/index.js
@@ -23,10 +23,10 @@ const inputSuppliesRoutes = [
         meta: { title: '物资管理', icon: 'Document' },
         children: [
           {
-            path: '/sub-government-affairs-service/material/pesticide',
-            name: 'input-supplies-pesticide',
-            component: () => import('@/views/inputSuppliesManage/material/pesticide/index.vue'),
-            meta: { title: '农药管理', icon: 'Document' },
+            path: '/sub-government-affairs-service/material/seed',
+            name: 'input-supplies-seed',
+            component: () => import('@/views/inputSuppliesManage/material/seed/index.vue'),
+            meta: { title: '种源管理', icon: 'Document' },
           },
           {
             path: '/sub-government-affairs-service/material/fertilizer',
@@ -34,18 +34,18 @@ const inputSuppliesRoutes = [
             component: () => import('@/views/inputSuppliesManage/material/fertilizer/index.vue'),
             meta: { title: '肥料管理', icon: 'Document' },
           },
+          {
+            path: '/sub-government-affairs-service/material/pesticide',
+            name: 'input-supplies-pesticide',
+            component: () => import('@/views/inputSuppliesManage/material/pesticide/index.vue'),
+            meta: { title: '农药管理', icon: 'Document' },
+          },
           {
             path: '/sub-government-affairs-service/material/ratPoison',
             name: 'input-supplies-ratPoison',
             component: () => import('@/views/inputSuppliesManage/material/ratPoison/index.vue'),
             meta: { title: '兽药管理', icon: 'Document' },
           },
-          {
-            path: '/sub-government-affairs-service/material/seed',
-            name: 'input-supplies-seed',
-            component: () => import('@/views/inputSuppliesManage/material/seed/index.vue'),
-            meta: { title: '种源管理', icon: 'Document' },
-          },
           {
             path: '/sub-government-affairs-service/material/farmMachinery',
             name: 'input-supplies-farmMachinery',
diff --git a/sub-operation-service/src/App.vue b/sub-operation-service/src/App.vue
index e891659..7c00145 100644
--- a/sub-operation-service/src/App.vue
+++ b/sub-operation-service/src/App.vue
@@ -25,7 +25,7 @@ const size = computed(() => SettingStore.themeConfig.globalComSize);
 <style lang="scss">
 @import './styles/style.scss';
 @import './styles/global.scss';
-@import '@/styles/iconfont.css';
+// @import '@/styles/iconfont.css';
 
 body {
   div {
diff --git a/sub-operation-service/src/layouts/component/Header/index.vue b/sub-operation-service/src/layouts/component/Header/index.vue
index f33a36e..04dbc9e 100644
--- a/sub-operation-service/src/layouts/component/Header/index.vue
+++ b/sub-operation-service/src/layouts/component/Header/index.vue
@@ -48,9 +48,9 @@
         </div>
       </div>
       <div class="layout-header-menu">
-        <el-menu ellipsis class="layout-header-bottom-menu" mode="horizontal">
+        <el-menu ellipsis class="layout-header-bottom-menu" mode="horizontal" :default-active="defaultActive">
           <app-link v-for="(item, index) in meuns" :key="index" :to="item.path">
-            <el-menu-item active-text-color="#25BF82">{{ item.label }}</el-menu-item>
+            <el-menu-item active-text-color="#25BF82" :index="item.key">{{ item.label }}</el-menu-item>
           </app-link>
         </el-menu>
       </div>
@@ -59,7 +59,7 @@
 </template>
 
 <script setup name="layout-header">
-import { computed, ref } from 'vue';
+import { computed, ref, onMounted } from 'vue';
 import { useSettingStore } from '@/store/modules/setting';
 import { usePermissionStore } from '@/store/modules/permission';
 import { qrImg } from './base64img';
@@ -75,6 +75,11 @@ const cacheRoutes = computed(() => PermissionStore.keepAliveRoutes);
 const isReload = computed(() => SettingStore.isReload);
 
 const isSubApp = computed(() => route.path.includes('sub'));
+const defaultActive = ref('');
+onMounted(() => {
+  defaultActive.value = route.meta.headerActive;
+  console.log('route', defaultActive.value);
+});
 
 const keyword = ref('');
 
@@ -82,30 +87,37 @@ const meuns = ref([
   {
     label: '智慧种植',
     path: '/sub-operation-service/ecommerce',
+    key: '0',
   },
   {
     label: '农事服务',
-    path: '/sub-operation-service/ecommerce',
+    path: '/sub-operation-service/farmingService',
+    key: 'farmingService',
   },
   {
     label: '涉农金融',
     path: '/sub-operation-service/ecommerce',
+    key: '1',
   },
   {
     label: '电商交易',
     path: '/sub-operation-service/ecommerce',
+    key: 'ecommerce',
   },
   {
     label: '分拣包装',
     path: '/sub-operation-service/ecommerce',
+    key: '3',
   },
   {
     label: '仓储物流',
     path: '/sub-operation-service/ecommerce',
+    key: '4',
   },
   {
     label: '公共品牌运营',
     path: '/sub-operation-service/ecommerce',
+    key: '5',
   },
 ]);
 
@@ -138,6 +150,9 @@ div {
       .el-menu {
         justify-content: space-around;
         border: none !important;
+        .is-active {
+          color: $color-main !important;
+        }
       }
       .el-menu-item {
         font-size: 24px;
@@ -148,7 +163,6 @@ div {
       }
       .el-menu-item:active {
         background: none !important;
-        color: $color-main;
       }
     }
   }
diff --git a/sub-operation-service/src/router/index.js b/sub-operation-service/src/router/index.js
index 68faead..7a63936 100644
--- a/sub-operation-service/src/router/index.js
+++ b/sub-operation-service/src/router/index.js
@@ -50,25 +50,25 @@ export const constantRoutes = [
         component: Views,
         redirect: '/sub-operation-service/ecommerce-agricultural',
         name: 'agriculturalParent',
-        meta: { title: '农资交易' },
+        meta: { title: '农资交易', headerActive: 'ecommerce' },
         children: [
           {
             path: '/sub-operation-service/ecommerce-agricultural',
             component: () => import('@/views/ecommerce/index.vue'),
             name: 'agricultural',
-            meta: { title: '农资交易' },
+            meta: { title: '农资交易', headerActive: 'ecommerce' },
           },
           {
             path: '/sub-operation-service/ecommerce-agriculturalDetail',
             component: () => import('@/views/ecommerce/agriculturalDetail.vue'),
             name: 'agriculturalDetail',
-            meta: { title: '农资详情' },
+            meta: { title: '农资详情', headerActive: 'ecommerce' },
           },
           {
             path: '/sub-operation-service/ecommerce-sourceCodeDetail',
             component: () => import('@/views/ecommerce/sourceCodeDetail.vue'),
             name: 'sourceCodeDetail',
-            meta: { title: '溯源详情' },
+            meta: { title: '溯源详情', headerActive: 'ecommerce' },
           },
         ],
       },
@@ -77,19 +77,19 @@ export const constantRoutes = [
         component: Views,
         redirect: '/sub-operation-service/ecommerce-purchaser',
         name: 'purchaserParent',
-        meta: { title: '采购商服务' },
+        meta: { title: '采购商服务', headerActive: 'ecommerce' },
         children: [
           {
             path: '/sub-operation-service/ecommerce-purchaser',
             component: () => import('@/views/ecommerce/purchaser.vue'),
             name: 'purchaser',
-            meta: { title: '采购商服务' },
+            meta: { title: '采购商服务', headerActive: 'ecommerce' },
           },
           {
             path: '/sub-operation-service/ecommerce-purchaserDetail',
             component: () => import('@/views/ecommerce/purchaserDetail.vue'),
             name: 'purchaserDetail',
-            meta: { title: '采购详情' },
+            meta: { title: '采购详情', headerActive: 'ecommerce' },
           },
         ],
       },
@@ -98,31 +98,38 @@ export const constantRoutes = [
         path: '/sub-operation-service/ecommerce-supplier',
         component: () => import('@/views/ecommerce/supplier.vue'),
         name: 'supplier',
-        meta: { title: '供应商服务' },
+        meta: { title: '供应商服务', headerActive: 'ecommerce' },
       },
       {
         path: '/sub-operation-service/ecommerce-land',
         component: Views,
         redirect: '/sub-operation-service/ecommerce-land',
         name: 'landParent',
-        meta: { title: '土地交易' },
+        meta: { title: '土地交易', headerActive: 'ecommerce' },
         children: [
           {
             path: '/sub-operation-service/ecommerce-land',
             component: () => import('@/views/ecommerce/land.vue'),
             name: 'land',
-            meta: { title: '土地交易' },
+            meta: { title: '土地交易', headerActive: 'ecommerce' },
           },
           {
             path: '/sub-operation-service/ecommerce-landDetail',
             component: () => import('@/views/ecommerce/landDetail.vue'),
             name: 'landDetail',
-            meta: { title: '土地详情' },
+            meta: { title: '土地详情', headerActive: 'ecommerce' },
           },
         ],
       },
     ],
   },
+  {
+    path: '/sub-operation-service/farmingService',
+    name: 'farmingService',
+    component: Layout,
+    // component: () => import('@/views/farmingService/index.vue'),
+    meta: { title: '农事服务', headerActive: 'farmingService' },
+  },
   {
     path: '/sub-operation-service/userCenter',
     name: 'userCentre',
diff --git a/sub-operation-service/src/views/farmingService/index.vue b/sub-operation-service/src/views/farmingService/index.vue
new file mode 100644
index 0000000..e309030
--- /dev/null
+++ b/sub-operation-service/src/views/farmingService/index.vue
@@ -0,0 +1,19 @@
+<template>
+  <section>农事服务</section>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue';
+
+/* --------------- data --------------- */
+// #region
+
+// #endregion
+
+/* --------------- methods --------------- */
+// #region
+
+// #endregion
+</script>
+
+<style lang="scss" scoped></style>