diff --git a/new-digital-agriculture-screen/vite.config.js.timestamp-1747702358990-b2871da6ea6b8.mjs b/new-digital-agriculture-screen/vite.config.js.timestamp-1747702358990-b2871da6ea6b8.mjs
deleted file mode 100644
index d3ff9f3..0000000
--- a/new-digital-agriculture-screen/vite.config.js.timestamp-1747702358990-b2871da6ea6b8.mjs
+++ /dev/null
@@ -1,115 +0,0 @@
-// vite.config.js
-import { defineConfig, loadEnv } from "file:///E:/MyFiles/webcode/YinHeTaiRui/daimp-front/new-digital-agriculture-screen/node_modules/vite/dist/node/index.js";
-import vue from "file:///E:/MyFiles/webcode/YinHeTaiRui/daimp-front/new-digital-agriculture-screen/node_modules/@vitejs/plugin-vue/dist/index.mjs";
-import qiankun from "file:///E:/MyFiles/webcode/YinHeTaiRui/daimp-front/new-digital-agriculture-screen/node_modules/vite-plugin-qiankun/dist/index.js";
-import eslintPlugin from "file:///E:/MyFiles/webcode/YinHeTaiRui/daimp-front/new-digital-agriculture-screen/node_modules/vite-plugin-eslint/dist/index.mjs";
-import vueSetupExtend from "file:///E:/MyFiles/webcode/YinHeTaiRui/daimp-front/new-digital-agriculture-screen/node_modules/vite-plugin-vue-setup-extend/dist/index.mjs";
-import { createSvgIconsPlugin } from "file:///E:/MyFiles/webcode/YinHeTaiRui/daimp-front/new-digital-agriculture-screen/node_modules/vite-plugin-svg-icons/dist/index.mjs";
-import compression from "file:///E:/MyFiles/webcode/YinHeTaiRui/daimp-front/new-digital-agriculture-screen/node_modules/vite-plugin-compression/dist/index.mjs";
-import { viteMockServe } from "file:///E:/MyFiles/webcode/YinHeTaiRui/daimp-front/new-digital-agriculture-screen/node_modules/vite-plugin-mock/dist/index.mjs";
-import AutoImport from "file:///E:/MyFiles/webcode/YinHeTaiRui/daimp-front/new-digital-agriculture-screen/node_modules/unplugin-auto-import/dist/vite.js";
-import Components from "file:///E:/MyFiles/webcode/YinHeTaiRui/daimp-front/new-digital-agriculture-screen/node_modules/unplugin-vue-components/dist/vite.js";
-import postcssImport from "file:///E:/MyFiles/webcode/YinHeTaiRui/daimp-front/new-digital-agriculture-screen/node_modules/postcss-import/index.js";
-import autoprefixer from "file:///E:/MyFiles/webcode/YinHeTaiRui/daimp-front/new-digital-agriculture-screen/node_modules/autoprefixer/lib/autoprefixer.js";
-import { resolve } from "path";
-var __vite_injected_original_dirname = "E:\\MyFiles\\webcode\\YinHeTaiRui\\daimp-front\\new-digital-agriculture-screen";
-var useDevMode = true;
-var vite_config_default = defineConfig(({ command, mode }) => {
-  const { VITE_APP_MIAN_URL, VITE_PORT, VITE_APP_NAME, VITE_APP_BASE_API, VITE_APP_BASE_URL, VITE_APP_UPLOAD_API, VITE_APP_UPLOAD_URL } = loadEnv(
-    mode,
-    process.cwd()
-  );
-  const config = {
-    base: "/new-digital-agriculture-screen/",
-    build: {
-      target: "ESNext",
-      outDir: "dist",
-      minify: "terser"
-    },
-    server: {
-      host: "0.0.0.0",
-      port: VITE_PORT,
-      open: true,
-      https: false,
-      headers: {
-        "Access-Control-Allow-Origin": "*"
-      },
-      proxy: {
-        [VITE_APP_BASE_API]: {
-          target: VITE_APP_BASE_URL,
-          changeOrigin: true,
-          rewrite: (path) => path.replace(/^\/apis/, "")
-        },
-        [VITE_APP_UPLOAD_API]: {
-          target: VITE_APP_UPLOAD_URL,
-          changeOrigin: true,
-          rewrite: (path) => path.replace(/^\/uploadApis/, "")
-        }
-      }
-    },
-    resolve: {
-      alias: {
-        "@": resolve(__vite_injected_original_dirname, "src"),
-        "#": resolve(__vite_injected_original_dirname, "../main/src")
-      },
-      extensions: [".js", ".vue", ".json", ".ts"]
-    },
-    css: {
-      preprocessorOptions: {
-        scss: {
-          additionalData: '@import "@/styles/global.scss";',
-          api: "modern-compiler"
-        }
-      },
-      postcss: {
-        plugins: [
-          postcssImport,
-          autoprefixer({
-            overrideBrowserslist: ["> 1%", "last 2 versions"]
-          })
-        ]
-      }
-    },
-    plugins: [
-      vue(),
-      qiankun(VITE_APP_NAME, { useDevMode }),
-      vueSetupExtend(),
-      eslintPlugin({
-        include: ["src/**/*.ts", "src/**/*.vue", "src/*.ts", "src/*.vue"]
-      }),
-      Components({
-        dirs: ["src/components"],
-        extensions: ["vue", "js", "jsx", "ts", "tsx"],
-        resolvers: []
-      }),
-      compression(),
-      AutoImport({
-        include: [/\.[tj]s?$/, /\.vue$/],
-        imports: ["vue", "vue-router"]
-      }),
-      createSvgIconsPlugin({
-        iconDirs: [resolve(process.cwd(), "src/assets/svgs")],
-        symbolId: "icon-[name]"
-      }),
-      viteMockServe({
-        mockPath: "src/mock",
-        watchFiles: true,
-        localEnabled: command === "dev",
-        prodEnabled: false
-      })
-    ]
-  };
-  if (mode === "production") {
-    config.build.terserOptions = {
-      compress: {
-        drop_console: true,
-        drop_debugger: true
-      }
-    };
-  }
-  return config;
-});
-export {
-  vite_config_default as default
-};
-//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcuanMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCJFOlxcXFxNeUZpbGVzXFxcXHdlYmNvZGVcXFxcWWluSGVUYWlSdWlcXFxcZGFpbXAtZnJvbnRcXFxcbmV3LWRpZ2l0YWwtYWdyaWN1bHR1cmUtc2NyZWVuXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ZpbGVuYW1lID0gXCJFOlxcXFxNeUZpbGVzXFxcXHdlYmNvZGVcXFxcWWluSGVUYWlSdWlcXFxcZGFpbXAtZnJvbnRcXFxcbmV3LWRpZ2l0YWwtYWdyaWN1bHR1cmUtc2NyZWVuXFxcXHZpdGUuY29uZmlnLmpzXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ltcG9ydF9tZXRhX3VybCA9IFwiZmlsZTovLy9FOi9NeUZpbGVzL3dlYmNvZGUvWWluSGVUYWlSdWkvZGFpbXAtZnJvbnQvbmV3LWRpZ2l0YWwtYWdyaWN1bHR1cmUtc2NyZWVuL3ZpdGUuY29uZmlnLmpzXCI7LypcclxuICogQERlc2NyaXB0dGlvbjpcclxuICogQEF1dGhvcjogemVuZ2h1YS53YW5nXHJcbiAqIEBEYXRlOiAyMDIyLTA5LTE4IDIxOjI0OjI5XHJcbiAqIEBMYXN0RWRpdG9yczogemVuZ2h1YS53YW5nXHJcbiAqIEBMYXN0RWRpdFRpbWU6IDIwMjUtMDItMjggMTE6MDQ6NDFcclxuICovXHJcblxyXG5pbXBvcnQgeyBkZWZpbmVDb25maWcsIGxvYWRFbnYgfSBmcm9tICd2aXRlJztcclxuaW1wb3J0IHZ1ZSBmcm9tICdAdml0ZWpzL3BsdWdpbi12dWUnO1xyXG5pbXBvcnQgcWlhbmt1biBmcm9tICd2aXRlLXBsdWdpbi1xaWFua3VuJztcclxuaW1wb3J0IGVzbGludFBsdWdpbiBmcm9tICd2aXRlLXBsdWdpbi1lc2xpbnQnO1xyXG5pbXBvcnQgdnVlU2V0dXBFeHRlbmQgZnJvbSAndml0ZS1wbHVnaW4tdnVlLXNldHVwLWV4dGVuZCc7XHJcbmltcG9ydCB7IGNyZWF0ZVN2Z0ljb25zUGx1Z2luIH0gZnJvbSAndml0ZS1wbHVnaW4tc3ZnLWljb25zJztcclxuaW1wb3J0IGNvbXByZXNzaW9uIGZyb20gJ3ZpdGUtcGx1Z2luLWNvbXByZXNzaW9uJztcclxuaW1wb3J0IHsgdml0ZU1vY2tTZXJ2ZSB9IGZyb20gJ3ZpdGUtcGx1Z2luLW1vY2snO1xyXG5pbXBvcnQgQXV0b0ltcG9ydCBmcm9tICd1bnBsdWdpbi1hdXRvLWltcG9ydC92aXRlJztcclxuaW1wb3J0IENvbXBvbmVudHMgZnJvbSAndW5wbHVnaW4tdnVlLWNvbXBvbmVudHMvdml0ZSc7XHJcbmltcG9ydCBwb3N0Y3NzSW1wb3J0IGZyb20gJ3Bvc3Rjc3MtaW1wb3J0JztcclxuaW1wb3J0IGF1dG9wcmVmaXhlciBmcm9tICdhdXRvcHJlZml4ZXInO1xyXG5pbXBvcnQgeyByZXNvbHZlIH0gZnJvbSAncGF0aCc7XHJcblxyXG5jb25zdCB1c2VEZXZNb2RlID0gdHJ1ZTtcclxuXHJcbmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbmZpZygoeyBjb21tYW5kLCBtb2RlIH0pID0+IHtcclxuICBjb25zdCB7IFZJVEVfQVBQX01JQU5fVVJMLCBWSVRFX1BPUlQsIFZJVEVfQVBQX05BTUUsIFZJVEVfQVBQX0JBU0VfQVBJLCBWSVRFX0FQUF9CQVNFX1VSTCwgVklURV9BUFBfVVBMT0FEX0FQSSwgVklURV9BUFBfVVBMT0FEX1VSTCB9ID0gbG9hZEVudihcclxuICAgIG1vZGUsXHJcbiAgICBwcm9jZXNzLmN3ZCgpXHJcbiAgKTtcclxuICBjb25zdCBjb25maWcgPSB7XHJcbiAgICBiYXNlOiAnL25ldy1kaWdpdGFsLWFncmljdWx0dXJlLXNjcmVlbi8nLFxyXG4gICAgYnVpbGQ6IHtcclxuICAgICAgdGFyZ2V0OiAnRVNOZXh0JyxcclxuICAgICAgb3V0RGlyOiAnZGlzdCcsXHJcbiAgICAgIG1pbmlmeTogJ3RlcnNlcicsXHJcbiAgICB9LFxyXG4gICAgc2VydmVyOiB7XHJcbiAgICAgIGhvc3Q6ICcwLjAuMC4wJyxcclxuICAgICAgcG9ydDogVklURV9QT1JULFxyXG4gICAgICBvcGVuOiB0cnVlLFxyXG4gICAgICBodHRwczogZmFsc2UsXHJcbiAgICAgIGhlYWRlcnM6IHtcclxuICAgICAgICAnQWNjZXNzLUNvbnRyb2wtQWxsb3ctT3JpZ2luJzogJyonLFxyXG4gICAgICB9LFxyXG4gICAgICBwcm94eToge1xyXG4gICAgICAgIFtWSVRFX0FQUF9CQVNFX0FQSV06IHtcclxuICAgICAgICAgIHRhcmdldDogVklURV9BUFBfQkFTRV9VUkwsXHJcbiAgICAgICAgICBjaGFuZ2VPcmlnaW46IHRydWUsXHJcbiAgICAgICAgICByZXdyaXRlOiAocGF0aCkgPT4gcGF0aC5yZXBsYWNlKC9eXFwvYXBpcy8sICcnKSxcclxuICAgICAgICB9LFxyXG4gICAgICAgIFtWSVRFX0FQUF9VUExPQURfQVBJXToge1xyXG4gICAgICAgICAgdGFyZ2V0OiBWSVRFX0FQUF9VUExPQURfVVJMLFxyXG4gICAgICAgICAgY2hhbmdlT3JpZ2luOiB0cnVlLFxyXG4gICAgICAgICAgcmV3cml0ZTogKHBhdGgpID0+IHBhdGgucmVwbGFjZSgvXlxcL3VwbG9hZEFwaXMvLCAnJyksXHJcbiAgICAgICAgfSxcclxuICAgICAgfSxcclxuICAgIH0sXHJcbiAgICByZXNvbHZlOiB7XHJcbiAgICAgIGFsaWFzOiB7XHJcbiAgICAgICAgJ0AnOiByZXNvbHZlKF9fZGlybmFtZSwgJ3NyYycpLFxyXG4gICAgICAgICcjJzogcmVzb2x2ZShfX2Rpcm5hbWUsICcuLi9tYWluL3NyYycpLFxyXG4gICAgICB9LFxyXG4gICAgICBleHRlbnNpb25zOiBbJy5qcycsICcudnVlJywgJy5qc29uJywgJy50cyddLFxyXG4gICAgfSxcclxuICAgIGNzczoge1xyXG4gICAgICBwcmVwcm9jZXNzb3JPcHRpb25zOiB7XHJcbiAgICAgICAgc2Nzczoge1xyXG4gICAgICAgICAgYWRkaXRpb25hbERhdGE6ICdAaW1wb3J0IFwiQC9zdHlsZXMvZ2xvYmFsLnNjc3NcIjsnLFxyXG4gICAgICAgICAgYXBpOiAnbW9kZXJuLWNvbXBpbGVyJyxcclxuICAgICAgICB9LFxyXG4gICAgICB9LFxyXG4gICAgICBwb3N0Y3NzOiB7XHJcbiAgICAgICAgcGx1Z2luczogW1xyXG4gICAgICAgICAgcG9zdGNzc0ltcG9ydCxcclxuICAgICAgICAgIGF1dG9wcmVmaXhlcih7XHJcbiAgICAgICAgICAgIG92ZXJyaWRlQnJvd3NlcnNsaXN0OiBbJz4gMSUnLCAnbGFzdCAyIHZlcnNpb25zJ10sXHJcbiAgICAgICAgICB9KSxcclxuICAgICAgICBdLFxyXG4gICAgICB9LFxyXG4gICAgfSxcclxuICAgIHBsdWdpbnM6IFtcclxuICAgICAgdnVlKCksXHJcbiAgICAgIHFpYW5rdW4oVklURV9BUFBfTkFNRSwgeyB1c2VEZXZNb2RlIH0pLFxyXG4gICAgICB2dWVTZXR1cEV4dGVuZCgpLFxyXG4gICAgICBlc2xpbnRQbHVnaW4oe1xyXG4gICAgICAgIGluY2x1ZGU6IFsnc3JjLyoqLyoudHMnLCAnc3JjLyoqLyoudnVlJywgJ3NyYy8qLnRzJywgJ3NyYy8qLnZ1ZSddLFxyXG4gICAgICB9KSxcclxuICAgICAgQ29tcG9uZW50cyh7XHJcbiAgICAgICAgZGlyczogWydzcmMvY29tcG9uZW50cyddLFxyXG4gICAgICAgIGV4dGVuc2lvbnM6IFsndnVlJywgJ2pzJywgJ2pzeCcsICd0cycsICd0c3gnXSxcclxuICAgICAgICByZXNvbHZlcnM6IFtdLFxyXG4gICAgICB9KSxcclxuICAgICAgY29tcHJlc3Npb24oKSxcclxuICAgICAgQXV0b0ltcG9ydCh7XHJcbiAgICAgICAgaW5jbHVkZTogWy9cXC5bdGpdcz8kLywgL1xcLnZ1ZSQvXSxcclxuICAgICAgICBpbXBvcnRzOiBbJ3Z1ZScsICd2dWUtcm91dGVyJ10sXHJcbiAgICAgIH0pLFxyXG4gICAgICBjcmVhdGVTdmdJY29uc1BsdWdpbih7XHJcbiAgICAgICAgaWNvbkRpcnM6IFtyZXNvbHZlKHByb2Nlc3MuY3dkKCksICdzcmMvYXNzZXRzL3N2Z3MnKV0sXHJcbiAgICAgICAgc3ltYm9sSWQ6ICdpY29uLVtuYW1lXScsXHJcbiAgICAgIH0pLFxyXG4gICAgICB2aXRlTW9ja1NlcnZlKHtcclxuICAgICAgICBtb2NrUGF0aDogJ3NyYy9tb2NrJyxcclxuICAgICAgICB3YXRjaEZpbGVzOiB0cnVlLFxyXG4gICAgICAgIGxvY2FsRW5hYmxlZDogY29tbWFuZCA9PT0gJ2RldicsXHJcbiAgICAgICAgcHJvZEVuYWJsZWQ6IGZhbHNlLFxyXG4gICAgICB9KSxcclxuICAgIF0sXHJcbiAgfTtcclxuICBpZiAobW9kZSA9PT0gJ3Byb2R1Y3Rpb24nKSB7XHJcbiAgICBjb25maWcuYnVpbGQudGVyc2VyT3B0aW9ucyA9IHtcclxuICAgICAgY29tcHJlc3M6IHtcclxuICAgICAgICBkcm9wX2NvbnNvbGU6IHRydWUsXHJcbiAgICAgICAgZHJvcF9kZWJ1Z2dlcjogdHJ1ZSxcclxuICAgICAgfSxcclxuICAgIH07XHJcbiAgfVxyXG4gIHJldHVybiBjb25maWc7XHJcbn0pO1xyXG4iXSwKICAibWFwcGluZ3MiOiAiO0FBUUEsU0FBUyxjQUFjLGVBQWU7QUFDdEMsT0FBTyxTQUFTO0FBQ2hCLE9BQU8sYUFBYTtBQUNwQixPQUFPLGtCQUFrQjtBQUN6QixPQUFPLG9CQUFvQjtBQUMzQixTQUFTLDRCQUE0QjtBQUNyQyxPQUFPLGlCQUFpQjtBQUN4QixTQUFTLHFCQUFxQjtBQUM5QixPQUFPLGdCQUFnQjtBQUN2QixPQUFPLGdCQUFnQjtBQUN2QixPQUFPLG1CQUFtQjtBQUMxQixPQUFPLGtCQUFrQjtBQUN6QixTQUFTLGVBQWU7QUFwQnhCLElBQU0sbUNBQW1DO0FBc0J6QyxJQUFNLGFBQWE7QUFFbkIsSUFBTyxzQkFBUSxhQUFhLENBQUMsRUFBRSxTQUFTLEtBQUssTUFBTTtBQUNqRCxRQUFNLEVBQUUsbUJBQW1CLFdBQVcsZUFBZSxtQkFBbUIsbUJBQW1CLHFCQUFxQixvQkFBb0IsSUFBSTtBQUFBLElBQ3RJO0FBQUEsSUFDQSxRQUFRLElBQUk7QUFBQSxFQUNkO0FBQ0EsUUFBTSxTQUFTO0FBQUEsSUFDYixNQUFNO0FBQUEsSUFDTixPQUFPO0FBQUEsTUFDTCxRQUFRO0FBQUEsTUFDUixRQUFRO0FBQUEsTUFDUixRQUFRO0FBQUEsSUFDVjtBQUFBLElBQ0EsUUFBUTtBQUFBLE1BQ04sTUFBTTtBQUFBLE1BQ04sTUFBTTtBQUFBLE1BQ04sTUFBTTtBQUFBLE1BQ04sT0FBTztBQUFBLE1BQ1AsU0FBUztBQUFBLFFBQ1AsK0JBQStCO0FBQUEsTUFDakM7QUFBQSxNQUNBLE9BQU87QUFBQSxRQUNMLENBQUMsaUJBQWlCLEdBQUc7QUFBQSxVQUNuQixRQUFRO0FBQUEsVUFDUixjQUFjO0FBQUEsVUFDZCxTQUFTLENBQUMsU0FBUyxLQUFLLFFBQVEsV0FBVyxFQUFFO0FBQUEsUUFDL0M7QUFBQSxRQUNBLENBQUMsbUJBQW1CLEdBQUc7QUFBQSxVQUNyQixRQUFRO0FBQUEsVUFDUixjQUFjO0FBQUEsVUFDZCxTQUFTLENBQUMsU0FBUyxLQUFLLFFBQVEsaUJBQWlCLEVBQUU7QUFBQSxRQUNyRDtBQUFBLE1BQ0Y7QUFBQSxJQUNGO0FBQUEsSUFDQSxTQUFTO0FBQUEsTUFDUCxPQUFPO0FBQUEsUUFDTCxLQUFLLFFBQVEsa0NBQVcsS0FBSztBQUFBLFFBQzdCLEtBQUssUUFBUSxrQ0FBVyxhQUFhO0FBQUEsTUFDdkM7QUFBQSxNQUNBLFlBQVksQ0FBQyxPQUFPLFFBQVEsU0FBUyxLQUFLO0FBQUEsSUFDNUM7QUFBQSxJQUNBLEtBQUs7QUFBQSxNQUNILHFCQUFxQjtBQUFBLFFBQ25CLE1BQU07QUFBQSxVQUNKLGdCQUFnQjtBQUFBLFVBQ2hCLEtBQUs7QUFBQSxRQUNQO0FBQUEsTUFDRjtBQUFBLE1BQ0EsU0FBUztBQUFBLFFBQ1AsU0FBUztBQUFBLFVBQ1A7QUFBQSxVQUNBLGFBQWE7QUFBQSxZQUNYLHNCQUFzQixDQUFDLFFBQVEsaUJBQWlCO0FBQUEsVUFDbEQsQ0FBQztBQUFBLFFBQ0g7QUFBQSxNQUNGO0FBQUEsSUFDRjtBQUFBLElBQ0EsU0FBUztBQUFBLE1BQ1AsSUFBSTtBQUFBLE1BQ0osUUFBUSxlQUFlLEVBQUUsV0FBVyxDQUFDO0FBQUEsTUFDckMsZUFBZTtBQUFBLE1BQ2YsYUFBYTtBQUFBLFFBQ1gsU0FBUyxDQUFDLGVBQWUsZ0JBQWdCLFlBQVksV0FBVztBQUFBLE1BQ2xFLENBQUM7QUFBQSxNQUNELFdBQVc7QUFBQSxRQUNULE1BQU0sQ0FBQyxnQkFBZ0I7QUFBQSxRQUN2QixZQUFZLENBQUMsT0FBTyxNQUFNLE9BQU8sTUFBTSxLQUFLO0FBQUEsUUFDNUMsV0FBVyxDQUFDO0FBQUEsTUFDZCxDQUFDO0FBQUEsTUFDRCxZQUFZO0FBQUEsTUFDWixXQUFXO0FBQUEsUUFDVCxTQUFTLENBQUMsYUFBYSxRQUFRO0FBQUEsUUFDL0IsU0FBUyxDQUFDLE9BQU8sWUFBWTtBQUFBLE1BQy9CLENBQUM7QUFBQSxNQUNELHFCQUFxQjtBQUFBLFFBQ25CLFVBQVUsQ0FBQyxRQUFRLFFBQVEsSUFBSSxHQUFHLGlCQUFpQixDQUFDO0FBQUEsUUFDcEQsVUFBVTtBQUFBLE1BQ1osQ0FBQztBQUFBLE1BQ0QsY0FBYztBQUFBLFFBQ1osVUFBVTtBQUFBLFFBQ1YsWUFBWTtBQUFBLFFBQ1osY0FBYyxZQUFZO0FBQUEsUUFDMUIsYUFBYTtBQUFBLE1BQ2YsQ0FBQztBQUFBLElBQ0g7QUFBQSxFQUNGO0FBQ0EsTUFBSSxTQUFTLGNBQWM7QUFDekIsV0FBTyxNQUFNLGdCQUFnQjtBQUFBLE1BQzNCLFVBQVU7QUFBQSxRQUNSLGNBQWM7QUFBQSxRQUNkLGVBQWU7QUFBQSxNQUNqQjtBQUFBLElBQ0Y7QUFBQSxFQUNGO0FBQ0EsU0FBTztBQUNULENBQUM7IiwKICAibmFtZXMiOiBbXQp9Cg==
diff --git a/sub-operation-service/src/apis/products.js b/sub-operation-service/src/apis/products.js
new file mode 100644
index 0000000..74cd322
--- /dev/null
+++ b/sub-operation-service/src/apis/products.js
@@ -0,0 +1,23 @@
+export default {
+  // 模拟获取商品列表
+  getProducts: () => {
+    return new Promise((resolve) => {
+      setTimeout(() => {
+        resolve([
+          { id: 1, name: '耿马绿色蔬菜', imageUrl: 'images/brand/11.png' },
+          { id: 2, name: '云南高山茶', imageUrl: 'images/brand/12.png' },
+          { id: 3, name: '新疆大枣', imageUrl: 'images/brand/13.png' },
+          { id: 4, name: '东北大米', imageUrl: 'images/brand/14.png' },
+          { id: 5, name: '山东苹果', imageUrl: 'images/brand/15.png' },
+          { id: 6, name: '四川泡菜', imageUrl: 'images/brand/16.png' },
+          { id: 7, name: '江苏阳澄湖大闸蟹', imageUrl: 'images/brand/11.png' },
+          { id: 8, name: '海南椰子', imageUrl: 'images/brand/12.png' },
+          { id: 9, name: '广东早茶', imageUrl: 'images/brand/13.png' },
+          { id: 10, name: '北京烤鸭', imageUrl: 'images/brand/14.png' },
+          { id: 11, name: '西藏青稞酒', imageUrl: 'images/brand/15.png' },
+          { id: 12, name: '青海牦牛肉', imageUrl: 'images/brand/16.png' },
+        ]);
+      }, 500); // 模拟网络延迟
+    });
+  },
+};
diff --git a/sub-operation-service/src/assets/images/brand/1 (1).png b/sub-operation-service/src/assets/images/brand/11.png
similarity index 100%
rename from sub-operation-service/src/assets/images/brand/1 (1).png
rename to sub-operation-service/src/assets/images/brand/11.png
diff --git a/sub-operation-service/src/assets/images/brand/1 (2).png b/sub-operation-service/src/assets/images/brand/12.png
similarity index 100%
rename from sub-operation-service/src/assets/images/brand/1 (2).png
rename to sub-operation-service/src/assets/images/brand/12.png
diff --git a/sub-operation-service/src/assets/images/brand/1 (5).png b/sub-operation-service/src/assets/images/brand/13.png
similarity index 100%
rename from sub-operation-service/src/assets/images/brand/1 (5).png
rename to sub-operation-service/src/assets/images/brand/13.png
diff --git a/sub-operation-service/src/assets/images/brand/1 (4).png b/sub-operation-service/src/assets/images/brand/14.png
similarity index 100%
rename from sub-operation-service/src/assets/images/brand/1 (4).png
rename to sub-operation-service/src/assets/images/brand/14.png
diff --git a/sub-operation-service/src/assets/images/brand/1 (3).png b/sub-operation-service/src/assets/images/brand/15.png
similarity index 100%
rename from sub-operation-service/src/assets/images/brand/1 (3).png
rename to sub-operation-service/src/assets/images/brand/15.png
diff --git a/sub-operation-service/src/assets/images/brand/组 1532.png b/sub-operation-service/src/assets/images/brand/1532.png
similarity index 100%
rename from sub-operation-service/src/assets/images/brand/组 1532.png
rename to sub-operation-service/src/assets/images/brand/1532.png
diff --git a/sub-operation-service/src/assets/images/brand/组 1533.png b/sub-operation-service/src/assets/images/brand/1533.png
similarity index 100%
rename from sub-operation-service/src/assets/images/brand/组 1533.png
rename to sub-operation-service/src/assets/images/brand/1533.png
diff --git a/sub-operation-service/src/assets/images/brand/1 (6).png b/sub-operation-service/src/assets/images/brand/16.png
similarity index 100%
rename from sub-operation-service/src/assets/images/brand/1 (6).png
rename to sub-operation-service/src/assets/images/brand/16.png
diff --git a/sub-operation-service/src/assets/images/brand/生产管理控制.png b/sub-operation-service/src/assets/images/brand/Apply.png
similarity index 100%
rename from sub-operation-service/src/assets/images/brand/生产管理控制.png
rename to sub-operation-service/src/assets/images/brand/Apply.png
diff --git a/sub-operation-service/src/assets/images/brand/识别二维码.png b/sub-operation-service/src/assets/images/brand/Authorization.png
similarity index 100%
rename from sub-operation-service/src/assets/images/brand/识别二维码.png
rename to sub-operation-service/src/assets/images/brand/Authorization.png
diff --git a/sub-operation-service/src/assets/images/brand/p (3).png b/sub-operation-service/src/assets/images/brand/product1.png
similarity index 100%
rename from sub-operation-service/src/assets/images/brand/p (3).png
rename to sub-operation-service/src/assets/images/brand/product1.png
diff --git a/sub-operation-service/src/assets/images/brand/2 (1).png b/sub-operation-service/src/assets/images/brand/product2.png
similarity index 100%
rename from sub-operation-service/src/assets/images/brand/2 (1).png
rename to sub-operation-service/src/assets/images/brand/product2.png
diff --git a/sub-operation-service/src/assets/images/brand/2 (3).png b/sub-operation-service/src/assets/images/brand/product4.png
similarity index 100%
rename from sub-operation-service/src/assets/images/brand/2 (3).png
rename to sub-operation-service/src/assets/images/brand/product4.png
diff --git a/sub-operation-service/src/assets/images/brand/p (1).png b/sub-operation-service/src/assets/images/brand/product5.png
similarity index 100%
rename from sub-operation-service/src/assets/images/brand/p (1).png
rename to sub-operation-service/src/assets/images/brand/product5.png
diff --git a/sub-operation-service/src/assets/images/brand/2 (2).png b/sub-operation-service/src/assets/images/brand/product6.png
similarity index 100%
rename from sub-operation-service/src/assets/images/brand/2 (2).png
rename to sub-operation-service/src/assets/images/brand/product6.png
diff --git a/sub-operation-service/src/assets/images/brand/用户信息.png b/sub-operation-service/src/assets/images/brand/supervision.png
similarity index 100%
rename from sub-operation-service/src/assets/images/brand/用户信息.png
rename to sub-operation-service/src/assets/images/brand/supervision.png
diff --git a/sub-operation-service/src/assets/images/smartFarm/PM2.5.png b/sub-operation-service/src/assets/images/smartFarm/PM2.5.png
new file mode 100644
index 0000000..4248adc
Binary files /dev/null and b/sub-operation-service/src/assets/images/smartFarm/PM2.5.png differ
diff --git a/sub-operation-service/src/assets/images/smartFarm/供水阀.png b/sub-operation-service/src/assets/images/smartFarm/供水阀.png
new file mode 100644
index 0000000..415d46f
Binary files /dev/null and b/sub-operation-service/src/assets/images/smartFarm/供水阀.png differ
diff --git a/sub-operation-service/src/assets/images/smartFarm/加热器.png b/sub-operation-service/src/assets/images/smartFarm/加热器.png
new file mode 100644
index 0000000..7de46a8
Binary files /dev/null and b/sub-operation-service/src/assets/images/smartFarm/加热器.png differ
diff --git a/sub-operation-service/src/assets/images/smartFarm/喷头.png b/sub-operation-service/src/assets/images/smartFarm/喷头.png
new file mode 100644
index 0000000..8cfab56
Binary files /dev/null and b/sub-operation-service/src/assets/images/smartFarm/喷头.png differ
diff --git a/sub-operation-service/src/assets/images/smartFarm/土壤传感器.png b/sub-operation-service/src/assets/images/smartFarm/土壤传感器.png
new file mode 100644
index 0000000..9141b83
Binary files /dev/null and b/sub-operation-service/src/assets/images/smartFarm/土壤传感器.png differ
diff --git a/sub-operation-service/src/assets/images/smartFarm/搅拌机.png b/sub-operation-service/src/assets/images/smartFarm/搅拌机.png
new file mode 100644
index 0000000..dc05dcc
Binary files /dev/null and b/sub-operation-service/src/assets/images/smartFarm/搅拌机.png differ
diff --git a/sub-operation-service/src/assets/images/smartFarm/施肥.png b/sub-operation-service/src/assets/images/smartFarm/施肥.png
new file mode 100644
index 0000000..da74a83
Binary files /dev/null and b/sub-operation-service/src/assets/images/smartFarm/施肥.png differ
diff --git a/sub-operation-service/src/assets/images/smartFarm/智能阀控.png b/sub-operation-service/src/assets/images/smartFarm/智能阀控.png
new file mode 100644
index 0000000..164035b
Binary files /dev/null and b/sub-operation-service/src/assets/images/smartFarm/智能阀控.png differ
diff --git a/sub-operation-service/src/assets/images/smartFarm/消毒灯.png b/sub-operation-service/src/assets/images/smartFarm/消毒灯.png
new file mode 100644
index 0000000..534984d
Binary files /dev/null and b/sub-operation-service/src/assets/images/smartFarm/消毒灯.png differ
diff --git a/sub-operation-service/src/assets/images/smartFarm/混合泵.png b/sub-operation-service/src/assets/images/smartFarm/混合泵.png
new file mode 100644
index 0000000..90df5b9
Binary files /dev/null and b/sub-operation-service/src/assets/images/smartFarm/混合泵.png differ
diff --git a/sub-operation-service/src/assets/images/smartFarm/混合罐.png b/sub-operation-service/src/assets/images/smartFarm/混合罐.png
new file mode 100644
index 0000000..ad683a9
Binary files /dev/null and b/sub-operation-service/src/assets/images/smartFarm/混合罐.png differ
diff --git a/sub-operation-service/src/assets/images/smartFarm/温度传感器.png b/sub-operation-service/src/assets/images/smartFarm/温度传感器.png
new file mode 100644
index 0000000..7a758d4
Binary files /dev/null and b/sub-operation-service/src/assets/images/smartFarm/温度传感器.png differ
diff --git a/sub-operation-service/src/assets/images/smartFarm/热力.png b/sub-operation-service/src/assets/images/smartFarm/热力.png
new file mode 100644
index 0000000..94df86a
Binary files /dev/null and b/sub-operation-service/src/assets/images/smartFarm/热力.png differ
diff --git a/sub-operation-service/src/assets/images/smartFarm/电磁阀状态.png b/sub-operation-service/src/assets/images/smartFarm/电磁阀状态.png
new file mode 100644
index 0000000..deb684c
Binary files /dev/null and b/sub-operation-service/src/assets/images/smartFarm/电磁阀状态.png differ
diff --git a/sub-operation-service/src/assets/images/smartFarm/积水传感器.png b/sub-operation-service/src/assets/images/smartFarm/积水传感器.png
new file mode 100644
index 0000000..5f39d47
Binary files /dev/null and b/sub-operation-service/src/assets/images/smartFarm/积水传感器.png differ
diff --git a/sub-operation-service/src/assets/images/smartFarm/肥料罐.png b/sub-operation-service/src/assets/images/smartFarm/肥料罐.png
new file mode 100644
index 0000000..730c209
Binary files /dev/null and b/sub-operation-service/src/assets/images/smartFarm/肥料罐.png differ
diff --git a/sub-operation-service/src/assets/images/smartFarm/计时器.png b/sub-operation-service/src/assets/images/smartFarm/计时器.png
new file mode 100644
index 0000000..6eeb7d4
Binary files /dev/null and b/sub-operation-service/src/assets/images/smartFarm/计时器.png differ
diff --git a/sub-operation-service/src/assets/images/smartFarm/阀门.png b/sub-operation-service/src/assets/images/smartFarm/阀门.png
new file mode 100644
index 0000000..6e9b15f
Binary files /dev/null and b/sub-operation-service/src/assets/images/smartFarm/阀门.png differ
diff --git a/sub-operation-service/src/assets/images/smartFarm/雨量计.png b/sub-operation-service/src/assets/images/smartFarm/雨量计.png
new file mode 100644
index 0000000..51bdb06
Binary files /dev/null and b/sub-operation-service/src/assets/images/smartFarm/雨量计.png differ
diff --git a/sub-operation-service/src/assets/images/smartFarm/风速仪.png b/sub-operation-service/src/assets/images/smartFarm/风速仪.png
new file mode 100644
index 0000000..c41265f
Binary files /dev/null and b/sub-operation-service/src/assets/images/smartFarm/风速仪.png differ
diff --git a/sub-operation-service/src/router/index.js b/sub-operation-service/src/router/index.js
index c496f2f..5a20d78 100644
--- a/sub-operation-service/src/router/index.js
+++ b/sub-operation-service/src/router/index.js
@@ -127,6 +127,12 @@ export const constantRoutes = [
         name: 'bugInspection',
         meta: { title: '病虫害监测' },
       },
+      {
+        path: '/sub-operation-service/smartFarm/envInspection',
+        component: () => import('@/views/smartFarm/inspection/envInspection.vue'),
+        name: 'envInspection',
+        meta: { title: '环境监测' },
+      },
       {
         path: '/sub-operation-service/smartFarm/growSeedlings',
         component: () => import('@/views/smartFarm/growSeedlings/index.vue'),
diff --git a/sub-operation-service/src/views/brand/components/ApplyManagement.vue b/sub-operation-service/src/views/brand/components/ApplyManagement.vue
index 3a3ca9b..a8885df 100644
--- a/sub-operation-service/src/views/brand/components/ApplyManagement.vue
+++ b/sub-operation-service/src/views/brand/components/ApplyManagement.vue
@@ -1,67 +1,100 @@
 <template>
-  <el-page-header>
-    <template #breadcrumb>
-      <el-breadcrumb separator="·">
-        <el-breadcrumb-item :to="{ path: './page-header.html' }"> 使用申请 </el-breadcrumb-item>
-        <el-breadcrumb-item>我要申请</el-breadcrumb-item>
-      </el-breadcrumb>
-    </template>
-  </el-page-header>
-  <el-space class="content-box" wrap>
-    <el-card v-for="o in 12" :key="o" class="box-card">
-      <div style="height: 100%" class="flex-clomn">
-        <img :src="url" alt="" class="img" />
-        <p>耿马绿色蔬菜</p>
-        <el-button class="button">我要申请</el-button>
-      </div>
-    </el-card>
-  </el-space>
+  <el-row :gutter="20" class="content-box">
+    <el-col v-for="product in products" :key="product.id" :span="6">
+      <el-card class="box-card" :body-style="{ padding: '8px', height: '100%' }">
+        <div class="flex-column">
+          <img :src="product.img" alt="商品图" class="img" />
+          <div class="flex-1 flex-around">
+            <p>{{ product.name }}</p>
+            <el-button type="success" class="button">我要申请</el-button>
+          </div>
+        </div>
+      </el-card>
+    </el-col>
+  </el-row>
 </template>
+
 <script setup>
-const goBack = () => {
-  console.log('go back');
+import { ref, onMounted } from 'vue';
+import productsApi from '@/apis/products';
+import { getAssetsFile } from '@/utils/index.js';
+
+const url = 'https://via.placeholder.com/182';
+const products = ref([]);
+
+// 获取商品数据
+const fetchProducts = async () => {
+  try {
+    const data = await productsApi.getProducts();
+    const processedData = data.map((item) => {
+      return {
+        ...item,
+        img: getAssetsFile(item.imageUrl), // 确保图片路径正确
+      };
+    });
+
+    products.value = processedData;
+  } catch (error) {
+    console.error('获取商品数据失败:', error);
+  }
 };
+
+// 组件挂载时获取数据
+onMounted(() => {
+  fetchProducts();
+});
 </script>
+
 <style scoped lang="scss">
 .content-box {
   margin: 0;
   padding: 0;
-  box-sizing: border-box;
+  row-gap: 20px;
+}
 
-  .box-card {
-    box-shadow: none;
-    width: 224px;
-    height: 334px;
-    background: #ffffff;
-    border-radius: 16px;
-    padding: 8;
+.box-card {
+  width: 100%;
+  height: 334px;
+  border-radius: 16px;
+  padding: 0;
+  box-shadow: none;
 
-    .flex-clomn {
-      display: flex;
-      flex-direction: column;
-      gap: 8;
-    }
-    p {
-      text-align: center;
-      font-size: 20px;
-      font-weight: 700;
-    }
-
-    .img {
-      width: 182px;
-      height: 182px;
-    }
-    .button {
-      width: 96px;
-      height: 40px;
-      background: #25bf82;
-      border-radius: 8px;
-      align-self: center;
-      color: #fff;
-    }
+  .flex-column {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0;
+  }
+
+  .flex-around {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+    align-items: center;
+  }
+
+  .flex-1 {
+    flex: 1;
+  }
+
+  .flex-column p {
+    margin: 0;
+    font-size: 20px;
+    font-weight: 700;
+  }
+
+  .img {
+    width: 100%;
+    aspect-ratio: 1 / 1;
+    object-fit: cover;
+    border-radius: 8px;
+  }
+
+  .button {
+    width: 96px;
+    height: 40px;
   }
-  // .content-box::-webkit-scrollbar {
-  //   display: none; /* 隐藏滚动条 */
-  // }
 }
 </style>
diff --git a/sub-operation-service/src/views/brand/components/UsageMonitor.vue b/sub-operation-service/src/views/brand/components/UsageMonitor.vue
index 29d07f6..57c7e88 100644
--- a/sub-operation-service/src/views/brand/components/UsageMonitor.vue
+++ b/sub-operation-service/src/views/brand/components/UsageMonitor.vue
@@ -1,179 +1,180 @@
 <template>
   <div class="usage-monitor">
-    <!-- 状态筛选 -->
-    <el-tabs v-model="activeStatus" class="mb-24">
-      <el-tab-pane label="在售中" name="onSale" />
-      <el-tab-pane label="未上架" name="notListed" />
-      <el-tab-pane label="已失效" name="expired" />
-    </el-tabs>
+    <!-- 顶部 TabPane，居中显示 -->
+    <div class="tabs-wrapper">
+      <el-tabs v-model="activeTab" type="card" class="centered-tabs">
+        <el-tab-pane label="在售中" name="onSale" />
+        <el-tab-pane label="未上架" name="offShelf" />
+        <el-tab-pane label="已失效" name="expired" />
+      </el-tabs>
+    </div>
 
-    <!-- 商品列表 -->
-    <el-row :gutter="16">
-      <el-col v-for="product in filteredProducts" :key="product.id" :xs="24" :sm="12" :md="8" :lg="6" class="mb-16">
-        <el-card class="product-card">
-          <!-- 商品状态 -->
-          <div class="status-tag">
-            <el-tag :type="statusMap[product.status]" size="small">
-              {{ product.statusLabel }}
-            </el-tag>
-          </div>
+    <!-- 列表内容 -->
+    <div class="list-wrapper">
+      <div v-for="(p, idx) in filteredProducts" :key="p.id" class="list-item" :class="{ 'has-border': idx > 0 }">
+        <!-- 商品图 -->
+        <img class="item-img" :src="p.img" alt="商品图" />
 
-          <!-- 商品信息 -->
-          <div class="product-content">
-            <h4 class="product-name">{{ product.name }}</h4>
+        <!-- 名称 + 月售/库存 -->
+        <div class="item-info">
+          <div class="item-name">{{ p.name }}</div>
+          <div class="item-stats">月售 {{ p.monthlySales }} · 库存 {{ p.stock }}</div>
+        </div>
 
-            <div class="sales-info">
-              <div class="data-item">
-                <span class="label">月售</span>
-                <span class="value">{{ product.monthlySales }}</span>
-              </div>
-              <div class="data-item">
-                <span class="label">库存</span>
-                <span class="value">{{ product.stock }}</span>
-              </div>
-            </div>
+        <!-- 价格 -->
+        <div class="item-price">¥ {{ p.price }} /kg</div>
 
-            <div class="price">
-              {{ product.price }}
-            </div>
-          </div>
+        <!-- 操作按钮 -->
+        <div class="item-actions">
+          <el-button size="small" @click="onInspect(p)">抽查</el-button>
+          <el-button size="small" type="danger" @click="onRevoke(p)">取消授权</el-button>
+        </div>
 
-          <!-- 操作按钮 -->
-          <div class="product-actions">
-            <el-button v-if="product.status !== 'expired'" size="small" @click="handleInspect(product)">抽查</el-button>
-            <el-button v-if="product.status === 'onSale'" size="small" type="danger" plain @click="handleRevoke(product)">取消授权</el-button>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
+        <!-- 右侧状态 -->
+        <div class="item-status" :class="statusClass(activeTab)">
+          {{ tabLabels[activeTab] }}
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 
 <script setup>
 import { ref, computed } from 'vue';
 
-const activeStatus = ref('onSale');
+const activeTab = ref('onSale');
 
-// 状态映射配置，用于 el-tag 的样式
-const statusMap = {
-  onSale: 'success',
-  notListed: 'info',
-  expired: 'danger',
+const tabLabels = {
+  onSale: '在售中',
+  offShelf: '未上架',
+  expired: '已失效',
 };
 
-// 商品数据，这里保持与原型图中的展示一致
+// 示例数据，替换为真实接口数据
 const products = ref([
   {
     id: 1,
-    name: '耿马镇沙瓢西红柿',
+    name: '耿马镇沙疆西红柿',
+    img: 'https://via.placeholder.com/80',
     monthlySales: 999,
     stock: 10000,
-    price: '￥3.0/kg',
+    price: 3.0,
     status: 'onSale',
-    statusLabel: '在售中',
   },
   {
     id: 2,
-    name: '昭通乡土黄瓜',
-    monthlySales: 750,
-    stock: 8500,
-    price: '￥2.5/kg',
+    name: '耿马镇沙疆土豆',
+    img: 'https://via.placeholder.com/80',
+    monthlySales: 123,
+    stock: 5000,
+    price: 2.5,
     status: 'onSale',
-    statusLabel: '在售中',
   },
   {
     id: 3,
-    name: '昆明有机苹果',
-    monthlySales: 450,
-    stock: 5000,
-    price: '￥6.0/kg',
-    status: 'notListed', // 修改为 notListed，对应“未上架”
-    statusLabel: '未上架',
-  },
-  {
-    id: 4,
-    name: '楚雄散养鸡蛋',
-    monthlySales: 1200,
-    stock: 20000,
-    price: '￥8.0/斤',
-    status: 'onSale',
-    statusLabel: '在售中',
+    name: '彩椒南瓜混合',
+    img: 'https://via.placeholder.com/80',
+    monthlySales: 456,
+    stock: 8000,
+    price: 4.2,
+    status: 'offShelf',
   },
+  // … 更多数据
 ]);
 
-// 根据当前选择状态过滤商品列表
-const filteredProducts = computed(() => {
-  return products.value.filter((item) => item.status === activeStatus.value);
-});
+// 根据当前 Tab 过滤
+const filteredProducts = computed(() => products.value.filter((p) => p.status === activeTab.value));
 
-// 操作处理逻辑
-const handleInspect = (product) => {
-  console.log('抽查商品:', product);
+// 操作回调
+const onInspect = (p) => {
+  console.log('抽查商品', p);
+};
+const onRevoke = (p) => {
+  console.log('取消授权', p);
 };
 
-const handleRevoke = (product) => {
-  console.log('取消授权:', product);
+// 状态文字的颜色
+const statusClass = (tab) => {
+  if (tab === 'offShelf') return 'text-warning';
+  if (tab === 'expired') return 'text-danger';
+  return 'text-success';
 };
 </script>
 
-<style lang="scss" scoped>
+<style scoped lang="scss">
 .usage-monitor {
   padding: 20px;
+  background: #fff;
 
-  .mb-24 {
+  .tabs-wrapper {
+    display: flex;
+    justify-content: center;
     margin-bottom: 24px;
+
+    .centered-tabs {
+      width: 600px; /* 根据实际需要调整宽度 */
+      .el-tabs__header {
+        justify-content: center;
+      }
+    }
   }
 
-  .product-card {
-    position: relative;
-    margin-bottom: 16px;
-    transition: box-shadow 0.3s;
-
-    &:hover {
-      box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-    }
-
-    .status-tag {
-      position: absolute;
-      top: 12px;
-      right: 12px;
-    }
-
-    .product-content {
-      .product-name {
-        margin: 0 0 12px;
-        font-size: 16px;
-        color: #303133;
+  .list-wrapper {
+    .list-item {
+      display: grid;
+      grid-template-columns: 80px 1fr auto auto 80px;
+      align-items: center;
+      padding: 16px 0;
+      &.has-border {
+        border-top: 1px solid #ebeef5;
       }
 
-      .sales-info {
-        display: flex;
-        gap: 20px;
-        margin-bottom: 12px;
+      .item-img {
+        width: 80px;
+        height: 80px;
+        object-fit: cover;
+        border-radius: 8px;
+      }
 
-        .data-item {
-          .label {
-            color: #909399;
-            margin-right: 4px;
-          }
-          .value {
-            font-weight: 500;
-          }
+      .item-info {
+        padding-left: 16px;
+        .item-name {
+          font-size: 16px;
+          font-weight: 500;
+          margin-bottom: 8px;
+        }
+        .item-stats {
+          color: #909399;
+          font-size: 14px;
         }
       }
 
-      .price {
-        color: #f56c6c;
+      .item-price {
         font-size: 18px;
         font-weight: 600;
+        color: #67c23a;
+        text-align: right;
+        padding: 0 16px;
       }
-    }
 
-    .product-actions {
-      margin-top: 16px;
-      display: flex;
-      gap: 8px;
-      justify-content: flex-end;
+      .item-actions {
+        display: flex;
+        gap: 8px;
+      }
+
+      .item-status {
+        text-align: right;
+        font-size: 14px;
+        &.text-success {
+          color: #67c23a;
+        }
+        &.text-warning {
+          color: #e6a23c;
+        }
+        &.text-danger {
+          color: #f56c6c;
+        }
+      }
     }
   }
 }
diff --git a/sub-operation-service/src/views/brand/index.vue b/sub-operation-service/src/views/brand/index.vue
index 1ff091a..833bfe2 100644
--- a/sub-operation-service/src/views/brand/index.vue
+++ b/sub-operation-service/src/views/brand/index.vue
@@ -6,7 +6,7 @@
         <el-menu v-model:default-active="activeMenu" class="aside-menu" @select="handleMenuSelect">
           <el-menu-item index="1">
             <el-icon><Document /></el-icon>
-            <span>申请</span>
+            <span>使用申请</span>
           </el-menu-item>
 
           <el-menu-item index="2">
diff --git a/sub-operation-service/src/views/smartFarm/components/bugData.vue b/sub-operation-service/src/views/smartFarm/components/bugData.vue
new file mode 100644
index 0000000..6852b8c
--- /dev/null
+++ b/sub-operation-service/src/views/smartFarm/components/bugData.vue
@@ -0,0 +1,266 @@
+<script setup>
+import { ref, onMounted, onBeforeUnmount } from 'vue';
+import { getAssetsFile } from '@/utils/index.js';
+import * as echarts from 'echarts';
+
+// 图表 DOM 引用
+const chartRef2 = ref(null);
+// ECharts 实例
+let chartInstance = null;
+// 颜色列表
+const colorList = ['#3685FE', '#FFD500', '#25BF82', '#FE4066'];
+// x轴数据
+const xData = ['1月', '2月', '3月', '4月', '5月', '6月'];
+
+/* --------------- methods --------------- */
+// #region
+// 图表配置
+const option = {
+  backgroundColor: '#fff',
+  title: {
+    text: '',
+    textStyle: {
+      fontSize: 12,
+      fontWeight: 400,
+    },
+    left: 'center',
+    top: '5%',
+  },
+  legend: {
+    icon: 'circle',
+    top: '5%',
+    right: '5%',
+    itemWidth: 6,
+    itemGap: 20,
+    textStyle: {
+      color: '#556677',
+    },
+  },
+  tooltip: {
+    trigger: 'axis',
+    axisPointer: {
+      label: {
+        show: true,
+        backgroundColor: '#fff',
+        color: '#556677',
+        borderColor: 'rgba(0,0,0,0)',
+        shadowColor: 'rgba(0,0,0,0)',
+        shadowOffsetY: 0,
+      },
+      lineStyle: {
+        width: 0,
+      },
+    },
+    backgroundColor: '#fff',
+    textStyle: {
+      color: '#5c6c7c',
+    },
+    padding: [10, 10],
+    extraCssText: 'box-shadow: 1px 0 2px 0 rgba(163,163,163,0.5)',
+  },
+  grid: {
+    top: '20%',
+  },
+  xAxis: [
+    {
+      type: 'category',
+      data: xData,
+      axisLine: {
+        lineStyle: {
+          color: 'rgba(107,107,107,0.37)',
+        },
+      },
+      axisTick: {
+        show: false,
+      },
+      axisLabel: {
+        interval: 0,
+        textStyle: {
+          color: '#999',
+        },
+        margin: 15,
+      },
+      axisPointer: {
+        label: {
+          padding: [11, 5, 7],
+          backgroundColor: {
+            type: 'linear',
+            x: 0,
+            y: 0,
+            x2: 0,
+            y2: 1,
+            colorStops: [
+              {
+                offset: 0,
+                color: '#fff',
+              },
+              {
+                offset: 0.9,
+                color: '#fff',
+              },
+              {
+                offset: 0.9,
+                color: '#33c0cd',
+              },
+              {
+                offset: 1,
+                color: '#33c0cd',
+              },
+            ],
+            global: false,
+          },
+        },
+      },
+      boundaryGap: false,
+    },
+  ],
+  yAxis: [
+    {
+      type: 'value',
+      show: false,
+      axisTick: {
+        show: false,
+      },
+      axisLine: {
+        show: true,
+        lineStyle: {
+          color: 'rgba(107,107,107,0.37)',
+        },
+      },
+      axisLabel: {
+        textStyle: {
+          color: '#999',
+        },
+      },
+      splitLine: {
+        show: false,
+      },
+    },
+  ],
+  series: [
+    {
+      name: '蝗虫',
+      type: 'line',
+      data: [235, 852, 1208, 1988, 1657, 643],
+      symbolSize: 1,
+      symbol: 'circle',
+      smooth: true,
+      yAxisIndex: 0,
+      showSymbol: false,
+      lineStyle: {
+        width: 5,
+        color: '#3685FE',
+        shadowColor: 'rgba(158,135,255, 0.3)',
+        shadowBlur: 10,
+        shadowOffsetY: 20,
+      },
+      itemStyle: {
+        color: colorList[0],
+        borderColor: colorList[0],
+      },
+    },
+    {
+      name: '飞蛾',
+      type: 'line',
+      data: [1124, 1055, 1654, 1764, 922, 55],
+      symbolSize: 1,
+      symbol: 'circle',
+      smooth: true,
+      yAxisIndex: 0,
+      showSymbol: false,
+      lineStyle: {
+        width: 5,
+        color: '#FFD500',
+        shadowColor: 'rgba(115,221,255, 0.3)',
+        shadowBlur: 10,
+        shadowOffsetY: 20,
+      },
+      itemStyle: {
+        color: colorList[1],
+        borderColor: colorList[1],
+      },
+    },
+    {
+      name: '毛虫',
+      type: 'line',
+      data: [1245, 618, 1468, 1814, 2175],
+      symbolSize: 1,
+      symbol: 'circle',
+      smooth: true,
+      yAxisIndex: 0,
+      showSymbol: false,
+      lineStyle: {
+        width: 5,
+        color: '#25BF82',
+        shadowColor: 'rgba(115,221,255, 0.3)',
+        shadowBlur: 10,
+        shadowOffsetY: 20,
+      },
+      itemStyle: {
+        color: colorList[2],
+        borderColor: colorList[2],
+      },
+    },
+    {
+      name: '其他昆虫',
+      type: 'line',
+      data: [1673, 1732, 783, 179, 963, 2068],
+      symbolSize: 1,
+      symbol: 'circle',
+      smooth: true,
+      yAxisIndex: 0,
+      showSymbol: false,
+      lineStyle: {
+        width: 5,
+        color: '#FE4066',
+        shadowColor: 'rgba(115,221,255, 0.3)',
+        shadowBlur: 10,
+        shadowOffsetY: 20,
+      },
+      itemStyle: {
+        color: colorList[3],
+        borderColor: colorList[3],
+      },
+    },
+  ],
+};
+const initChart = () => {
+  if (chartRef2.value) {
+    // 基于准备好的dom，初始化echarts实例
+    chartInstance = echarts.init(chartRef2.value);
+    // 绘制图表
+    chartInstance.setOption(option);
+    // 自动显示最大值点的tooltip
+    // showMaxValueTooltip();
+    // 响应式调整
+    window.addEventListener('resize', resizeChart);
+    setTimeout(() => chartInstance.resize(), 10);
+  }
+};
+// 组件挂载时初始化图表
+onMounted(() => {
+  initChart();
+});
+// 组件卸载前销毁图表
+onBeforeUnmount(() => {
+  if (chartInstance) {
+    window.removeEventListener('resize', resizeChart);
+    chartInstance.dispose();
+    chartInstance = null;
+  }
+});
+// 调整图表大小
+const resizeChart = () => {
+  if (chartInstance) {
+    chartInstance.resize();
+  }
+};
+</script>
+
+<template>
+  <div style="width: 100%; min-height: 210px">
+    <div ref="chartRef2" style="width: 100%; height: 210px; margin-top: 20px"></div>
+  </div>
+</template>
+
+<style scoped lang="scss"></style>
diff --git a/sub-operation-service/src/views/smartFarm/components/devices.vue b/sub-operation-service/src/views/smartFarm/components/devices.vue
index ea8ce7f..3780d79 100644
--- a/sub-operation-service/src/views/smartFarm/components/devices.vue
+++ b/sub-operation-service/src/views/smartFarm/components/devices.vue
@@ -5,6 +5,40 @@ import { useRoute, useRouter } from 'vue-router';
 const route = useRoute();
 const router = useRouter();
 
+// 图标icon对照表
+const icons = [
+  { 监控: 'camera' },
+  { 传感器: 'sensor' },
+  { 水质溶解氧: 'O2' },
+  { 温度: 'temp' },
+  { 酸碱度: 'ph' },
+  { 水质电导率: 'elect' },
+  { 浊度: 'dust' },
+  { 悬浮物: 'float' },
+  { 分光器: 'light' },
+  { 阀门: 'valve' },
+  { 喷头: 'sprinkler' },
+  { 计时器: 'timer' },
+  { 加热器: 'heater' },
+  { 搅拌机: 'mixer' },
+  { 热力: 'heat' },
+  { 液位传感器: 'liquidSensor' },
+  { 消毒灯: 'disinfectionLamp' },
+  { 温度传感器: 'tempSensor' },
+  { 智能阀控: 'intelligentValveControl' },
+  { 供水阀: 'waterSupplyValve' },
+  { 混合阀: 'mixingPump' },
+  { 混合罐: 'mixingTank' },
+  { 施肥: 'fertilization' },
+  { 肥料罐: 'fertilizerTank' },
+  { 电磁阀状态: 'solenoidValve' },
+  { 'PM2.5': 'PM2.5' },
+  { 风速仪: 'anemometer' },
+  { 雨量计: 'rainGauge' },
+  { 土壤传感器: 'soilSensor' },
+  { 积水传感器: 'waterLoggingSensor' },
+];
+
 const props = defineProps({
   devices: {
     type: Array,
@@ -54,6 +88,27 @@ const props = defineProps({
             <img v-else-if="item.icon === 'dust'" :src="getAssetsFile('images/smartFarm/浊度.png')" alt="" />
             <img v-else-if="item.icon === 'float'" :src="getAssetsFile('images/smartFarm/悬浮物.png')" alt="" />
             <img v-else-if="item.icon === 'light'" :src="getAssetsFile('images/smartFarm/分光器.png')" alt="" />
+            <img v-else-if="item.icon === 'valve'" :src="getAssetsFile('images/smartFarm/阀门.png')" alt="" />
+            <img v-else-if="item.icon === 'sprinkler'" :src="getAssetsFile('images/smartFarm/喷头.png')" alt="" />
+            <img v-else-if="item.icon === 'timer'" :src="getAssetsFile('images/smartFarm/计时器.png')" alt="" />
+            <img v-else-if="item.icon === 'heater'" :src="getAssetsFile('images/smartFarm/加热器.png')" alt="" />
+            <img v-else-if="item.icon === 'mixer'" :src="getAssetsFile('images/smartFarm/搅拌机.png')" alt="" />
+            <img v-else-if="item.icon === 'heat'" :src="getAssetsFile('images/smartFarm/热力.png')" alt="" />
+            <img v-else-if="item.icon === 'liquidSensor'" :src="getAssetsFile('images/smartFarm/液位传感器.png')" alt="" />
+            <img v-else-if="item.icon === 'disinfectionLamp'" :src="getAssetsFile('images/smartFarm/消毒灯.png')" alt="" />
+            <img v-else-if="item.icon === 'tempSensor'" :src="getAssetsFile('images/smartFarm/温度传感器.png')" alt="" />
+            <img v-else-if="item.icon === 'intelligentValveControl'" :src="getAssetsFile('images/smartFarm/智能阀控.png')" alt="" />
+            <img v-else-if="item.icon === 'waterSupplyValve'" :src="getAssetsFile('images/smartFarm/供水阀.png')" alt="" />
+            <img v-else-if="item.icon === 'mixingPump'" :src="getAssetsFile('images/smartFarm/混合泵.png')" alt="" />
+            <img v-else-if="item.icon === 'mixingTank'" :src="getAssetsFile('images/smartFarm/混合罐.png')" alt="" />
+            <img v-else-if="item.icon === 'fertilization'" :src="getAssetsFile('images/smartFarm/施肥.png')" alt="" />
+            <img v-else-if="item.icon === 'fertilizerTank'" :src="getAssetsFile('images/smartFarm/肥料罐.png')" alt="" />
+            <img v-else-if="item.icon === 'solenoidValve'" :src="getAssetsFile('images/smartFarm/电磁阀状态.png')" alt="" />
+            <img v-else-if="item.icon === 'PM2.5'" :src="getAssetsFile('images/smartFarm/PM2.5.png')" alt="" />
+            <img v-else-if="item.icon === 'anemometer'" :src="getAssetsFile('images/smartFarm/风速仪.png')" alt="" />
+            <img v-else-if="item.icon === 'rainGauge'" :src="getAssetsFile('images/smartFarm/雨量计.png')" alt="" />
+            <img v-else-if="item.icon === 'soilSensor'" :src="getAssetsFile('images/smartFarm/土壤传感器.png')" alt="" />
+            <img v-else-if="item.icon === 'waterLoggingSensor'" :src="getAssetsFile('images/smartFarm/积水传感器.png')" alt="" />
             <div style="text-align: left; font-weight: bold; font-size: 18px">{{ item.name }}</div>
           </div>
         </div>
diff --git a/sub-operation-service/src/views/smartFarm/components/leftMenu.vue b/sub-operation-service/src/views/smartFarm/components/leftMenu.vue
index fdc9885..57dc6a3 100644
--- a/sub-operation-service/src/views/smartFarm/components/leftMenu.vue
+++ b/sub-operation-service/src/views/smartFarm/components/leftMenu.vue
@@ -56,23 +56,29 @@ const leftMenu = reactive([
     isOpen: true,
     children: [
       {
-        name: 'supplier',
+        name: 'fieldInspection',
         title: '田间监测',
         icon: 'menu1.png',
         path: '/sub-operation-service/smartFarm/fieldInspection',
       },
       {
-        name: 'supplier',
+        name: 'waterInspection',
         title: '水质监测',
         icon: 'menu1.png',
         path: '/sub-operation-service/smartFarm/waterInspection',
       },
       {
-        name: 'supplier',
+        name: 'bugInspection',
         title: '病虫害监测',
         icon: 'menu1.png',
         path: '/sub-operation-service/smartFarm/bugInspection',
       },
+      {
+        name: 'envInspection',
+        title: '环境监测',
+        icon: 'menu1.png',
+        path: '/sub-operation-service/smartFarm/envInspection',
+      },
     ],
   },
   {
diff --git a/sub-operation-service/src/views/smartFarm/components/sickData.vue b/sub-operation-service/src/views/smartFarm/components/sickData.vue
new file mode 100644
index 0000000..52830cb
--- /dev/null
+++ b/sub-operation-service/src/views/smartFarm/components/sickData.vue
@@ -0,0 +1,124 @@
+<template>
+  <div ref="chartRef" style="width: 100%; height: 230px"></div>
+</template>
+
+<script setup>
+import { ref, onMounted, onBeforeUnmount } from 'vue';
+import * as echarts from 'echarts';
+
+const chartRef = ref(null);
+let chartInstance = null;
+
+const initChart = () => {
+  if (!chartRef.value) return;
+
+  chartInstance = echarts.init(chartRef.value);
+
+  const option = {
+    tooltip: {
+      trigger: 'axis',
+      axisPointer: {
+        type: 'shadow',
+      },
+    },
+    grid: {
+      left: '3%',
+      right: '4%',
+      bottom: '8%',
+      top: '15%',
+      containLabel: true,
+    },
+    legend: {
+      data: ['黑星病', '火疫病', '叶腐病'],
+      right: 10,
+      top: 10,
+      textStyle: {
+        color: '#000',
+      },
+      itemWidth: 12,
+      itemHeight: 10,
+    },
+    xAxis: {
+      type: 'category',
+      data: ['1月', '2月', '3月', '4月', '5月', '6月'],
+      axisLine: {
+        lineStyle: {
+          color: '#fff',
+        },
+      },
+      axisLabel: {
+        color: '#333',
+        fontSize: 12,
+      },
+      axisTick: {
+        alignWithLabel: true, // 刻度线与标签对齐
+        lineStyle: {
+          color: 'rgba(255,255,255,0.3)', // 浅灰色刻度线
+        },
+      },
+    },
+    yAxis: {
+      type: 'value',
+      max: 1000,
+      axisLine: {
+        show: false,
+      },
+      axisLabel: {
+        show: false, // 隐藏Y轴刻度
+      },
+      splitLine: {
+        show: false, // 隐藏网格线
+      },
+    },
+    series: [
+      {
+        name: '黑星病',
+        type: 'bar',
+        barWidth: '15%',
+        itemStyle: {
+          borderRadius: 4,
+          color: '#3685FE', // 橙色
+        },
+        data: [400, 400, 300, 300, 300, 400],
+      },
+      {
+        name: '火疫病',
+        type: 'bar',
+        barWidth: '15%',
+        itemStyle: {
+          borderRadius: 4,
+          color: '#25BF82', // 绿色
+        },
+        data: [400, 500, 500, 500, 500, 400],
+      },
+      {
+        name: '叶腐病',
+        type: 'bar',
+        barWidth: '15%',
+        itemStyle: {
+          borderRadius: 4,
+          color: '#FFD500', // 蓝绿色
+        },
+        data: [400, 600, 700, 700, 700, 400],
+      },
+    ],
+  };
+
+  chartInstance.setOption(option);
+
+  // 窗口大小变化时自适应
+  const resizeChart = () => {
+    chartInstance?.resize();
+  };
+  window.addEventListener('resize', resizeChart);
+
+  onBeforeUnmount(() => {
+    window.removeEventListener('resize', resizeChart);
+    chartInstance?.dispose();
+  });
+};
+
+onMounted(() => {
+  initChart();
+});
+</script>
diff --git a/sub-operation-service/src/views/smartFarm/inspection/bugInspection.vue b/sub-operation-service/src/views/smartFarm/inspection/bugInspection.vue
index 0a3d9bc..9e4b2c9 100644
--- a/sub-operation-service/src/views/smartFarm/inspection/bugInspection.vue
+++ b/sub-operation-service/src/views/smartFarm/inspection/bugInspection.vue
@@ -1,13 +1,227 @@
 <script setup>
+import Devices from '@/views/smartFarm/components/devices.vue';
+import Common from '@/views/smartFarm/components/common.vue';
+import stream from '@/views/smartFarm/components/stream.vue';
+import { ref, onMounted, onBeforeUnmount } from 'vue';
+import { getAssetsFile } from '@/utils/index.js';
+import * as echarts from 'echarts';
+import BugData from '@/views/smartFarm/components/bugData.vue';
+import SickData from '@/views/smartFarm/components/sickData.vue';
 
+const currentDevice = ref(0);
+const devices = ref([
+  {
+    name: 'A-001',
+    icon: 'temp',
+    detail: 'A区-监控设备1',
+    status: '1',
+    id: 0,
+  },
+  {
+    name: 'A-002',
+    icon: 'temp',
+    detail: 'A区-监控设备2',
+    status: '1',
+    id: 1,
+  },
+  {
+    name: 'A-003',
+    icon: 'ph',
+    detail: 'A区-监控设备3',
+    status: '1',
+    id: 2,
+  },
+  {
+    name: 'A-004',
+    icon: 'ph',
+    detail: 'A区-监控设备4',
+    status: '-1',
+    id: 3,
+  },
+  {
+    name: 'A-005',
+    icon: 'O2',
+    detail: 'A区-监控设备5',
+    status: '1',
+    id: 4,
+  },
+  {
+    name: 'A-006',
+    icon: 'elect',
+    detail: 'A区-监控设备6',
+    status: '0',
+    id: 5,
+  },
+  {
+    name: 'B-001',
+    icon: 'light',
+    detail: 'B区-监控设备1',
+    status: '1',
+    id: 6,
+  },
+  {
+    name: 'B-002',
+    icon: 'elect',
+    detail: 'B区-监控设备2',
+    status: '-1',
+    id: 7,
+  },
+  {
+    name: 'B-003',
+    icon: 'dust',
+    detail: 'B区-监控设备3',
+    status: '1',
+    id: 8,
+  },
+  {
+    name: 'B-004',
+    icon: 'dust',
+    detail: 'B区-监控设备4',
+    status: '1',
+    id: 9,
+  },
+  {
+    name: 'B-005',
+    icon: 'float',
+    detail: 'B区-监控设备5',
+    status: '1',
+    id: 10,
+  },
+  {
+    name: 'B-006',
+    icon: 'float',
+    detail: 'B区-监控设备6',
+    status: '1',
+    id: 11,
+  },
+]);
+const rules = ref([
+  {
+    name: '温度',
+    icon: 'temp',
+    unit: '℃',
+    goat: '15',
+    status: '1',
+  },
+  {
+    name: 'PH值',
+    icon: 'ph',
+    unit: '',
+    goat: '6.5',
+    status: '1',
+  },
+  {
+    name: '溶解氧',
+    icon: 'O2',
+    goat: '0.4',
+    unit: 'mg/L',
+    status: '1',
+  },
+  {
+    name: '色度',
+    icon: 'light',
+    goat: '15',
+    unit: 'PCU',
+    status: '1',
+  },
+  {
+    name: '浊度',
+    icon: 'dust',
+    goat: '1.5',
+    unit: 'NTU',
+    status: '1',
+  },
+  {
+    name: '导电率',
+    icon: 'elect',
+    goat: '3000',
+    unit: 'μS/cm',
+    status: '1',
+  },
+  {
+    name: '悬浮物',
+    icon: 'float',
+    goat: '9000',
+    unit: 'mg/L',
+    status: '0',
+  },
+]);
+const isFullscreen = ref(false);
+const toggleFullscreen = () => {
+  isFullscreen.value = !isFullscreen.value;
+};
+
+const chooseIcon = (type) => {
+  switch (type) {
+    case 'light':
+      return '分光器.png';
+    case 'float':
+      return '悬浮物.png';
+    case 'O2':
+      return '水质溶解氧.png';
+    case 'elect':
+      return '水质电导率.png';
+    case 'dust':
+      return '浊度.png';
+    case 'temp':
+      return '温度.png';
+    case 'ph':
+      return '酸碱度.png';
+  }
+};
+
+// #endregion
 </script>
 
 <template>
   <div>
-
+    <common>
+      <template #main>
+        <div>
+          <devices :title="'病虫害监测设备'" :devices="devices"></devices>
+        </div>
+        <div style="margin-top: 10px; display: flex; justify-content: space-between">
+          <div style="display: flex; justify-content: space-between; margin-top: 10px">
+            <stream :title="'病害监测实时监控'" :devices="devices" style="width: 60%; height: fit-content"></stream>
+            <div style="width: 38%">
+              <el-card style="border-radius: 16px; padding: 10px">
+                <div style="font-size: 16px; font-weight: bold; text-align: left; color: #000">虫害数据</div>
+                <sick-data style="width: 38%; min-width: 300px"></sick-data>
+              </el-card>
+            </div>
+          </div>
+        </div>
+        <div style="margin-top: 10px; display: flex; justify-content: space-between">
+          <div style="display: flex; justify-content: space-between; margin-top: 10px; width: 100%">
+            <stream :title="'虫害监测实时监控'" :devices="devices" style="width: 60%; height: fit-content"></stream>
+            <div style="width: 38%">
+              <el-card style="border-radius: 16px; padding: 10px">
+                <div style="font-size: 16px; font-weight: bold; text-align: left; color: #000">虫害数据</div>
+                <bug-data style="width: 38%; min-width: 300px"></bug-data>
+              </el-card>
+            </div>
+          </div>
+        </div>
+      </template>
+    </common>
   </div>
 </template>
 
 <style scoped lang="scss">
-
+.rates {
+  margin: 10px 0;
+  height: 100px;
+  font-size: 14px;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  justify-content: center;
+  background-size: 80%;
+  background-repeat: no-repeat;
+  background-position: center;
+  width: 25%;
+  img {
+    height: 20px;
+  }
+}
 </style>
diff --git a/sub-operation-service/src/views/smartFarm/inspection/envInspection.vue b/sub-operation-service/src/views/smartFarm/inspection/envInspection.vue
new file mode 100644
index 0000000..1eb17dc
--- /dev/null
+++ b/sub-operation-service/src/views/smartFarm/inspection/envInspection.vue
@@ -0,0 +1,285 @@
+<template>
+  <div>
+    <common>
+      <template #main>
+        <div>
+          <devices :title="'环境监测设备'" :devices="devices"></devices>
+        </div>
+        <div style="margin-top: 10px; display: flex; justify-content: space-between">
+          <div style="display: flex; justify-content: space-between; margin-top: 10px; width: 100%">
+            <el-card style="width: 60%">
+              <div style="display: flex; justify-content: space-between">
+                <div style="font-size: 16px; font-weight: bold; text-align: left">实时环境监测</div>
+                <div style="color: #999999; line-height: 25px">
+                  当前设备
+                  <el-select v-model="currentDevice" placeholder="Select" size="small" style="width: 160px; margin-left: 10px">
+                    <el-option v-for="item in devices" :key="item.value" :label="item.detail" :value="item.id" />
+                  </el-select>
+                </div>
+              </div>
+              <div class="envData">
+                <div class="dt">
+                  <div class="values">21℃</div>
+                  <div class="points">空气温度</div>
+                </div>
+                <div class="dt">
+                  <div class="values">61%</div>
+                  <div class="points">空气湿度</div>
+                </div>
+                <div class="dt">
+                  <div class="values">1600mm</div>
+                  <div class="points">空气温度</div>
+                </div>
+                <div class="dt">
+                  <div class="values">东南风</div>
+                  <div class="points">风向</div>
+                </div>
+              </div>
+              <div class="envData">
+                <div class="dt">
+                  <div class="values">12μg/m³</div>
+                  <div class="points">PM2.5</div>
+                </div>
+                <div class="dt">
+                  <div class="values">679Lux</div>
+                  <div class="points">光照强度</div>
+                </div>
+                <div class="dt">
+                  <div class="values">440ppm</div>
+                  <div class="points">二氧化碳浓度</div>
+                </div>
+                <div class="dt">
+                  <div class="values">1.5m/s</div>
+                  <div class="points">风速</div>
+                </div>
+              </div>
+              <div class="notices">
+                <div v-for="(item, index) in notices" :key="index">
+                  <img :src="getAssetsFile('images/smartFarm/bell.png')" alt="" style="height: 20px" />
+                  <span style="font-size: 14px">{{ item.title }}</span>
+                </div>
+              </div>
+            </el-card>
+            <el-card style="width: calc(40% - 20px); border-radius: 16px; padding: 10px">
+              <div style="font-size: 16px; font-weight: bold; text-align: left">作物生长状态</div>
+              <div class="plantStatus">
+                <div class="leftKey">酸碱度:</div>
+                <div class="rightValue">6.5 正常</div>
+              </div>
+              <div class="plantStatus">
+                <div class="leftKey">养分含量:</div>
+                <div class="errorValue">N 元素含量不足</div>
+              </div>
+              <div class="plantStatus">
+                <div class="leftKey">重金属含量:</div>
+                <div class="errorValue">Hg 金属含量超标</div>
+              </div>
+              <div class="plantStatus">
+                <div class="leftKey">水温:</div>
+                <div class="errorValue">38℃ 偏高</div>
+              </div>
+              <div class="plantStatus">
+                <div class="leftKey">水浑浊度:</div>
+                <div class="rightValue">良好</div>
+              </div>
+              <div class="plantStatus">
+                <div class="leftKey">酸碱度:</div>
+                <div class="rightValue">正常</div>
+              </div>
+              <div class="plantStatus">
+                <div class="leftKey">盐分含量:</div>
+                <div class="rightValue">正常</div>
+              </div>
+            </el-card>
+          </div>
+        </div>
+      </template>
+    </common>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import Devices from '@/views/smartFarm/components/devices.vue';
+import Common from '@/views/smartFarm/components/common.vue';
+import { getAssetsFile } from '@/utils/index.js';
+
+/* --------------- data --------------- */
+// #region
+const devices = ref([
+  {
+    name: 'A-001',
+    icon: 'temp',
+    detail: 'A区-监控设备1',
+    status: '1',
+    id: 0,
+  },
+  {
+    name: 'A-002',
+    icon: 'temp',
+    detail: 'A区-监控设备2',
+    status: '1',
+    id: 1,
+  },
+  {
+    name: 'A-003',
+    icon: 'temp',
+    detail: 'A区-监控设备3',
+    status: '1',
+    id: 2,
+  },
+  {
+    name: 'A-004',
+    icon: 'soilSensor',
+    detail: 'A区-监控设备4',
+    status: '-1',
+    id: 3,
+  },
+  {
+    name: 'A-005',
+    icon: 'anemometer',
+    detail: 'A区-监控设备5',
+    status: '1',
+    id: 4,
+  },
+  {
+    name: 'A-006',
+    icon: 'anemometer',
+    detail: 'A区-监控设备6',
+    status: '0',
+    id: 5,
+  },
+  {
+    name: 'B-001',
+    icon: 'rainGauge',
+    detail: 'B区-监控设备1',
+    status: '1',
+    id: 6,
+  },
+  {
+    name: 'B-002',
+    icon: 'rainGauge',
+    detail: 'B区-监控设备2',
+    status: '-1',
+    id: 7,
+  },
+  {
+    name: 'B-003',
+    icon: 'waterLoggingSensor',
+    detail: 'B区-监控设备3',
+    status: '1',
+    id: 8,
+  },
+  {
+    name: 'B-004',
+    icon: 'PM2.5',
+    detail: 'B区-监控设备4',
+    status: '1',
+    id: 9,
+  },
+  {
+    name: 'B-005',
+    icon: 'PM2.5',
+    detail: 'B区-监控设备5',
+    status: '1',
+    id: 10,
+  },
+  {
+    name: 'B-006',
+    icon: 'light',
+    detail: 'B区-监控设备6',
+    status: '1',
+    id: 11,
+  },
+]);
+const currentDevice = ref(0);
+const notices = ref([
+  {
+    title: '2025年1月1日，预计将会有特大暴雨，请提前做好防护措施！',
+    content: '',
+  },
+  {
+    title: '2025年1月1日，预计将会有特大暴雨，请提前做好防护措施！',
+    content: '',
+  },
+]);
+// #endregion
+
+/* --------------- methods --------------- */
+// #region
+const chooseIcon = (type) => {
+  switch (type) {
+    case 'light':
+      return '分光器.png';
+    case 'float':
+      return '悬浮物.png';
+    case 'O2':
+      return '水质溶解氧.png';
+    case 'elect':
+      return '水质电导率.png';
+    case 'dust':
+      return '浊度.png';
+    case 'temp':
+      return '温度.png';
+    case 'ph':
+      return '酸碱度.png';
+  }
+};
+// #endregion
+</script>
+
+<style lang="scss" scoped>
+.plantStatus {
+  display: flex;
+  justify-content: space-between;
+  font-size: 14px;
+  margin: 7px 0;
+  .leftKey {
+    color: #000000;
+  }
+  .rightValue {
+    color: #25bf82;
+  }
+  .errorValue {
+    color: #fe4066;
+  }
+}
+.notices {
+  div {
+    margin: 10px 0;
+  }
+  text-align: left;
+}
+.envData {
+  display: flex;
+  justify-content: space-between;
+  margin: 20px 0;
+  .dt {
+    width: 24%;
+    text-align: left;
+    .values {
+      color: #25bf82;
+      font-size: 20px;
+      font-weight: bold;
+    }
+    .points {
+      color: #999999;
+      font-size: 14px;
+    }
+  }
+}
+.plantStatus {
+  display: flex;
+  justify-content: space-between;
+  font-size: 14px;
+  margin: 10px 0;
+
+  .leftKey {
+    color: #000000;
+  }
+
+  .rightValue {
+    color: #25bf82;
+  }
+}
+</style>