From 9c0be372b21fb30a7eb8426d545711f9de147dd7 Mon Sep 17 00:00:00 2001
From: sige <sige@sige.com>
Date: Fri, 17 May 2024 11:27:50 +0800
Subject: [PATCH] =?UTF-8?q?UI=20=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/icon/disinfect-start.svg      | 138 +++++++++++++++++
 src/assets/icon/slider-filled-circle.svg |   1 +
 src/components/Operator.vue              | 154 ++-----------------
 src/components/dialogs/Modal.vue         | 115 +++++++++++++++
 src/components/info/EnvironmentInfo.vue  |   7 +-
 src/components/info/ExtDeviceInfo.vue    | 245 +++++++++++++++++++++++++++++++
 src/pages/Home.vue                       |  12 +-
 src/store/modules/device.js              |  38 +++++
 8 files changed, 559 insertions(+), 151 deletions(-)
 create mode 100644 src/assets/icon/disinfect-start.svg
 create mode 100644 src/assets/icon/slider-filled-circle.svg
 create mode 100644 src/components/dialogs/Modal.vue
 create mode 100644 src/components/info/ExtDeviceInfo.vue

diff --git a/src/assets/icon/disinfect-start.svg b/src/assets/icon/disinfect-start.svg
new file mode 100644
index 0000000..7936a05
--- /dev/null
+++ b/src/assets/icon/disinfect-start.svg
@@ -0,0 +1,138 @@
+<svg
+        
+        xmlns="http://www.w3.org/2000/svg"
+        xmlns:xlink="http://www.w3.org/1999/xlink"
+        fill="none"
+        version="1.1"
+        width="340"
+        height="108"
+        viewBox="0 0 340 108"
+      >
+        <defs>
+          <filter
+            id="master_svg0_95_3758"
+            filterUnits="objectBoundingBox"
+            color-interpolation-filters="sRGB"
+            x="0"
+            y="0"
+            width="164"
+            height="57"
+          >
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feColorMatrix
+              in="SourceAlpha"
+              type="matrix"
+              values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+            />
+            <feOffset dy="2" dx="0" />
+            <feGaussianBlur stdDeviation="0" />
+            <feColorMatrix
+              type="matrix"
+              values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.10000000149011612 0"
+            />
+            <feBlend
+              mode="normal"
+              in2="BackgroundImageFix"
+              result="effect1_dropShadow"
+            />
+            <feBlend
+              mode="normal"
+              in="SourceGraphic"
+              in2="effect1_dropShadow"
+              result="shape"
+            />
+          </filter>
+          <filter
+            id="master_svg1_95_4241"
+            filterUnits="objectBoundingBox"
+            color-interpolation-filters="sRGB"
+            x="0"
+            y="0"
+            width="60"
+            height="62"
+          >
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feColorMatrix
+              in="SourceAlpha"
+              type="matrix"
+              values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+            />
+            <feOffset dy="2" dx="0" />
+            <feGaussianBlur stdDeviation="0" />
+            <feColorMatrix
+              type="matrix"
+              values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.10000000149011612 0"
+            />
+            <feBlend
+              mode="normal"
+              in2="BackgroundImageFix"
+              result="effect1_dropShadow"
+            />
+            <feBlend
+              mode="normal"
+              in="SourceGraphic"
+              in2="effect1_dropShadow"
+              result="shape"
+            />
+          </filter>
+          <clipPath id="master_svg2_95_2610">
+            <rect x="46" y="24" width="60" height="60" rx="0" />
+          </clipPath>
+        </defs>
+        <g>
+          <g style="opacity: 0.20000000298023224">
+            <rect
+              x="0"
+              y="0"
+              width="340"
+              height="108"
+              rx="16"
+              fill="#17F179"
+              fill-opacity="1"
+            />
+          </g>
+          <g>
+            <rect
+              x="4"
+              y="4"
+              width="332"
+              height="100"
+              rx="14"
+              fill="#17F179"
+              fill-opacity="1"
+            />
+            <rect
+              x="5"
+              y="5"
+              width="330"
+              height="98"
+              rx="13"
+              fill-opacity="0"
+              stroke-opacity="1"
+              stroke="#1AD66E"
+              fill="none"
+              stroke-width="2"
+            />
+          </g>
+          <g>
+            <g filter="url(#master_svg0_95_3758)">
+              <path
+                d="M152.77261352539062,44.304L152.77261352539062,53.614000000000004L144.07061352539063,53.614000000000004L144.07061352539063,52.512L144.07061352539063,44.304L152.77261352539062,44.304ZM130.77061352539062,53.614000000000004L130.77061352539062,57.984L138.9786135253906,57.984C138.25661352539063,62.4733,136.2046135253906,66.88669999999999,130.6566135253906,70.2342C131.79661352539063,70.9948,133.54461352539062,72.6312,134.34261352539062,73.6584C140.9546135253906,69.47370000000001,143.12061352539064,63.7285,143.80461352539064,57.984L152.77261352539062,57.984L152.77261352539062,73.5058L157.56061352539064,73.5058L157.56061352539064,57.984L165.3886135253906,57.984L165.3886135253906,53.614000000000004L157.56061352539064,53.614000000000004L157.56061352539064,44.304L164.28661352539064,44.304L164.28661352539064,39.972L132.02461352539063,39.972L132.02461352539063,44.304L139.35861352539064,44.304L139.35861352539064,52.474000000000004L139.35861352539064,53.614000000000004L130.77061352539062,53.614000000000004ZM187.88461352539062,57.489999999999995L187.88461352539062,73.4613L191.98861352539063,73.4613L191.98861352539063,71.93L201.29861352539064,71.93L201.29861352539064,73.42269999999999L205.63061352539063,73.42269999999999L205.63061352539063,57.489999999999995L187.88461352539062,57.489999999999995ZM191.98861352539063,67.902L191.98861352539063,61.518L201.29861352539064,61.518L201.29861352539064,67.902L191.98861352539063,67.902ZM187.23861352539063,55.361999999999995C188.68261352539062,54.83,190.58261352539063,54.602000000000004,203.31261352539065,53.5C203.73061352539062,54.412,204.07261352539064,55.286,204.30061352539065,56.046L208.21461352539063,53.956C207.11261352539063,50.878,204.52861352539063,46.47,201.90661352539064,43.159800000000004L198.29661352539063,44.9494C199.32261352539064,46.318,200.34861352539062,47.914,201.29861352539064,49.510000000000005L192.25461352539062,50.117999999999995C194.38261352539064,46.888000000000005,196.51061352539062,42.9692,198.14461352539064,39.0463L193.39461352539064,37.79C191.79861352539064,42.512100000000004,189.10061352539063,47.458,188.18861352539062,48.75C187.31461352539063,50.08,186.59261352539062,50.916,185.75661352539063,51.144C186.28861352539062,52.284,187.01061352539062,54.488,187.23861352539063,55.361999999999995ZM178.8406135253906,49.510000000000005L181.34861352539062,49.510000000000005C181.00661352539063,53.082,180.4366135253906,56.274,179.56261352539062,59.048L177.20661352539062,57.072C177.77661352539062,54.754000000000005,178.34661352539064,52.17,178.8406135253906,49.510000000000005ZM172.60861352539064,58.554C174.28061352539063,59.922,176.14261352539063,61.594,177.89061352539062,63.266C176.40861352539062,66.22999999999999,174.43261352539062,68.434,171.9246135253906,69.80199999999999C172.83661352539062,70.676,174.01461352539062,72.313,174.58461352539064,73.42269999999999C177.24461352539063,71.664,179.37261352539062,69.422,181.04461352539062,66.49600000000001C182.10861352539064,67.674,182.98261352539063,68.77600000000001,183.62861352539062,69.76400000000001L186.3646135253906,66.03999999999999C185.5666135253906,64.9,184.35061352539063,63.57,182.98261352539063,62.202C184.50261352539061,57.870000000000005,185.3766135253906,52.436,185.71861352539062,45.596000000000004L183.09661352539064,45.254000000000005L182.37461352539063,45.33L179.60061352539063,45.33C180.01861352539063,42.8932,180.36061352539062,40.4939,180.6266135253906,38.2472L176.33261352539063,37.9806C176.14261352539063,40.265299999999996,175.83861352539063,42.8167,175.45861352539063,45.33L172.22861352539064,45.33L172.22861352539064,49.510000000000005L174.73661352539062,49.510000000000005C174.0906135253906,52.891999999999996,173.33061352539062,56.084,172.60861352539064,58.554ZM244.58061352539062,38.626599999999996C243.82061352539063,40.9481,242.33861352539063,43.9929,241.23661352539062,45.9344L245.18861352539062,47.418800000000005C246.36661352539062,45.5918,247.77261352539062,42.8891,248.98861352539063,40.2249L244.58061352539062,38.626599999999996ZM225.65661352539064,40.6055C227.1386135253906,42.8131,228.62061352539064,45.781800000000004,229.1146135253906,47.6854L233.2566135253906,45.7438C232.64861352539063,43.8029,231.05261352539063,40.9861,229.53261352539062,38.8932L225.65661352539064,40.6055ZM215.4726135253906,41.2907C217.8286135253906,42.5471,220.75461352539062,44.5261,222.12261352539062,45.9724L224.93461352539063,42.432500000000005C223.45261352539063,41.024100000000004,220.45061352539062,39.1972,218.13261352539064,38.0934L215.4726135253906,41.2907ZM213.6866135253906,51.372C216.11861352539063,52.626000000000005,219.15861352539062,54.64,220.52661352539064,56.084L223.30061352539065,52.512C221.74261352539062,51.106,218.66461352539062,49.282,216.27061352539062,48.141999999999996L213.6866135253906,51.372ZM214.75061352539063,70.372L218.77861352539063,73.298C220.7926135253906,69.46000000000001,222.92061352539062,65.01400000000001,224.66861352539064,60.948L221.32461352539065,58.174C219.2346135253906,62.658,216.61261352539063,67.446,214.75061352539063,70.372ZM231.31861352539062,59.276L242.90861352539062,59.276L242.90861352539062,62.126L231.31861352539062,62.126L231.31861352539062,59.276ZM231.31861352539062,55.438L231.31861352539062,52.626000000000005L242.90861352539062,52.626000000000005L242.90861352539062,55.438L231.31861352539062,55.438ZM234.92861352539063,37.751400000000004L234.92861352539063,48.408L226.87261352539062,48.408L226.87261352539062,73.4126L231.31861352539062,73.4126L231.31861352539062,65.964L242.90861352539062,65.964L242.90861352539062,68.47200000000001C242.90861352539062,68.96600000000001,242.71861352539062,69.156,242.11061352539062,69.194C241.54061352539063,69.194,239.52661352539064,69.194,237.77861352539063,69.08C238.38661352539063,70.25800000000001,238.9946135253906,72.158,239.14661352539062,73.374C242.03461352539063,73.374,244.04861352539064,73.336,245.49261352539062,72.614C246.9366135253906,71.93,247.35461352539062,70.714,247.35461352539062,68.548L247.35461352539062,48.408L239.52661352539064,48.408L239.52661352539064,37.751400000000004L234.92861352539063,37.751400000000004ZM281.2126135253906,58.022L281.09861352539065,60.074L274.52461352539063,60.074L275.4746135253906,59.542C275.32261352539064,59.086,274.9806135253906,58.554,274.52461352539063,58.022L281.2126135253906,58.022ZM261.75661352539066,54.754000000000005C261.64261352539063,56.426,261.4906135253906,58.25,261.30061352539065,60.074L255.6386135253906,60.074L255.6386135253906,63.418L260.95861352539066,63.418C260.6926135253906,65.432,260.46461352539063,67.294,260.1986135253906,68.814L280.0346135253906,68.814C279.88261352539064,69.27000000000001,279.7306135253906,69.536,279.57861352539067,69.726C279.2366135253906,70.144,278.89461352539064,70.22,278.2486135253906,70.22C277.56461352539066,70.25800000000001,276.0826135253906,70.22,274.4486135253906,70.068C274.9426135253906,70.94200000000001,275.3986135253906,72.348,275.4366135253906,73.25999999999999C277.4126135253906,73.3372,279.3126135253906,73.3758,280.4906135253906,73.184C281.7066135253906,73.07,282.73261352539066,72.76599999999999,283.5686135253906,71.74000000000001C283.9866135253906,71.208,284.3666135253906,70.29599999999999,284.67061352539065,68.814L289.04061352539065,68.814L289.04061352539065,65.54599999999999L285.1646135253906,65.54599999999999L285.3546135253906,63.418L291.2066135253906,63.418L291.2066135253906,60.074L285.62061352539064,60.074L285.81061352539064,56.501999999999995C285.84861352539065,55.97,285.88661352539066,54.754000000000005,285.88661352539066,54.754000000000005L261.75661352539066,54.754000000000005ZM270.6486135253906,58.478C271.1046135253906,58.934,271.5226135253906,59.504,271.9026135253906,60.074L265.7846135253906,60.074L265.9746135253906,58.022L271.5226135253906,58.022L270.6486135253906,58.478ZM280.87061352539064,63.418L280.64261352539063,65.54599999999999L274.0686135253906,65.54599999999999L275.2846135253906,64.9C275.0946135253906,64.444,274.75261352539064,63.912,274.33461352539064,63.418L280.87061352539064,63.418ZM270.3446135253906,63.836C270.83861352539066,64.33,271.3326135253906,64.938,271.6746135253906,65.54599999999999L265.1766135253906,65.54599999999999L265.4426135253906,63.418L271.14261352539063,63.418L270.3446135253906,63.836ZM271.0666135253906,37.7549L271.0666135253906,40.542L258.4126135253906,40.542L258.4126135253906,43.734L271.0666135253906,43.734L271.0666135253906,45.292L260.95861352539066,45.292L260.95861352539066,48.446L271.0666135253906,48.446L271.0666135253906,50.08L256.6646135253906,50.08L256.6646135253906,53.385999999999996L290.18061352539064,53.385999999999996L290.18061352539064,50.08L275.7406135253906,50.08L275.7406135253906,48.446L286.38061352539063,48.446L286.38061352539063,45.292L275.7406135253906,45.292L275.7406135253906,43.734L288.96461352539063,43.734L288.96461352539063,40.542L275.7406135253906,40.542L275.7406135253906,37.7549L271.0666135253906,37.7549Z"
+                fill="#FFFFFF"
+                fill-opacity="1"
+              />
+            </g>
+            <g filter="url(#master_svg1_95_4241)">
+              <g clip-path="url(#master_svg2_95_2610)">
+                <g>
+                  <path
+                    d="M75.9999875,31.6171875C79.0233875,31.6171875,81.95428749999999,32.208397500000004,84.71108749999999,33.3744175C87.37598750000001,34.5017575,89.7700875,36.1160175,91.8267875,38.1726875C93.8833875,40.2292875,95.4982875,42.6233875,96.6249875,45.288287499999996C97.79158749999999,48.0456875,98.3827875,50.9765875,98.3827875,53.9999875C98.3827875,57.0233875,97.79158749999999,59.9542875,96.6255875,62.7110875C95.4982875,65.37598750000001,93.8839875,67.7700875,91.8273875,69.8267875C89.77068750000001,71.8833875,87.3765875,73.4982875,84.7116875,74.6249875C81.95428749999999,75.79158749999999,79.0233875,76.3827875,75.9999875,76.3827875C72.9765875,76.3827875,70.0456875,75.79158749999999,67.2888875,74.6255875C64.6239875,73.4982875,62.229887500000004,71.8839875,60.1732875,69.8273875C58.1165975,67.77068750000001,56.5017575,65.3765875,55.3749975,62.7116875C54.208397500000004,59.9542875,53.6171875,57.0233875,53.6171875,53.9999875C53.6171875,50.9765875,54.208397500000004,48.0456875,55.3744175,45.2888875C56.5017575,42.6239875,58.1160175,40.229887500000004,60.1726875,38.1732875C62.2292875,36.1165975,64.6234875,34.5017575,67.2882875,33.3749975C70.0456875,32.208397500000004,72.9765875,31.6171875,75.9999875,31.6171875ZM75.9999875,27.8671875C61.5671875,27.86718660593,49.8671875,39.5671875,49.8671875,53.9999875C49.8671875,68.4327875,61.5671875,80.1327875,75.9999875,80.1327875C90.4327875,80.1327875,102.1327875,68.4327875,102.1327875,53.9999875C102.1327875,39.5671875,90.4327875,27.86718660593,75.9999875,27.8671875ZM61.4101875,53.9999875C61.4101875,62.0577875,67.94228749999999,68.5898875,75.9999875,68.5898875C84.0577875,68.5898875,90.5898875,62.0577875,90.5898875,53.9999875C90.5898875,45.9422875,84.0577875,39.4101875,75.9999875,39.4101875C67.94228749999999,39.4101875,61.4101875,45.9422875,61.4101875,53.9999875Z"
+                    fill="#FFFFFF"
+                    fill-opacity="1"
+                  />
+                </g>
+              </g>
+            </g>
+          </g>
+        </g>
+      </svg>
\ No newline at end of file
diff --git a/src/assets/icon/slider-filled-circle.svg b/src/assets/icon/slider-filled-circle.svg
new file mode 100644
index 0000000..351b738
--- /dev/null
+++ b/src/assets/icon/slider-filled-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="28" height="28" viewBox="0 0 28 28"><g><g><ellipse cx="14" cy="14" rx="14" ry="14" fill="#FFFFFF" fill-opacity="1"/></g><g transform="matrix(0,-1,1,0,-14,28)"><path d="M9.8,21L8.4,21L8.4,22.4L7,22.4L7,25.2L8.4,25.2L8.4,35L9.8,35L9.8,25.2L11.2,25.2L11.2,22.4L9.8,22.4L9.8,21ZM14.7,21L13.3,21L13.3,30.8L11.9,30.8L11.9,33.6L13.3,33.6L13.3,35L14.7,35L14.7,33.6L16.1,33.6L16.1,30.8L14.7,30.8L14.7,21ZM21,22.4L19.6,22.4L19.6,21L18.2,21L18.2,22.4L16.8,22.4L16.8,25.2L18.2,25.2L18.2,35L19.6,35L19.6,25.2L21,25.2L21,22.4Z" fill="#06518B" fill-opacity="1"/></g></g></svg>
\ No newline at end of file
diff --git a/src/components/Operator.vue b/src/components/Operator.vue
index d398db5..7cb1774 100644
--- a/src/components/Operator.vue
+++ b/src/components/Operator.vue
@@ -3,14 +3,15 @@
     <div class="left_contaienr">
       <div class="info_cards">
         <div class="card">
-          <DisinfectantLiquidInfo />
+          <EnvironmentInfo :cardType="1" />
         </div>
         <div class="card">
-          <EnvironmentInfo :cardType="1" />
+          <ExtDeviceInfo />
         </div>
-        <div class="long_card">
+        
+        <!-- <div class="long_card">
           <AirSwitchConfig />
-        </div>
+        </div> -->
         <!-- <div class="card">
           <EnvironmentInfo :cardType="2" />
         </div>
@@ -284,145 +285,7 @@
           </g>
         </g>
       </svg>
-      <svg
-        v-else
-        @click="startDisinfect"
-        xmlns="http://www.w3.org/2000/svg"
-        xmlns:xlink="http://www.w3.org/1999/xlink"
-        fill="none"
-        version="1.1"
-        width="340"
-        height="108"
-        viewBox="0 0 340 108"
-      >
-        <defs>
-          <filter
-            id="master_svg0_95_3758"
-            filterUnits="objectBoundingBox"
-            color-interpolation-filters="sRGB"
-            x="0"
-            y="0"
-            width="164"
-            height="57"
-          >
-            <feFlood flood-opacity="0" result="BackgroundImageFix" />
-            <feColorMatrix
-              in="SourceAlpha"
-              type="matrix"
-              values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-            />
-            <feOffset dy="2" dx="0" />
-            <feGaussianBlur stdDeviation="0" />
-            <feColorMatrix
-              type="matrix"
-              values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.10000000149011612 0"
-            />
-            <feBlend
-              mode="normal"
-              in2="BackgroundImageFix"
-              result="effect1_dropShadow"
-            />
-            <feBlend
-              mode="normal"
-              in="SourceGraphic"
-              in2="effect1_dropShadow"
-              result="shape"
-            />
-          </filter>
-          <filter
-            id="master_svg1_95_4241"
-            filterUnits="objectBoundingBox"
-            color-interpolation-filters="sRGB"
-            x="0"
-            y="0"
-            width="60"
-            height="62"
-          >
-            <feFlood flood-opacity="0" result="BackgroundImageFix" />
-            <feColorMatrix
-              in="SourceAlpha"
-              type="matrix"
-              values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-            />
-            <feOffset dy="2" dx="0" />
-            <feGaussianBlur stdDeviation="0" />
-            <feColorMatrix
-              type="matrix"
-              values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.10000000149011612 0"
-            />
-            <feBlend
-              mode="normal"
-              in2="BackgroundImageFix"
-              result="effect1_dropShadow"
-            />
-            <feBlend
-              mode="normal"
-              in="SourceGraphic"
-              in2="effect1_dropShadow"
-              result="shape"
-            />
-          </filter>
-          <clipPath id="master_svg2_95_2610">
-            <rect x="46" y="24" width="60" height="60" rx="0" />
-          </clipPath>
-        </defs>
-        <g>
-          <g style="opacity: 0.20000000298023224">
-            <rect
-              x="0"
-              y="0"
-              width="340"
-              height="108"
-              rx="16"
-              fill="#17F179"
-              fill-opacity="1"
-            />
-          </g>
-          <g>
-            <rect
-              x="4"
-              y="4"
-              width="332"
-              height="100"
-              rx="14"
-              fill="#17F179"
-              fill-opacity="1"
-            />
-            <rect
-              x="5"
-              y="5"
-              width="330"
-              height="98"
-              rx="13"
-              fill-opacity="0"
-              stroke-opacity="1"
-              stroke="#1AD66E"
-              fill="none"
-              stroke-width="2"
-            />
-          </g>
-          <g>
-            <g filter="url(#master_svg0_95_3758)">
-              <path
-                d="M152.77261352539062,44.304L152.77261352539062,53.614000000000004L144.07061352539063,53.614000000000004L144.07061352539063,52.512L144.07061352539063,44.304L152.77261352539062,44.304ZM130.77061352539062,53.614000000000004L130.77061352539062,57.984L138.9786135253906,57.984C138.25661352539063,62.4733,136.2046135253906,66.88669999999999,130.6566135253906,70.2342C131.79661352539063,70.9948,133.54461352539062,72.6312,134.34261352539062,73.6584C140.9546135253906,69.47370000000001,143.12061352539064,63.7285,143.80461352539064,57.984L152.77261352539062,57.984L152.77261352539062,73.5058L157.56061352539064,73.5058L157.56061352539064,57.984L165.3886135253906,57.984L165.3886135253906,53.614000000000004L157.56061352539064,53.614000000000004L157.56061352539064,44.304L164.28661352539064,44.304L164.28661352539064,39.972L132.02461352539063,39.972L132.02461352539063,44.304L139.35861352539064,44.304L139.35861352539064,52.474000000000004L139.35861352539064,53.614000000000004L130.77061352539062,53.614000000000004ZM187.88461352539062,57.489999999999995L187.88461352539062,73.4613L191.98861352539063,73.4613L191.98861352539063,71.93L201.29861352539064,71.93L201.29861352539064,73.42269999999999L205.63061352539063,73.42269999999999L205.63061352539063,57.489999999999995L187.88461352539062,57.489999999999995ZM191.98861352539063,67.902L191.98861352539063,61.518L201.29861352539064,61.518L201.29861352539064,67.902L191.98861352539063,67.902ZM187.23861352539063,55.361999999999995C188.68261352539062,54.83,190.58261352539063,54.602000000000004,203.31261352539065,53.5C203.73061352539062,54.412,204.07261352539064,55.286,204.30061352539065,56.046L208.21461352539063,53.956C207.11261352539063,50.878,204.52861352539063,46.47,201.90661352539064,43.159800000000004L198.29661352539063,44.9494C199.32261352539064,46.318,200.34861352539062,47.914,201.29861352539064,49.510000000000005L192.25461352539062,50.117999999999995C194.38261352539064,46.888000000000005,196.51061352539062,42.9692,198.14461352539064,39.0463L193.39461352539064,37.79C191.79861352539064,42.512100000000004,189.10061352539063,47.458,188.18861352539062,48.75C187.31461352539063,50.08,186.59261352539062,50.916,185.75661352539063,51.144C186.28861352539062,52.284,187.01061352539062,54.488,187.23861352539063,55.361999999999995ZM178.8406135253906,49.510000000000005L181.34861352539062,49.510000000000005C181.00661352539063,53.082,180.4366135253906,56.274,179.56261352539062,59.048L177.20661352539062,57.072C177.77661352539062,54.754000000000005,178.34661352539064,52.17,178.8406135253906,49.510000000000005ZM172.60861352539064,58.554C174.28061352539063,59.922,176.14261352539063,61.594,177.89061352539062,63.266C176.40861352539062,66.22999999999999,174.43261352539062,68.434,171.9246135253906,69.80199999999999C172.83661352539062,70.676,174.01461352539062,72.313,174.58461352539064,73.42269999999999C177.24461352539063,71.664,179.37261352539062,69.422,181.04461352539062,66.49600000000001C182.10861352539064,67.674,182.98261352539063,68.77600000000001,183.62861352539062,69.76400000000001L186.3646135253906,66.03999999999999C185.5666135253906,64.9,184.35061352539063,63.57,182.98261352539063,62.202C184.50261352539061,57.870000000000005,185.3766135253906,52.436,185.71861352539062,45.596000000000004L183.09661352539064,45.254000000000005L182.37461352539063,45.33L179.60061352539063,45.33C180.01861352539063,42.8932,180.36061352539062,40.4939,180.6266135253906,38.2472L176.33261352539063,37.9806C176.14261352539063,40.265299999999996,175.83861352539063,42.8167,175.45861352539063,45.33L172.22861352539064,45.33L172.22861352539064,49.510000000000005L174.73661352539062,49.510000000000005C174.0906135253906,52.891999999999996,173.33061352539062,56.084,172.60861352539064,58.554ZM244.58061352539062,38.626599999999996C243.82061352539063,40.9481,242.33861352539063,43.9929,241.23661352539062,45.9344L245.18861352539062,47.418800000000005C246.36661352539062,45.5918,247.77261352539062,42.8891,248.98861352539063,40.2249L244.58061352539062,38.626599999999996ZM225.65661352539064,40.6055C227.1386135253906,42.8131,228.62061352539064,45.781800000000004,229.1146135253906,47.6854L233.2566135253906,45.7438C232.64861352539063,43.8029,231.05261352539063,40.9861,229.53261352539062,38.8932L225.65661352539064,40.6055ZM215.4726135253906,41.2907C217.8286135253906,42.5471,220.75461352539062,44.5261,222.12261352539062,45.9724L224.93461352539063,42.432500000000005C223.45261352539063,41.024100000000004,220.45061352539062,39.1972,218.13261352539064,38.0934L215.4726135253906,41.2907ZM213.6866135253906,51.372C216.11861352539063,52.626000000000005,219.15861352539062,54.64,220.52661352539064,56.084L223.30061352539065,52.512C221.74261352539062,51.106,218.66461352539062,49.282,216.27061352539062,48.141999999999996L213.6866135253906,51.372ZM214.75061352539063,70.372L218.77861352539063,73.298C220.7926135253906,69.46000000000001,222.92061352539062,65.01400000000001,224.66861352539064,60.948L221.32461352539065,58.174C219.2346135253906,62.658,216.61261352539063,67.446,214.75061352539063,70.372ZM231.31861352539062,59.276L242.90861352539062,59.276L242.90861352539062,62.126L231.31861352539062,62.126L231.31861352539062,59.276ZM231.31861352539062,55.438L231.31861352539062,52.626000000000005L242.90861352539062,52.626000000000005L242.90861352539062,55.438L231.31861352539062,55.438ZM234.92861352539063,37.751400000000004L234.92861352539063,48.408L226.87261352539062,48.408L226.87261352539062,73.4126L231.31861352539062,73.4126L231.31861352539062,65.964L242.90861352539062,65.964L242.90861352539062,68.47200000000001C242.90861352539062,68.96600000000001,242.71861352539062,69.156,242.11061352539062,69.194C241.54061352539063,69.194,239.52661352539064,69.194,237.77861352539063,69.08C238.38661352539063,70.25800000000001,238.9946135253906,72.158,239.14661352539062,73.374C242.03461352539063,73.374,244.04861352539064,73.336,245.49261352539062,72.614C246.9366135253906,71.93,247.35461352539062,70.714,247.35461352539062,68.548L247.35461352539062,48.408L239.52661352539064,48.408L239.52661352539064,37.751400000000004L234.92861352539063,37.751400000000004ZM281.2126135253906,58.022L281.09861352539065,60.074L274.52461352539063,60.074L275.4746135253906,59.542C275.32261352539064,59.086,274.9806135253906,58.554,274.52461352539063,58.022L281.2126135253906,58.022ZM261.75661352539066,54.754000000000005C261.64261352539063,56.426,261.4906135253906,58.25,261.30061352539065,60.074L255.6386135253906,60.074L255.6386135253906,63.418L260.95861352539066,63.418C260.6926135253906,65.432,260.46461352539063,67.294,260.1986135253906,68.814L280.0346135253906,68.814C279.88261352539064,69.27000000000001,279.7306135253906,69.536,279.57861352539067,69.726C279.2366135253906,70.144,278.89461352539064,70.22,278.2486135253906,70.22C277.56461352539066,70.25800000000001,276.0826135253906,70.22,274.4486135253906,70.068C274.9426135253906,70.94200000000001,275.3986135253906,72.348,275.4366135253906,73.25999999999999C277.4126135253906,73.3372,279.3126135253906,73.3758,280.4906135253906,73.184C281.7066135253906,73.07,282.73261352539066,72.76599999999999,283.5686135253906,71.74000000000001C283.9866135253906,71.208,284.3666135253906,70.29599999999999,284.67061352539065,68.814L289.04061352539065,68.814L289.04061352539065,65.54599999999999L285.1646135253906,65.54599999999999L285.3546135253906,63.418L291.2066135253906,63.418L291.2066135253906,60.074L285.62061352539064,60.074L285.81061352539064,56.501999999999995C285.84861352539065,55.97,285.88661352539066,54.754000000000005,285.88661352539066,54.754000000000005L261.75661352539066,54.754000000000005ZM270.6486135253906,58.478C271.1046135253906,58.934,271.5226135253906,59.504,271.9026135253906,60.074L265.7846135253906,60.074L265.9746135253906,58.022L271.5226135253906,58.022L270.6486135253906,58.478ZM280.87061352539064,63.418L280.64261352539063,65.54599999999999L274.0686135253906,65.54599999999999L275.2846135253906,64.9C275.0946135253906,64.444,274.75261352539064,63.912,274.33461352539064,63.418L280.87061352539064,63.418ZM270.3446135253906,63.836C270.83861352539066,64.33,271.3326135253906,64.938,271.6746135253906,65.54599999999999L265.1766135253906,65.54599999999999L265.4426135253906,63.418L271.14261352539063,63.418L270.3446135253906,63.836ZM271.0666135253906,37.7549L271.0666135253906,40.542L258.4126135253906,40.542L258.4126135253906,43.734L271.0666135253906,43.734L271.0666135253906,45.292L260.95861352539066,45.292L260.95861352539066,48.446L271.0666135253906,48.446L271.0666135253906,50.08L256.6646135253906,50.08L256.6646135253906,53.385999999999996L290.18061352539064,53.385999999999996L290.18061352539064,50.08L275.7406135253906,50.08L275.7406135253906,48.446L286.38061352539063,48.446L286.38061352539063,45.292L275.7406135253906,45.292L275.7406135253906,43.734L288.96461352539063,43.734L288.96461352539063,40.542L275.7406135253906,40.542L275.7406135253906,37.7549L271.0666135253906,37.7549Z"
-                fill="#FFFFFF"
-                fill-opacity="1"
-              />
-            </g>
-            <g filter="url(#master_svg1_95_4241)">
-              <g clip-path="url(#master_svg2_95_2610)">
-                <g>
-                  <path
-                    d="M75.9999875,31.6171875C79.0233875,31.6171875,81.95428749999999,32.208397500000004,84.71108749999999,33.3744175C87.37598750000001,34.5017575,89.7700875,36.1160175,91.8267875,38.1726875C93.8833875,40.2292875,95.4982875,42.6233875,96.6249875,45.288287499999996C97.79158749999999,48.0456875,98.3827875,50.9765875,98.3827875,53.9999875C98.3827875,57.0233875,97.79158749999999,59.9542875,96.6255875,62.7110875C95.4982875,65.37598750000001,93.8839875,67.7700875,91.8273875,69.8267875C89.77068750000001,71.8833875,87.3765875,73.4982875,84.7116875,74.6249875C81.95428749999999,75.79158749999999,79.0233875,76.3827875,75.9999875,76.3827875C72.9765875,76.3827875,70.0456875,75.79158749999999,67.2888875,74.6255875C64.6239875,73.4982875,62.229887500000004,71.8839875,60.1732875,69.8273875C58.1165975,67.77068750000001,56.5017575,65.3765875,55.3749975,62.7116875C54.208397500000004,59.9542875,53.6171875,57.0233875,53.6171875,53.9999875C53.6171875,50.9765875,54.208397500000004,48.0456875,55.3744175,45.2888875C56.5017575,42.6239875,58.1160175,40.229887500000004,60.1726875,38.1732875C62.2292875,36.1165975,64.6234875,34.5017575,67.2882875,33.3749975C70.0456875,32.208397500000004,72.9765875,31.6171875,75.9999875,31.6171875ZM75.9999875,27.8671875C61.5671875,27.86718660593,49.8671875,39.5671875,49.8671875,53.9999875C49.8671875,68.4327875,61.5671875,80.1327875,75.9999875,80.1327875C90.4327875,80.1327875,102.1327875,68.4327875,102.1327875,53.9999875C102.1327875,39.5671875,90.4327875,27.86718660593,75.9999875,27.8671875ZM61.4101875,53.9999875C61.4101875,62.0577875,67.94228749999999,68.5898875,75.9999875,68.5898875C84.0577875,68.5898875,90.5898875,62.0577875,90.5898875,53.9999875C90.5898875,45.9422875,84.0577875,39.4101875,75.9999875,39.4101875C67.94228749999999,39.4101875,61.4101875,45.9422875,61.4101875,53.9999875Z"
-                    fill="#FFFFFF"
-                    fill-opacity="1"
-                  />
-                </g>
-              </g>
-            </g>
-          </g>
-        </g>
-      </svg>
+      <img v-else @click="startDisinfect" src="@/assets/icon/disinfect-start.svg" />
       <div class="progress">
         <p class="title">预计剩余时间</p>
         <div class="time">
@@ -492,6 +355,7 @@ import DisinfectModal from 'cpns/dialogs/DisinfectModal'
 import WarnModal from 'cpns/dialogs/WarnModal'
 import AirSwitchConfig from 'cpns/info/AirSwitchConfig'
 import DisinfectantLiquidInfo from 'cpns/info/DisinfectantLiquidInfo'
+import ExtDeviceInfo from 'cpns/info/ExtDeviceInfo'
 import EnvironmentInfo from 'cpns/info/EnvironmentInfo'
 import { ref, watch, onMounted, onUnmounted } from 'vue'
 import {
@@ -504,6 +368,8 @@ import { startDisinfectionJSON, getStateJSON } from '@/mock/command'
 import { showSuccessToast, showFailToast } from 'vant'
 import { time_To_hhmmss } from '@/utils'
 
+
+
 const operatorStore = useOperatorStore()
 const webSocketStore = useWebSocketStore()
 const settingStore = useSettingStore()
@@ -674,7 +540,7 @@ onUnmounted(() => {
       margin-bottom: 20px;
       .card {
         width: 353px;
-        height: 225px;
+        height: 470px;
         border-radius: 17.5px;
         background: #06518b;
       }
diff --git a/src/components/dialogs/Modal.vue b/src/components/dialogs/Modal.vue
new file mode 100644
index 0000000..2b03e0d
--- /dev/null
+++ b/src/components/dialogs/Modal.vue
@@ -0,0 +1,115 @@
+<template>
+  <div v-if="enable" class="del_pre_modal_container">
+    <div class="modal_content">
+      <div style="flex-grow: 1;height: 0;">
+        <slot></slot>
+      </div>
+      <div class="btns">
+        <div class="cancel style-btn" @click="actionOk">确定</div>
+        <div class="cancel style-btn" @click="actionCancel">取消</div>
+      </div>
+    </div>
+  </div>
+</template>
+<script setup>
+import { ref, watch } from 'vue';
+/** @var {Function} */
+const emits = defineEmits(['ok','cancel','update:enable']);
+/** @var {Object} */
+const props = defineProps({
+    enable : Boolean,
+});
+/** @var {Boolean} */
+const enable = ref(props.enable);
+// watch enable
+watch (() => props.enable, (val) => {
+    enable.value = val;
+});
+
+// action ok
+function actionOk() {
+    emits('ok');
+    enable.value = false;
+    emits('update:enable', false);
+}
+
+// action cancel
+function actionCancel() {
+    emits('cancel');
+    enable.value = false;
+    emits('update:enable', false);
+}
+</script>
+  
+  <style lang="scss" scoped>
+  .del_pre_modal_container {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: rgba(0, 0, 0, 0.5);
+    z-index: 2;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    .modal_content {
+      width: 476px;
+      height: 350px;
+      border-radius: 16px;
+      background: #ffffff;
+      padding: 52px 37px 55px 37px;
+      box-sizing: border-box;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      .tips {
+        margin-top: 33px;
+        margin-bottom: 50px;
+        font-family: Source Han Sans CN;
+        font-size: 21px;
+        font-weight: normal;
+        letter-spacing: 0.04em;
+        color: #000000;
+        .red {
+          color: #fa1c1c;
+        }
+      }
+      .btns {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        width: 362px;
+        .cancel {
+          width: 173px;
+          height: 68px;
+          border-radius: 34px;
+          background: #06518b;
+          font-family: Source Han Sans CN;
+          font-size: 23px;
+          font-weight: 350;
+          letter-spacing: 0em;
+          color: #ffffff;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+        }
+        .ok {
+          width: 173px;
+          height: 68px;
+          border-radius: 34px;
+          background: #d8d8d8;
+          font-family: Source Han Sans CN;
+          font-size: 23px;
+          font-weight: 350;
+          letter-spacing: 0em;
+          color: #ffffff;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+        }
+      }
+    }
+  }
+  </style>
+  
\ No newline at end of file
diff --git a/src/components/info/EnvironmentInfo.vue b/src/components/info/EnvironmentInfo.vue
index e566c9f..42f317c 100644
--- a/src/components/info/EnvironmentInfo.vue
+++ b/src/components/info/EnvironmentInfo.vue
@@ -141,14 +141,17 @@ const getSaturation = () => {
 <style lang="scss" scoped>
 .environment_container {
   width: 353px;
-  height: 225px;
+  height: 100%;
   box-sizing: border-box;
   overflow: hidden;
   border-radius: 17.5px;
+  display: flex;
+  flex-direction: column;
   .top_title {
     padding: 15px 16px;
     display: flex;
     align-items: center;
+    height: 90px;
     .title {
       font-family: Source Han Sans CN;
       font-size: 24px;
@@ -161,6 +164,8 @@ const getSaturation = () => {
   .content {
     display: grid;
     grid-template-rows: repeat(4, 1fr);
+    height: 0;
+    flex-grow: 1;
     .line {
       padding: 11px 13px 11px 26px;
       width: 353px;
diff --git a/src/components/info/ExtDeviceInfo.vue b/src/components/info/ExtDeviceInfo.vue
new file mode 100644
index 0000000..b86882f
--- /dev/null
+++ b/src/components/info/ExtDeviceInfo.vue
@@ -0,0 +1,245 @@
+<template>
+  <div class="environment_container">
+    <div class="top_title">
+      <img src="@/assets/icon/slider-filled-circle.svg" alt="icon" />
+      <p class="title">消毒除湿/降解</p>
+    </div>
+    <div class="content">
+      <div class="line">
+        <p class="title">消毒前除湿</p>
+        <p class="value dark" @click="dehumidifyBeforeDisinfectionThresholdValueEditEnable=true"
+        >{{dehumidifyBeforeDisinfectionThreshold}}%</p>
+        <div class="act-btn" 
+          :class="{disabled:!externalDeviceConnected,danger:!dehumidifyBeforeDisinfectionEnable}"
+          @click="actionToggleDehumidifyBeforeDisinfectionEnable"
+        >{{ dehumidifyBeforeDisinfectionEnable ? '使能' : '未使能'}}</div>
+      </div>
+      <div class="line">
+        <p class="title">消毒后除湿</p>
+        <p class="value light" @click="dehumidifyAfterDisinfectionThresholdValueEditEnable=true"
+        >{{dehumidifyAfterDisinfectionThreshold}}%</p>
+        <div class="act-btn" 
+          :class="{disabled:!externalDeviceConnected,danger:!dehumidifyAfterDisinfectionEnable}"
+          @click="actionToggleDehumidifyAfterDisinfectionEnable"
+        >{{ dehumidifyAfterDisinfectionEnable ? '使能' : '未使能' }}</div>
+      </div>
+      <div class="line">
+        <p class="title">消毒后降解</p>
+        <div class="act-btn" 
+          :class="{disabled:!externalDeviceConnected,danger:!degradeAfterDisinfectionEnable}"
+          @click="actionToggleDegradeAfterDisinfectionEnable"
+        >{{ degradeAfterDisinfectionEnable ? '使能' : '未使能' }}</div>
+      </div>
+      <div class="line">
+        <p v-if="!externalDeviceConnected" class="title" style="color:#FA1C1C">*外部未接入设备</p>
+        <div class="num"></div>
+      </div>
+    </div>
+
+    <!-- 消毒前除湿阈值 -->
+    <modal 
+      v-model:enable="dehumidifyBeforeDisinfectionThresholdValueEditEnable" 
+      @ok="actionDehumidifyBeforeDisinfectionThresholdValueChange"
+    >
+      <p>消毒前除湿</p>
+      <van-picker
+        :columns="percentageValues"
+        :show-toolbar="false"
+        visible-option-num="3"
+        option-height="42"
+        v-model="dehumidifyBeforeDisinfectionThresholdValue"
+      />
+    </modal>
+
+    <!-- 消毒后除湿阈值 -->
+    <modal 
+      v-model:enable="dehumidifyAfterDisinfectionThresholdValueEditEnable" 
+      @ok="actionDehumidifyAfterDisinfectionThresholdValueChange"
+    >
+      <p>消毒后除湿</p>
+      <van-picker
+        :columns="percentageValues"
+        :show-toolbar="false"
+        visible-option-num="3"
+        option-height="42"
+        v-model="dehumidifyAfterDisinfectionThresholdValue"
+      />
+    </modal>
+  </div>
+</template>
+<script setup>
+import { useDeviceStore } from '@/store'
+import { storeToRefs } from 'pinia'
+import { ref } from 'vue'
+import Modal from 'cpns/dialogs/Modal.vue'
+const deviceStore = useDeviceStore()
+const {
+    // 消毒前是否需要除湿
+    dehumidifyBeforeDisinfectionEnable,
+    // 除湿阈值
+    dehumidifyBeforeDisinfectionThreshold,
+    // 消毒后是否需要除湿
+    dehumidifyAfterDisinfectionEnable,
+    // 除湿阈值
+    dehumidifyAfterDisinfectionThreshold,
+    // 消毒后是否需要降解
+    degradeAfterDisinfectionEnable,
+    // 外部设备已接入
+    externalDeviceConnected,
+} = storeToRefs(deviceStore);
+// 除湿阈值
+const percentageValues = ref([
+  { text: '10%', value: '10' },
+  { text: '20%', value: '20' },
+  { text: '30%', value: '30' },
+  { text: '40%', value: '40' },
+  { text: '50%', value: '50' },
+  { text: '60%', value: '60' },
+  { text: '70%', value: '70' },
+  { text: '80%', value: '80' },
+  { text: '90%', value: '90' },
+  { text: '100%', value: '100' },
+]);
+// 消毒前除湿阈值
+const dehumidifyBeforeDisinfectionThresholdValue = ref([dehumidifyBeforeDisinfectionThreshold.value]);
+// 是否显示除湿阈值编辑弹窗
+const dehumidifyBeforeDisinfectionThresholdValueEditEnable = ref(false);
+// 消毒后除湿阈值
+const dehumidifyAfterDisinfectionThresholdValue = ref([dehumidifyAfterDisinfectionThreshold.value]);
+// 是否显示除湿阈值编辑弹窗
+const dehumidifyAfterDisinfectionThresholdValueEditEnable = ref(false);
+
+
+// 使能/禁用消毒前除湿
+function actionToggleDehumidifyBeforeDisinfectionEnable() {
+    let status = !dehumidifyBeforeDisinfectionEnable.value;
+    deviceStore.setDehumidifyBeforeDisinfectionEnable(status);
+}
+
+// 使能/禁用消毒后除湿
+function actionToggleDehumidifyAfterDisinfectionEnable() {
+    let status = !dehumidifyAfterDisinfectionEnable.value;
+    deviceStore.setDehumidifyAfterDisinfectionEnable(status);
+}
+
+// 使能/禁用消毒后降解
+function actionToggleDegradeAfterDisinfectionEnable() {
+    let status = !degradeAfterDisinfectionEnable.value;
+    deviceStore.setDegradeAfterDisinfectionEnable(status);
+}
+
+// 消毒前除湿阈值改变
+function actionDehumidifyBeforeDisinfectionThresholdValueChange() {
+    deviceStore.setDehumidifyBeforeDisinfectionThreshold(dehumidifyBeforeDisinfectionThresholdValue.value[0]);
+}
+
+// 消毒后除湿阈值改变
+function actionDehumidifyAfterDisinfectionThresholdValueChange() {
+    deviceStore.setDehumidifyAfterDisinfectionThreshold(dehumidifyAfterDisinfectionThresholdValue.value[0]);
+}
+</script>
+  
+  <style lang="scss" scoped>
+  .environment_container {
+    width: 353px;
+    height: 100%;
+    box-sizing: border-box;
+    overflow: hidden;
+    border-radius: 17.5px;
+    display: flex;
+    flex-direction: column;
+    .top_title {
+      padding: 15px 16px;
+      display: flex;
+      align-items: center;
+      height: 90px;
+      .title {
+        font-family: Source Han Sans CN;
+        font-size: 24px;
+        font-weight: 500;
+        letter-spacing: 0.1em;
+        margin-left: 8px;
+        color: #ffffff;
+      }
+    }
+    .content {
+      display: grid;
+      grid-template-rows: repeat(4, 1fr);
+      height: 0;
+      flex-grow: 1;
+      .line {
+        padding: 11px 13px 11px 26px;
+        width: 353px;
+        // height: 56px;
+        box-sizing: border-box;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        &:nth-child(odd) {
+          background: #1f6397;
+        }
+        .title {
+          font-family: Source Han Sans CN;
+          font-size: 16px;
+          font-weight: normal;
+          letter-spacing: 0.06em;
+          color: #ffffff;
+        }
+        .value {
+          width:69px;
+          height:35px;
+          border-radius:8px;
+          opacity:1;
+          font-family:Source Han Sans;
+          font-size:20px;
+          font-weight:bold;
+          line-height:normal;
+          letter-spacing:0.06em;
+          color:#FFFFFF;
+          text-align: center;
+          line-height: 35px;
+        }
+        .value.dark {
+          background: #06518B;
+        }
+        .value.light {
+          background: #1F6397;
+        }
+        .act-btn {
+          background: #17F179;border-radius: 8px;font-family: 思源黑体;
+          font-size: 20px;
+          font-weight: 500;
+          letter-spacing: 0.07em;
+          color: #FFFFFF;
+          height: 35px;
+          width: 92px;
+          text-align: center;
+          line-height: 35px;
+        }
+        .act-btn.danger {
+          background: #FA1C1C !important;
+        }
+        .act-btn.disabled {
+          background: #B3B3B3 !important;
+        }
+        .num {
+          font-family: Source Han Sans CN;
+          font-size: 20px;
+          font-weight: bold;
+          letter-spacing: 0.06em;
+          color: #ffffff;
+          display: flex;
+          align-items: center;
+          .unit {
+            width: 60px;
+            margin-left: 6px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+          }
+        }
+      }
+    }
+  }
+  </style>
+  
\ No newline at end of file
diff --git a/src/pages/Home.vue b/src/pages/Home.vue
index bd5cae7..f4e4bd7 100644
--- a/src/pages/Home.vue
+++ b/src/pages/Home.vue
@@ -26,7 +26,7 @@
         </svg>
         <p class="text">消毒</p>
       </div>
-      <div
+      <!-- <div
         :class="
           activeTab == 2 ? 'tab_btn style-btn active_btn' : 'style-btn tab_btn'
         "
@@ -51,8 +51,8 @@
           </g>
         </svg>
         <p class="text">加液</p>
-      </div>
-      <div
+      </div> -->
+      <!-- <div
         :class="
           activeTab == 3 ? 'tab_btn style-btn active_btn' : 'style-btn tab_btn'
         "
@@ -77,8 +77,8 @@
           </g>
         </svg>
         <p class="text">排液</p>
-      </div>
-      <div
+      </div> -->
+      <!-- <div
         :class="
           activeTab == 8 ? 'tab_btn style-btn active_btn' : 'style-btn tab_btn'
         "
@@ -106,7 +106,7 @@
           </g>
         </svg>
         <p class="text">密封测试</p>
-      </div>
+      </div> -->
       <div
         :class="
           activeTab == 7 ? 'tab_btn style-btn active_btn' : 'style-btn tab_btn'
diff --git a/src/store/modules/device.js b/src/store/modules/device.js
index 75dc50e..b65fc36 100644
--- a/src/store/modules/device.js
+++ b/src/store/modules/device.js
@@ -30,6 +30,19 @@ export const useDeviceStore = defineStore({
       // 剩余log
       nowlog: 0,
       targetlog: 0,
+
+      // 消毒前是否需要除湿
+      dehumidifyBeforeDisinfectionEnable : false,
+      // 除湿阈值
+      dehumidifyBeforeDisinfectionThreshold : 0,
+      // 消毒后是否需要除湿
+      dehumidifyAfterDisinfectionEnable : false,
+      // 除湿阈值
+      dehumidifyAfterDisinfectionThreshold : 0,
+      // 消毒后是否需要降解
+      degradeAfterDisinfectionEnable : false,
+      // 外部设备已接入
+      externalDeviceConnected : true,
     }
   },
   // actions
@@ -122,5 +135,30 @@ export const useDeviceStore = defineStore({
       }
       this.envirHP2 = envirHP2
     },
+
+    // 设置是否需要消毒前除湿
+    setDehumidifyBeforeDisinfectionEnable( enable ) {
+      this.dehumidifyBeforeDisinfectionEnable = enable;
+    },
+
+    // 设置消毒后是否需要除湿
+    setDehumidifyAfterDisinfectionEnable( enable ) {
+      this.dehumidifyAfterDisinfectionEnable = enable;
+    },
+
+    // 设置消毒后是否需要降解
+    setDegradeAfterDisinfectionEnable( enable ) {
+      this.degradeAfterDisinfectionEnable = enable;
+    },
+
+    // 设置除湿阈值
+    setDehumidifyBeforeDisinfectionThreshold( threshold ) {
+      this.dehumidifyBeforeDisinfectionThreshold = threshold;
+    },
+    
+    // 设置除湿阈值
+    setDehumidifyAfterDisinfectionThreshold( threshold ) {
+      this.dehumidifyAfterDisinfectionThreshold = threshold;
+    },
   },
 })