diff --git a/src/assets/img/seal/dis_start.png b/src/assets/img/seal/dis_start.png
new file mode 100644
index 0000000..128eb55
Binary files /dev/null and b/src/assets/img/seal/dis_start.png differ
diff --git a/src/assets/img/seal/dis_stop.png b/src/assets/img/seal/dis_stop.png
new file mode 100644
index 0000000..a6a4fc2
Binary files /dev/null and b/src/assets/img/seal/dis_stop.png differ
diff --git a/src/assets/img/seal/seal.png b/src/assets/img/seal/seal.png
new file mode 100644
index 0000000..b76f00c
Binary files /dev/null and b/src/assets/img/seal/seal.png differ
diff --git a/src/assets/img/seal/start.png b/src/assets/img/seal/start.png
new file mode 100644
index 0000000..ef10467
Binary files /dev/null and b/src/assets/img/seal/start.png differ
diff --git a/src/assets/img/seal/starttest.png b/src/assets/img/seal/starttest.png
new file mode 100644
index 0000000..0b0a172
Binary files /dev/null and b/src/assets/img/seal/starttest.png differ
diff --git a/src/assets/img/seal/stop.png b/src/assets/img/seal/stop.png
new file mode 100644
index 0000000..0578dd8
Binary files /dev/null and b/src/assets/img/seal/stop.png differ
diff --git a/src/assets/img/seal/stoptest.png b/src/assets/img/seal/stoptest.png
new file mode 100644
index 0000000..34dd864
Binary files /dev/null and b/src/assets/img/seal/stoptest.png differ
diff --git a/src/assets/img/seal/test.png b/src/assets/img/seal/test.png
new file mode 100644
index 0000000..318a2a7
Binary files /dev/null and b/src/assets/img/seal/test.png differ
diff --git a/src/components/SealTest.vue b/src/components/SealTest.vue
new file mode 100644
index 0000000..32f31cc
--- /dev/null
+++ b/src/components/SealTest.vue
@@ -0,0 +1,158 @@
+<template>
+  <div class="seal_test_container">
+    <div class="title_wrap">
+      <img class="icon" :src="SealPng" alt="" />
+      <div class="title">实时压力表</div>
+    </div>
+    <div class="echarts_box" id="seal_echarts"></div>
+    <div class="oper_box">
+      <img class="air_img" :src="StopAir" alt="" />
+      <img class="air_img" :src="StartAir" alt="" />
+    </div>
+  </div>
+</template>
+
+<script setup>
+import * as echarts from 'echarts'
+import { ref, onMounted } from 'vue'
+import SealPng from '@/assets/img/seal/seal.png'
+import StartAir from '@/assets/img/seal/start.png'
+import StopAir from '@/assets/img/seal/stop.png'
+import DisStart from '@/assets/img/seal/dis_start.png'
+import DisStop from '@/assets/img/seal/dis_stop.png'
+
+const sealCharts = ref(null)
+const sealOptions = ref({
+  series: [
+    {
+      type: 'gauge',
+      progress: {
+        show: true,
+        width: 18,
+        itemStyle: {
+          color: '#3442aa',
+        },
+      },
+      pointer: {
+        itemStyle: {
+          color: '#3442aa',
+        },
+      },
+      axisLine: {
+        lineStyle: {
+          width: 18,
+        },
+      },
+      axisTick: {
+        show: false,
+      },
+      splitLine: {
+        length: 15,
+        lineStyle: {
+          width: 2,
+          color: '#999',
+        },
+      },
+      axisLabel: {
+        distance: 25,
+        color: '#999',
+        fontSize: 20,
+      },
+      anchor: {
+        show: true,
+        showAbove: true,
+        size: 25,
+        itemStyle: {
+          borderWidth: 10,
+          borderColor: '#3442aa',
+        },
+      },
+      title: {
+        show: false,
+      },
+      detail: {
+        valueAnimation: true,
+        fontSize: 40,
+        color: '#3442aa',
+        formatter: '{value} KPa',
+        offsetCenter: [0, '70%'],
+      },
+      data: [
+        {
+          value: 68,
+        },
+      ],
+    },
+  ],
+})
+
+onMounted(() => {
+  sealCharts.value = echarts.init(document.getElementById('seal_echarts'))
+  sealCharts.value.setOption(sealOptions.value)
+})
+</script>
+
+<style lang="scss" scoped>
+.seal_test_container {
+  margin-bottom: 19px;
+  height: 580px;
+  box-sizing: border-box;
+  border-radius: 16px;
+  display: flex;
+  align-items: center;
+  margin-right: 30px;
+  width: 1220px;
+  height: 580px;
+  box-sizing: border-box;
+  border-radius: 16px;
+  background: #ffffff;
+  position: relative;
+  .title_wrap {
+    position: absolute;
+    left: 28px;
+    top: 28px;
+    width: 141px;
+    height: 31px;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    .title {
+      font-family: 思源黑体;
+      font-size: 20px;
+      font-weight: bold;
+      line-height: normal;
+      letter-spacing: 0.02em;
+      font-feature-settings: 'kern' on;
+      color: #000000;
+      margin-left: 9px;
+    }
+    .icon {
+      width: 30px;
+      height: 30px;
+    }
+  }
+  .oper_box {
+    position: absolute;
+    left: 28px;
+    bottom: 28px;
+    width: 1164px;
+    box-sizing: border-box;
+    padding: 0 120px;
+    height: 110px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    .air_img {
+      width: 341px;
+      height: 110px;
+    }
+  }
+  .echarts_box {
+    height: 580px;
+    position: absolute;
+    left: 0;
+    top: -36px;
+    width: 1220px;
+  }
+}
+</style>
diff --git a/src/components/SealTest_bak.vue b/src/components/SealTest_bak.vue
new file mode 100644
index 0000000..3a901c0
--- /dev/null
+++ b/src/components/SealTest_bak.vue
@@ -0,0 +1,279 @@
+<template>
+  <div class="seal_test_container">
+    <div class="left_container">
+      <div class="title_wrap">
+        <img class="icon" :src="SealPng" alt="" />
+        <div class="title">实时压力表</div>
+      </div>
+      <div class="echarts_box" id="seal_echarts"></div>
+      <div class="oper_box">
+        <div class="air_box">
+          <p class="box"></p>
+          <p class="tit">测试前气压</p>
+          <p class="num">--KPa</p>
+        </div>
+        <img class="air_img" :src="StartAir" alt="" />
+      </div>
+    </div>
+    <div class="right_container">
+      <div class="header">
+        <div class="left">
+          <img :src="TestIcon" class="icon" alt="" />
+          <p class="title">密封测试</p>
+        </div>
+        <p class="en">SEAL</p>
+      </div>
+      <div class="oper_box">
+        <div class="emp_box"></div>
+        <div class="emp_box"></div>
+        <img :src="StartTest" class="test_png" alt="" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import * as echarts from 'echarts'
+import { ref, onMounted } from 'vue'
+import SealPng from '@/assets/img/seal/seal.png'
+import StartAir from '@/assets/img/seal/start.png'
+import TestIcon from '@/assets/img/seal/test.png'
+import StartTest from '@/assets/img/seal/starttest.png'
+import StopTest from '@/assets/img/seal/stoptest.png'
+import StopAir from '@/assets/img/seal/stop.png'
+
+const sealCharts = ref(null)
+const sealOptions = ref({
+  series: [
+    {
+      type: 'gauge',
+      progress: {
+        show: true,
+        width: 18,
+        itemStyle: {
+          color: 'red',
+        },
+      },
+      pointer: {
+        itemStyle: {
+          color: 'red',
+        },
+      },
+      axisLine: {
+        lineStyle: {
+          width: 18,
+          color: [[1, '#ffd1d1']],
+        },
+      },
+      axisTick: {
+        show: false,
+      },
+      splitLine: {
+        length: 15,
+        lineStyle: {
+          width: 2,
+          color: '#999',
+        },
+      },
+      axisLabel: {
+        distance: 25,
+        color: '#999',
+        fontSize: 20,
+      },
+      anchor: {
+        show: true,
+        showAbove: true,
+        size: 25,
+        itemStyle: {
+          borderWidth: 10,
+          borderColor: 'red',
+        },
+      },
+      title: {
+        show: false,
+      },
+      detail: {
+        valueAnimation: true,
+        fontSize: 40,
+        color: 'red',
+        formatter: '{value} KPa',
+        offsetCenter: [0, '70%'],
+      },
+      data: [
+        {
+          value: 68,
+        },
+      ],
+    },
+  ],
+})
+
+onMounted(() => {
+  sealCharts.value = echarts.init(document.getElementById('seal_echarts'))
+  sealCharts.value.setOption(sealOptions.value)
+})
+</script>
+
+<style lang="scss" scoped>
+.seal_test_container {
+  margin-bottom: 19px;
+  height: 580px;
+  box-sizing: border-box;
+  border-radius: 16px;
+  display: flex;
+  align-items: center;
+  .left_container {
+    margin-right: 30px;
+    width: 766px;
+    height: 580px;
+    box-sizing: border-box;
+    border-radius: 16px;
+    background: #ffffff;
+    position: relative;
+    .title_wrap {
+      position: absolute;
+      left: 28px;
+      top: 28px;
+      width: 141px;
+      height: 31px;
+      box-sizing: border-box;
+      display: flex;
+      align-items: center;
+      .title {
+        font-family: 思源黑体;
+        font-size: 20px;
+        font-weight: bold;
+        line-height: normal;
+        letter-spacing: 0.02em;
+        font-feature-settings: 'kern' on;
+        color: #000000;
+        margin-left: 9px;
+      }
+      .icon {
+        width: 30px;
+        height: 30px;
+      }
+    }
+    .oper_box {
+      position: absolute;
+      left: 28px;
+      bottom: 28px;
+      width: 710px;
+      height: 110px;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      .air_img {
+        width: 341px;
+        height: 110px;
+      }
+      .air_box {
+        width: 341px;
+        height: 110px;
+        border-radius: 16px;
+        background: #f6f6f6;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        .box {
+          width: 16px;
+          height: 16px;
+          background: #4359b9;
+          margin-right: 6px;
+        }
+        .tit {
+          font-family: 思源黑体;
+          font-size: 20px;
+          font-weight: normal;
+          line-height: normal;
+          letter-spacing: 0.06em;
+          font-feature-settings: 'kern' on;
+          color: #3d3d3d;
+          margin-right: 8px;
+        }
+        .num {
+          font-family: Source Han Sans;
+          font-size: 30px;
+          font-weight: bold;
+          line-height: normal;
+          letter-spacing: 0.06em;
+          font-feature-settings: 'kern' on;
+          color: #4359b9;
+        }
+      }
+    }
+    .echarts_box {
+      height: 580px;
+      position: absolute;
+      left: 0;
+      top: -36px;
+      width: 100%;
+    }
+  }
+  .right_container {
+    height: 580px;
+    box-sizing: border-box;
+    border-radius: 16px;
+    background: #ffffff;
+    flex: 1;
+    padding: 32px 42px;
+    .header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      box-sizing: border-box;
+      width: 340px;
+      height: 45px;
+      border-radius: 245px;
+      background: #06518b;
+      padding-left: 17px;
+      padding-right: 24px;
+      margin-bottom: 20px;
+      .left {
+        display: flex;
+        align-items: center;
+        .icon {
+          width: 16px;
+          height: 16px;
+        }
+        .title {
+          font-family: 思源黑体;
+          font-size: 14px;
+          font-weight: normal;
+          line-height: normal;
+          letter-spacing: 0.1em;
+          margin-left: 9px;
+          color: #ffffff;
+        }
+      }
+      .en {
+        font-family: 思源黑体;
+        font-size: 12px;
+        font-weight: normal;
+        line-height: normal;
+        letter-spacing: 0.1em;
+        color: #ffffff;
+      }
+    }
+    .oper_box {
+      width: 340px;
+      height: 455px;
+      border-radius: 16px;
+      background: #f6f6f6;
+      box-sizing: border-box;
+      padding: 20px;
+      .emp_box {
+        width: 300px;
+        height: 162px;
+        border-radius: 12px;
+        background: #fff;
+        margin-bottom: 20px;
+      }
+      .test_png {
+        width: 300px;
+        height: 50px;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/pages/Home.vue b/src/pages/Home.vue
index 9178772..bb79af2 100644
--- a/src/pages/Home.vue
+++ b/src/pages/Home.vue
@@ -196,6 +196,34 @@
         </svg>
         <p class="text">审计</p>
       </div>
+      <div
+        :class="
+          activeTab == 8 ? 'tab_btn style-btn active_btn' : 'style-btn tab_btn'
+        "
+        @click="changeTab(8)"
+      >
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          xmlns:xlink="http://www.w3.org/1999/xlink"
+          fill="none"
+          version="1.1"
+          width="21"
+          height="21"
+          viewBox="0 0 21 21"
+        >
+          <g>
+            <g>
+              <path
+                d="M0,10.5C0,4.70167,4.70167,0,10.5,0C16.2983,0,21,4.70167,21,10.5C21,16.2983,16.2983,21,10.5,21C4.70167,21,0,16.2983,0,10.5ZM13.9697,2.28667C12.8707,1.82233,11.704,1.58667,10.5,1.58667C9.296,1.58667,8.12933,1.82233,7.03033,2.28667C5.971,2.73467,5.01667,3.37867,4.19767,4.19767C3.37867,5.01667,2.73467,5.96867,2.28667,7.03033C1.82233,8.12933,1.58667,9.296,1.58667,10.5C1.58667,11.704,1.82233,12.8707,2.28667,13.9697C2.73467,15.029,3.37867,15.9833,4.19767,16.8023C5.01667,17.6213,5.96867,18.2653,7.03033,18.7133C8.12933,19.1777,9.296,19.4133,10.5,19.4133C11.704,19.4133,12.8707,19.1777,13.9697,18.7133C15.029,18.2653,15.9833,17.6213,16.8023,16.8023C17.6213,15.9833,18.2653,15.0313,18.7133,13.9697C19.1777,12.8707,19.4133,11.704,19.4133,10.5C19.4133,9.296,19.1777,8.12933,18.7133,7.03033C18.2653,5.971,17.6213,5.01667,16.8023,4.19767C15.9833,3.37867,15.0313,2.73467,13.9697,2.28667ZM8.71023,4.41477C8.71023,3.42682,9.51204,2.625,10.5,2.625C11.488,2.625,12.2898,3.42682,12.2898,4.41477C12.2898,5.40273,11.488,6.20455,10.5,6.20455C9.51204,6.20455,8.71023,5.40273,8.71023,4.41477ZM11.0966,4.41477C11.0966,4.08545,10.8293,3.81818,10.5,3.81818C10.1707,3.81818,9.90341,4.08545,9.90341,4.41477C9.90341,4.74409,10.1707,5.01136,10.5,5.01136C10.8293,5.01136,11.0966,4.74409,11.0966,4.41477ZM4.93261,4.93261C5.28102,4.58182,5.7392,4.40761,6.19739,4.40761C6.65557,4.40761,7.11375,4.58182,7.46216,4.93261C8.16136,5.63182,8.16136,6.76534,7.46216,7.46454C7.11375,7.81534,6.65557,7.98954,6.19739,7.98954C5.7392,7.98954,5.28102,7.81295,4.93261,7.46454C4.23341,6.76534,4.23341,5.63182,4.93261,4.93261ZM13.5378,4.93261C13.8862,4.58182,14.3444,4.40761,14.8026,4.40761C15.2608,4.40761,15.719,4.58182,16.0674,4.93261C16.7666,5.63182,16.7666,6.76534,16.0674,7.46455C15.719,7.81534,15.2608,7.98955,14.8026,7.98955C14.3444,7.98955,13.8862,7.81295,13.5378,7.46455C12.8386,6.76534,12.8386,5.63182,13.5378,4.93261ZM6.61977,5.775C6.46704,5.62466,6.29045,5.60079,6.19739,5.60079C6.10432,5.60079,5.92773,5.62466,5.775,5.775C5.62466,5.92773,5.6008,6.10432,5.6008,6.19738C5.6008,6.29045,5.62227,6.46704,5.775,6.61977C5.92773,6.77011,6.10432,6.79398,6.19739,6.79398C6.29046,6.79398,6.46705,6.7725,6.61977,6.61977C6.85125,6.38591,6.85125,6.00648,6.61977,5.775ZM15.225,5.775C15.0723,5.62466,14.8957,5.60079,14.8026,5.60079C14.7095,5.6008,14.533,5.62466,14.3802,5.775C14.1487,6.00886,14.1487,6.3883,14.3802,6.61977C14.533,6.77011,14.7095,6.79398,14.8026,6.79398C14.8957,6.79398,15.0747,6.7725,15.225,6.61977C15.3753,6.46704,15.3992,6.29045,15.3992,6.19739C15.3992,6.10432,15.3777,5.92773,15.225,5.775ZM7.63636,10.5C7.63636,8.91784,8.91784,7.63636,10.5,7.63636C12.0822,7.63636,13.3636,8.91784,13.3636,10.5C13.3636,12.0822,12.0822,13.3636,10.5,13.3636C8.91784,13.3636,7.63636,12.0822,7.63636,10.5ZM2.625,10.5C2.625,9.51204,3.42682,8.71023,4.41477,8.71023C5.40273,8.71023,6.20455,9.51204,6.20455,10.5C6.20455,11.488,5.40273,12.2898,4.41477,12.2898C3.42682,12.2898,2.625,11.488,2.625,10.5ZM14.7955,10.5C14.7955,9.51204,15.5973,8.71023,16.5852,8.71023C17.5732,8.71023,18.375,9.51204,18.375,10.5C18.375,11.488,17.5732,12.2898,16.5852,12.2898C15.5973,12.2898,14.7955,11.488,14.7955,10.5ZM11.7409,10.5C11.7409,9.81511,11.1849,9.25909,10.5,9.25909C9.81511,9.25909,9.25909,9.8175,9.25909,10.5C9.25909,11.1849,9.81511,11.7409,10.5,11.7409C11.1849,11.7409,11.7409,11.1849,11.7409,10.5ZM5.01136,10.5C5.01136,10.1707,4.74409,9.90341,4.41477,9.90341C4.08545,9.90341,3.81818,10.1707,3.81818,10.5C3.81818,10.8293,4.08545,11.0966,4.41477,11.0966C4.74409,11.0966,5.01136,10.8293,5.01136,10.5ZM17.1818,10.5C17.1818,10.1707,16.9145,9.90341,16.5852,9.90341C16.2559,9.90341,15.9886,10.1707,15.9886,10.5C15.9886,10.8293,16.2559,11.0966,16.5852,11.0966C16.9145,11.0966,17.1818,10.8293,17.1818,10.5ZM4.95648,13.5378C5.30489,13.187,5.76307,13.0128,6.22125,13.0128C6.67943,13.0128,7.13761,13.1894,7.48602,13.5378C8.18523,14.237,8.18523,15.3706,7.48602,16.0698C7.13761,16.4206,6.67943,16.5948,6.22125,16.5948C5.76307,16.5948,5.30489,16.4182,4.95648,16.0698C4.25727,15.3706,4.25727,14.237,4.95648,13.5378ZM13.5617,13.5378C13.9101,13.187,14.3683,13.0128,14.8265,13.0128C15.2847,13.0128,15.7428,13.1894,16.0912,13.5378C16.7905,14.237,16.7905,15.3706,16.0912,16.0698C15.7428,16.4206,15.2847,16.5948,14.8265,16.5948C14.3683,16.5948,13.9101,16.4182,13.5617,16.0698C12.8625,15.3706,12.8625,14.237,13.5617,13.5378ZM6.64364,14.3802C6.49091,14.2299,6.31432,14.206,6.22125,14.206C6.12818,14.206,5.95159,14.2299,5.79886,14.3802C5.64852,14.533,5.62466,14.7095,5.62466,14.8026C5.62466,14.8957,5.64614,15.0723,5.79886,15.225C5.95159,15.3753,6.12818,15.3992,6.22125,15.3992C6.31432,15.3992,6.49091,15.3777,6.64364,15.225C6.87511,14.9911,6.87511,14.6117,6.64364,14.3802ZM15.2489,14.3802C15.0961,14.2299,14.9195,14.206,14.8265,14.206C14.7334,14.206,14.5568,14.2299,14.4041,14.3802C14.1726,14.6141,14.1726,14.9935,14.4041,15.225C14.5568,15.3753,14.7334,15.3992,14.8265,15.3992C14.9195,15.3992,15.0961,15.3777,15.2489,15.225C15.3992,15.0723,15.4231,14.8957,15.4231,14.8026C15.4231,14.7095,15.4016,14.533,15.2489,14.3802ZM8.73409,16.5852C8.73409,15.5973,9.53591,14.7955,10.5239,14.7955C11.5118,14.7955,12.3136,15.5973,12.3136,16.5852C12.3136,17.5732,11.5118,18.375,10.5239,18.375C9.53591,18.375,8.73409,17.5732,8.73409,16.5852ZM11.1205,16.5852C11.1205,16.2559,10.8532,15.9886,10.5239,15.9886C10.1945,15.9886,9.92727,16.2559,9.92727,16.5852C9.92727,16.9145,10.1945,17.1818,10.5239,17.1818C10.8532,17.1818,11.1205,16.9145,11.1205,16.5852Z"
+                fill-rule="evenodd"
+                :fill="activeTab == 8 ? '#FFFFFF' : '#3D3D3D'"
+                fill-opacity="1"
+              />
+            </g>
+          </g>
+        </svg>
+        <p class="text">密封测试</p>
+      </div>
     </div>
     <Operator
       v-if="activeTab == 1 && showOpertor"
@@ -225,6 +253,7 @@
       :changeTab="changeTab"
       :changeShowOperator="changeShowOperator"
     />
+    <SealTest v-if="activeTab == 8" />
     <div class="other_info">
       <p class="ip">IP {{ settingStore.deviceIp }}</p>
       <div class="time_wrap">
@@ -334,6 +363,7 @@ import moment from 'moment'
 import Formula from 'cpns/Formula'
 import Operator from 'cpns/Operator'
 import Audit from 'cpns/Audit'
+import SealTest from 'cpns/SealTest'
 import DisinfectionSetting from 'cpns/DisinfectionSetting'
 import Progress from 'cpns/Progress'
 import LiquidHandle from 'cpns/LiquidHandle'