Explorar o código

去掉无用的导航,修改显示错误,去掉无用的图片

yangtaodemon hai 2 días
pai
achega
b13ba5c496

+ 1 - 1
src/components/detectionStatistics/atmcompanyStatics.vue

@@ -278,7 +278,7 @@ body {
   background: #f8fafc;
   color: #34495e;
   min-height: 100vh;
-  padding: 20px;
+  padding: 0px;
 }
 
 .dashboard {

+ 1 - 1
src/components/detectionStatistics/crosscetionStatistics.vue

@@ -276,7 +276,7 @@ body {
   background: #f8fafc;
   color: #3498db;
   min-height: 100vh;
-  padding: 20px;
+  padding: 0px;
 }
 
 /* 固定组件总高度为350px */

+ 9 - 9
src/components/layout/AppAside.vue

@@ -41,7 +41,7 @@
 import { reactive, computed, inject, toRefs, watch } from 'vue';
 import { useRouter } from 'vue-router';
 import { ElMessage } from 'element-plus';
-import { menuItems } from './menuItems'; // 建议你将 menuItems 独立维护在该文件中
+import { menuItems } from './menuItems';
 
 const props = defineProps({
   activeTab: {
@@ -124,18 +124,19 @@ watch(
   min-height: 100%;
 }
 
+/* 统一菜单项和子菜单标题的内边距 */
 :deep(.el-menu-item),
 :deep(.el-sub-menu__title) {
-  margin-left: 0 !important;
-  margin-right: 0 !important;
+  margin: 0 !important;
   width: 100%;
   box-sizing: border-box;
-  padding-left: 40px !important;
   padding-right: 20px !important;
 }
 
+/* 子菜单项样式调整 */
 :deep(.el-sub-menu .el-menu-item) {
   background-color: rgba(252, 234, 183, 0.3) !important;
+  padding-left: 40px !important; /* 确保子菜单项与主菜单标题对齐 */
 }
 
 :deep(.el-sub-menu .el-menu-item:not(:last-child)) {
@@ -168,17 +169,16 @@ watch(
   box-shadow: 0 2px 8px rgba(16, 146, 216, 0.25);
 }
 
-/* 子菜单标题样式 + 图标右移 */
+/* 子菜单标题样式 */
 :deep(.el-sub-menu__title) {
   display: flex;
   align-items: center;
-  padding-left: 20px !important;
 }
 
-/* 下拉图标右移 */
+/* 下拉图标右移调整 */
 :deep(.el-sub-menu__icon-arrow) {
   margin-left: auto;
-  margin-right: -160px;
+  margin-right: 0; /* 移除负边距 */
   transition: transform 0.3s ease;
 }
-</style>
+</style>

+ 18 - 16
src/components/layout/AppLayout.vue

@@ -161,6 +161,7 @@ const bgRouteMap: Record<string, string> = {
   "/VegetableRiskModel": "background.jpg",
   "/UserManagement": "background.jpg",
   "/UserRegistration": "background.jpg",
+  "/SoilacidificationStatistics": "background.jpg",
 };
 
 // 当前是否特殊背景
@@ -310,12 +311,12 @@ const tabs = computed(() => {
           "/CropCadmiumPrediction",
         ],
       },
-      {
-        name: "cropRiskAssessment",
-        label: "作物风险评估",
-        icon: "el-icon-warning",
-        routes: ["/cropRiskAssessment"],
-      },
+      // {
+      //   name: "cropRiskAssessment",
+      //   label: "作物风险评估",
+      //   icon: "el-icon-warning",
+      //   routes: ["/cropRiskAssessment"],
+      // },
       {
         name: "farmlandQualityAssessment",
         label: "耕地质量评估",
@@ -328,16 +329,16 @@ const tabs = computed(() => {
         icon: "el-icon-magic-stick",
         routes: ["/Calculation", "/AcidNeutralizationModel"],
       },
-      {
-        name: "scenarioSimulation",
-        label: "情景模拟",
-        icon: "el-icon-s-operation",
-        routes: [
-          "/TraditionalFarmingRisk",
-          "/HeavyMetalCadmiumControl",
-          "/SoilAcidificationControl",
-        ],
-      },
+      // {
+      //   name: "scenarioSimulation",
+      //   label: "情景模拟",
+      //   icon: "el-icon-s-operation",
+      //   routes: [
+      //     "/TraditionalFarmingRisk",
+      //     "/HeavyMetalCadmiumControl",
+      //     "/SoilAcidificationControl",
+      //   ],
+      // },
       {
         name: "dataStatistics",
         label: "数据统计",
@@ -346,6 +347,7 @@ const tabs = computed(() => {
           "/DetectionStatistics",
           "/FarmlandPollutionStatistics",
           "/LandClutivatesStatistics",
+          "/SoilacidificationStatistics"
         ],
       },
     ];

+ 24 - 24
src/components/layout/menuItems.ts

@@ -265,12 +265,12 @@ export const menuItems: MenuItem[] = [
     icon: PieChart,
     tab: 'cadmiumPrediction'
   },
-  {
-    index: '/cropRiskAssessment',
-    label: 'cropRiskAssessment.Title',//<!--i18n:cropRiskAssessment.Title-->水稻镉污染风险
-    icon: Compass,
-    tab: 'cropRiskAssessment'
-  },
+  // {
+  //   index: '/cropRiskAssessment',
+  //   label: 'cropRiskAssessment.Title',//<!--i18n:cropRiskAssessment.Title-->水稻镉污染风险
+  //   icon: Compass,
+  //   tab: 'cropRiskAssessment'
+  // },
   {
     index: '/farmlandQualityAssessment',
     label: 'farmlandQualityAssessment.Title',//<!--i18n:farmlandQualityAssessment.Title-->韶关
@@ -317,24 +317,24 @@ export const menuItems: MenuItem[] = [
       }
     ]
   },
-  {
-    index: '/TraditionalFarmingRisk',
-    label: 'TraditionalFarmingRisk.Title',//<!--i18n:TraditionalFarmingRisk.Title-->传统耕种习惯风险趋势
-    icon: MenuIcon,
-    tab: 'scenarioSimulation'
-  },
-  {
-    index: '/HeavyMetalCadmiumControl',
-    label: 'HeavyMetalCadmiumControl.Title',//<!--i18n:HeavyMetalCadmiumControl.Title-->重金属镉污染治理
-    icon: MenuIcon,
-    tab: 'scenarioSimulation'
-  },
-  {
-    index: '/SoilAcidificationControl',
-    label: 'SoilAcidificationControl.Title',//<!--i18n:SoilAcidificationControl.Title-->土壤酸化治理
-    icon: MenuIcon,
-    tab: 'scenarioSimulation'
-  },
+  // {
+  //   index: '/TraditionalFarmingRisk',
+  //   label: 'TraditionalFarmingRisk.Title',//<!--i18n:TraditionalFarmingRisk.Title-->传统耕种习惯风险趋势
+  //   icon: MenuIcon,
+  //   tab: 'scenarioSimulation'
+  // },
+  // {
+  //   index: '/HeavyMetalCadmiumControl',
+  //   label: 'HeavyMetalCadmiumControl.Title',//<!--i18n:HeavyMetalCadmiumControl.Title-->重金属镉污染治理
+  //   icon: MenuIcon,
+  //   tab: 'scenarioSimulation'
+  // },
+  // {
+  //   index: '/SoilAcidificationControl',
+  //   label: 'SoilAcidificationControl.Title',//<!--i18n:SoilAcidificationControl.Title-->土壤酸化治理
+  //   icon: MenuIcon,
+  //   tab: 'scenarioSimulation'
+  // },
   {
     index: '/DetectionStatistics',
     label: 'DetectionStatistics.Title',//<!--i18n:DetectionStatistics.Title-->检测信息统计

+ 3 - 4
src/components/soilcdStatistics/fluxcdStatictics.vue

@@ -14,22 +14,21 @@
       <button class="mt-2 px-3 py-1 bg-red-500 text-white rounded" @click="initCharts">重试</button>
     </div>
     
-    <!-- 1. 初始Cd 单独箱线图 -->
+    <!-- 1. 初始Cd 单独箱线图
 <section class="mb-6 chart-container">
   <h3 class="section-title text-base font-semibold">初始Cd(Initial_Cd)分布箱线图</h3>
   <div ref="initialCdChart" style="width: 100%; height: 400px;"></div>
-  <!-- 容器内的加载遮罩 -->
+  容器内的加载遮罩 
   <div v-if="isLoading" class="absolute inset-0 bg-white bg-opacity-80 flex items-center justify-center">
     <div class="spinner"></div>
   </div>
-  <!-- 错误提示(保留重试按钮) -->
   <div v-if="error && !chartInstanceInitial" class="bg-yellow-50 border border-yellow-200 p-4 rounded mt-4">
     <p class="text-yellow-700">图表初始化失败: {{ error.message }}</p>
     <button class="mt-2 px-3 py-1 bg-yellow-500 text-white rounded" @click="initInitialCdChart">
       重新尝试初始化
     </button>
   </div>
-</section>
+</section> -->
 
 <!-- 2. 其他指标 合并箱线图 -->
 <section class="mb-6 chart-container">

+ 32 - 32
src/router/index.ts

@@ -349,13 +349,13 @@ const routes = [
           import("@/views/User/cadmiumPrediction/CropCadmiumPrediction.vue"), // 修复路径
         meta: { title: "土壤镉作物态含量预测" },
       },
-      {
-        path: "cropRiskAssessment",
-        name: "cropRiskAssessment",
-        component: () =>
-          import("@/views/User/cropRiskAssessment/cropRiskAssessment.vue"), // 修复路径
-        meta: { title: "水稻镉污染风险" },
-      },
+      // {
+      //   path: "cropRiskAssessment",
+      //   name: "cropRiskAssessment",
+      //   component: () =>
+      //     import("@/views/User/cropRiskAssessment/cropRiskAssessment.vue"), // 修复路径
+      //   meta: { title: "水稻镉污染风险" },
+      // },
 
       {
         path: "farmlandQualityAssessment",
@@ -385,31 +385,31 @@ const routes = [
           ), // 修复路径
         meta: { title: "土壤降酸预测" },
       },
-      {
-        path: "TraditionalFarmingRisk",
-        name: "TraditionalFarmingRisk",
-        component: () =>
-          import("@/views/User/scenarioSimulation/TraditionalFarmingRisk.vue"), // 修复路径
-        meta: { title: "传统耕种习惯风险趋势" },
-      },
-      {
-        path: "HeavyMetalCadmiumControl",
-        name: "HeavyMetalCadmiumControl",
-        component: () =>
-          import(
-            "@/views/User/scenarioSimulation/HeavyMetalCadmiumControl.vue"
-          ), // 修复路径
-        meta: { title: "重金属镉污染治理" },
-      },
-      {
-        path: "SoilAcidificationControl",
-        name: "SoilAcidificationControl",
-        component: () =>
-          import(
-            "@/views/User/scenarioSimulation/SoilAcidificationControl.vue"
-          ), // 修复路径
-        meta: { title: "土壤酸化治理" },
-      },
+      // {
+      //   path: "TraditionalFarmingRisk",
+      //   name: "TraditionalFarmingRisk",
+      //   component: () =>
+      //     import("@/views/User/scenarioSimulation/TraditionalFarmingRisk.vue"), // 修复路径
+      //   meta: { title: "传统耕种习惯风险趋势" },
+      // },
+      // {
+      //   path: "HeavyMetalCadmiumControl",
+      //   name: "HeavyMetalCadmiumControl",
+      //   component: () =>
+      //     import(
+      //       "@/views/User/scenarioSimulation/HeavyMetalCadmiumControl.vue"
+      //     ), // 修复路径
+      //   meta: { title: "重金属镉污染治理" },
+      // },
+      // {
+      //   path: "SoilAcidificationControl",
+      //   name: "SoilAcidificationControl",
+      //   component: () =>
+      //     import(
+      //       "@/views/User/scenarioSimulation/SoilAcidificationControl.vue"
+      //     ), // 修复路径
+      //   meta: { title: "土壤酸化治理" },
+      // },
       {
         path: "DetectionStatistics",
         name: "DetectionStatistics",

+ 1 - 1
src/views/User/HmOutFlux/irrigationWater/irriWaterInputFlux.vue

@@ -473,7 +473,7 @@ export default {
 }
 
 .input-title {
-  font-size: 14px;
+  font-size: 12px;
   font-weight: 500;
   color: #606266;
   margin-bottom: 5px;

+ 3 - 3
src/views/User/acidModel/ModelIterationVisualization.vue

@@ -248,12 +248,12 @@ onUnmounted(() => {
 
 <template>
   <div class="container">
-    <template v-if="showLineChart">
-      <!-- 折线图表头 -->
+    <!-- <template v-if="showLineChart">
+       折线图表头
       <div class="chart-container">
         <VueEcharts :option="ecLineOption" ref="ecLineOptionRef" />
       </div>
-    </template>
+    </template> -->
     <template v-if="showInitScatterChart">
       <!-- 初代散点图表头 -->
       <h2 class="chart-header">初代散点图</h2>

+ 3 - 3
src/views/User/neutralizationModel/ModelIterationVisualization.vue

@@ -247,12 +247,12 @@ onUnmounted(() => {
 </script>
 <template>
   <div class="container">
-    <template v-if="showLineChart">
-      <!-- 折线图表头 -->
+    <!-- <template v-if="showLineChart">
+      折线图表头 
       <div class="chart-container">
         <VueEcharts :option="ecLineOption" ref="ecLineOptionRef" />
       </div>
-    </template>
+    </template> -->
     <template v-if="showInitScatterChart">
       <!-- 初代散点图表头 -->
       <h2 class="chart-header">初代散点图</h2>