<template>
  <div class="operator_main_content">
    <div class="left_contaienr">
      <div class="info_cards">
        <div class="card">
          <DisinfectantLiquidInfo />
        </div>
        <div class="card">
          <EnvironmentInfo :cardType="1" />
        </div>
        <div class="long_card">
          <AirSwitchConfig />
        </div>
        <!-- <div class="card">
          <EnvironmentInfo :cardType="2" />
        </div>
        <div class="card">
          <EnvironmentInfo :cardType="3" />
        </div> -->
      </div>
      <div class="warn_wrap">
        <p class="warn_text">警报信息</p>
        <svg
          v-if="operatorStore.disinfectStatus != 0"
          @click="toDetail"
          xmlns="http://www.w3.org/2000/svg"
          xmlns:xlink="http://www.w3.org/1999/xlink"
          fill="none"
          version="1.1"
          width="218"
          height="50"
          viewBox="0 0 218 50"
        >
          <g>
            <g>
              <rect
                x="0"
                y="0"
                width="218"
                height="50"
                rx="25"
                fill="#06518B"
                fill-opacity="1"
              />
            </g>
            <g>
              <ellipse
                cx="26"
                cy="25"
                rx="19"
                ry="19"
                fill="#FFFFFF"
                fill-opacity="1"
              />
            </g>
            <g>
              <path
                d="M65.16,27.84L72.68,27.84L72.68,29.24L65.16,29.24L65.16,27.84ZM65.16,25.22L72.68,25.22L72.68,26.58L65.16,26.58L65.16,25.22ZM63.28,23.939999999999998L63.28,30.52L74.64,30.52L74.64,23.939999999999998L63.28,23.939999999999998ZM60.36,31.62L60.36,33.3L77.7,33.3L77.7,31.62L60.36,31.62ZM68,15.3325L68,17.740000000000002L60.1,17.740000000000002L60.1,19.4L66.08,19.4C64.42,21.14,61.96,22.68,59.62,23.46C60.02,23.84,60.56,24.52,60.84,24.98C63.5,23.92,66.2,21.96,68,19.68L68,23.32L69.88,23.32L69.88,19.68C71.72,21.9,74.44,23.82,77.12,24.82C77.4,24.34,77.96000000000001,23.64,78.36,23.28C75.94,22.52,73.44,21.08,71.78,19.4L77.92,19.4L77.92,17.740000000000002L69.88,17.740000000000002L69.88,15.3325L68,15.3325ZM87.36,28.06L95.44,28.06L95.44,29.24L87.36,29.24L87.36,28.06ZM87.36,26.82L87.36,25.68L95.44,25.68L95.44,26.82L87.36,26.82ZM87.36,30.48L95.44,30.48L95.44,31.72L87.36,31.72L87.36,30.48ZM96.84,15.455C93.56,16.05844,87.62,16.34,82.72,16.36C82.88,16.740000000000002,83.06,17.380000000000003,83.08,17.8C84.74,17.8,86.52,17.759999999999998,88.32,17.7L87.98,18.86L82.96000000000001,18.86L82.96000000000001,20.32L87.44,20.32C87.28,20.72,87.1,21.119999999999997,86.92,21.52L81.53999999999999,21.52L81.53999999999999,23.060000000000002L86.08,23.060000000000002C84.84,25.08,83.18,26.86,80.98,28.08C81.36,28.46,81.9,29.14,82.16,29.58C83.44,28.82,84.56,27.9,85.53999999999999,26.86L85.53999999999999,33.965599999999995L87.36,33.965599999999995L87.36,33.18L95.44,33.18L95.44,33.965599999999995L97.32,33.965599999999995L97.32,24.22L87.56,24.22C87.8,23.84,88.02,23.46,88.24,23.060000000000002L99.25999999999999,23.060000000000002L99.25999999999999,21.52L89,21.52L89.5,20.32L98.14,20.32L98.14,18.86L90.02,18.86L90.4,17.6C93.22,17.439999999999998,95.92,17.2,98,16.82L96.84,15.455ZM109.14,26.74C110.78,27.08,112.86,27.8,114,28.36L114.78,27.14C113.62,26.6,111.56,25.96,109.92,25.64L109.14,26.74ZM107.22,29.3C110,29.62,113.46000000000001,30.42,115.38,31.12L116.22,29.76C114.22,29.08,110.8,28.34,108.1,28.04L107.22,29.3ZM103.38,16.16L103.38,33.9256L105.2,33.9256L105.2,33.120000000000005L118.36,33.120000000000005L118.36,33.9256L120.24000000000001,33.9256L120.24000000000001,16.16L103.38,16.16ZM105.2,31.44L105.2,17.880000000000003L118.36,17.880000000000003L118.36,31.44L105.2,31.44ZM110.02000000000001,18.08C109.02000000000001,19.64,107.32,21.16,105.64,22.119999999999997C106,22.4,106.64,22.96,106.92,23.259999999999998C107.44,22.92,107.96000000000001,22.52,108.47999999999999,22.08C109.02000000000001,22.619999999999997,109.64,23.119999999999997,110.34,23.58C108.74000000000001,24.28,106.97999999999999,24.82,105.3,25.14C105.62,25.48,106,26.22,106.18,26.68C108.08,26.22,110.12,25.5,111.94,24.54C113.56,25.38,115.38,26.04,117.2,26.42C117.42,26,117.9,25.34,118.25999999999999,25C116.62,24.72,114.97999999999999,24.240000000000002,113.5,23.619999999999997C114.94,22.66,116.16,21.52,117,20.22L115.94,19.58L115.66,19.66L110.82,19.66C111.1,19.32,111.36,18.96,111.58,18.6L110.02000000000001,18.08ZM109.53999999999999,21.08L114.32,21.1C113.66,21.72,112.82,22.3,111.88,22.82C110.96000000000001,22.3,110.18,21.72,109.53999999999999,21.08ZM128.1,33.909400000000005C128.6,33.5691,129.42000000000002,33.2887,135.07999999999998,31.5472C134.95999999999998,31.1466,134.8,30.3859,134.76,29.8653L130.12,31.2066L130.12,27.2228C131.2,26.4819,132.2,25.6412,133.01999999999998,24.7603C134.56,28.9444,137.22,31.9275,141.38,33.3287C141.66,32.8084,142.2,32.067499999999995,142.62,31.6672C140.7,31.1266,139.1,30.2056,137.78,28.9844C139,28.2638,140.38,27.3228,141.56,26.4019L139.98000000000002,25.2606C139.16,26.0616,137.86,27.0625,136.72,27.8434C135.94,26.9025,135.32,25.8212,134.86,24.66L141.94,24.66L141.94,23.04L134.1,23.04L134.1,21.54L140.45999999999998,21.54L140.45999999999998,20L134.1,20L134.1,18.6L141.3,18.6L141.3,16.96L134.1,16.96L134.1,15.333120000000001L132.2,15.333120000000001L132.2,16.96L125.26,16.96L125.26,18.6L132.2,18.6L132.2,20L126.26,20L126.26,21.54L132.2,21.54L132.2,23.04L124.42,23.04L124.42,24.66L130.64,24.66C128.8,26.2216,126.16,27.6431,123.78,28.3837C124.2,28.7644,124.76,29.465,125.04,29.9053C126.06,29.525,127.12,29.0447,128.16,28.4441L128.16,30.7662C128.16,31.5872,127.68,32.0075,127.28,32.2078C127.58,32.5881,127.98,33.4291,128.1,33.909400000000005ZM153.3,15.6525C152.95999999999998,16.414369999999998,152.34,17.55687,151.86,18.27844L153.07999999999998,18.839689999999997C153.62,18.198439999999998,154.26,17.216250000000002,154.88,16.314059999999998L153.3,15.6525ZM146.18,16.314059999999998C146.7,17.135939999999998,147.2,18.23844,147.36,18.939999999999998L148.8,18.29875C148.62,17.59687,148.07999999999998,16.53469,147.54000000000002,15.75281L146.18,16.314059999999998ZM152.48000000000002,27.22C152.06,28.1012,151.5,28.8825,150.84,29.5431C150.18,29.2028,149.5,28.8825,148.84,28.5819L149.6,27.22L152.48000000000002,27.22ZM146.54000000000002,29.2028C147.48000000000002,29.5834,148.54000000000002,30.0841,149.51999999999998,30.6047C148.3,31.4259,146.86,32.0066,145.3,32.3472C145.62,32.707499999999996,145.98000000000002,33.3684,146.16,33.789100000000005C147.98000000000002,33.288399999999996,149.66,32.547200000000004,151.06,31.4459C151.7,31.8263,152.26,32.1869,152.7,32.5272L153.84,31.2856C153.4,30.9853,152.86,30.6647,152.28,30.3244C153.32,29.1628,154.12,27.7409,154.62,25.98L153.6,25.6L153.3,25.66L150.36,25.66L150.74,24.740000000000002L149.07999999999998,24.42C148.92000000000002,24.82,148.76,25.24,148.56,25.66L145.92000000000002,25.66L145.92000000000002,27.22L147.76,27.22C147.36,27.9613,146.92000000000002,28.6422,146.54000000000002,29.2028ZM149.51999999999998,15.311869999999999L149.51999999999998,18.98L145.54000000000002,18.98L145.54000000000002,20.5L148.94,20.5C147.95999999999998,21.66,146.54000000000002,22.740000000000002,145.24,23.28C145.6,23.64,146.01999999999998,24.28,146.24,24.7C147.36,24.08,148.56,23.119999999999997,149.51999999999998,22.060000000000002L149.51999999999998,24.18L151.28,24.18L151.28,21.68C152.16,22.34,153.18,23.16,153.66,23.619999999999997L154.68,22.28C154.26,22,152.8,21.08,151.8,20.5L155.24,20.5L155.24,18.98L151.28,18.98L151.28,15.311869999999999L149.51999999999998,15.311869999999999ZM157.01999999999998,15.45219C156.56,19,155.66,22.380000000000003,154.07999999999998,24.48C154.48000000000002,24.740000000000002,155.2,25.36,155.48000000000002,25.66C155.92000000000002,25,156.34,24.259999999999998,156.7,23.439999999999998C157.12,25.2,157.64,26.82,158.32,28.2816C157.22,30.0841,155.7,31.4659,153.6,32.447199999999995C153.94,32.8078,154.44,33.5887,154.62,33.9894C156.6,32.9478,158.1,31.6462,159.24,30.0037C160.2,31.5659,161.4,32.827799999999996,162.88,33.7291C163.16,33.2684,163.7,32.5875,164.12,32.2469C162.51999999999998,31.3856,161.26,30.0037,160.26,28.2816C161.28,26.26,161.92000000000002,23.82,162.34,20.880000000000003L163.66,20.880000000000003L163.66,19.14L158.1,19.14C158.36,18.03781,158.57999999999998,16.875,158.76,15.692499999999999L157.01999999999998,15.45219ZM160.57999999999998,20.880000000000003C160.3,22.939999999999998,159.9,24.72,159.3,26.28C158.64,24.64,158.14,22.82,157.8,20.880000000000003L160.57999999999998,20.880000000000003ZM175.68,27.5L175.68,33.905L177.34,33.905L177.34,33.2L182.92000000000002,33.2L182.92000000000002,33.8647L184.64,33.8647L184.64,27.5L180.9,27.5L180.9,25.26L185.18,25.26L185.18,23.66L180.9,23.66L180.9,21.64L184.56,21.64L184.56,16.18L173.78,16.18L173.78,22.259999999999998C173.78,25.42,173.62,29.8,171.56,32.84C172,33.019999999999996,172.78,33.6028,173.12,33.9253C174.72,31.56,175.32,28.22,175.51999999999998,25.26L179.1,25.26L179.1,27.5L175.68,27.5ZM175.62,17.82L182.76,17.82L182.76,20L175.62,20L175.62,17.82ZM175.62,21.64L179.1,21.64L179.1,23.66L175.6,23.66L175.62,22.259999999999998L175.62,21.64ZM177.34,31.66L177.34,29.08L182.92000000000002,29.08L182.92000000000002,31.66L177.34,31.66ZM169.12,15.355L169.12,19.259999999999998L166.8,19.259999999999998L166.8,21.02L169.12,21.02L169.12,25.06L166.51999999999998,25.76L166.95999999999998,27.58L169.12,26.92L169.12,31.62C169.12,31.9,169.01999999999998,31.98,168.78,31.98C168.54000000000002,31.98,167.8,31.98,167,31.96C167.24,32.46,167.45999999999998,33.260000000000005,167.5,33.7C168.78,33.7203,169.6,33.66,170.14,33.36C170.68,33.06,170.86,32.58,170.86,31.62L170.86,26.38L173.06,25.7L172.82,23.98L170.86,24.560000000000002L170.86,21.02L173.01999999999998,21.02L173.01999999999998,19.259999999999998L170.86,19.259999999999998L170.86,15.355L169.12,15.355Z"
                fill="#FFFFFF"
                fill-opacity="1"
              />
            </g>
            <g>
              <path
                d="M18,17L18.964553,17L18.964553,19.60926C19.31313,18.12349,20.6479,17.0156627,22.2421,17.0156627C24.10176,17.0156627,25.60839,18.5212,25.60839,20.37952C25.60839,22.23783,24.10176,23.74337,22.2421,23.74337C20.6479,23.74337,19.31313,22.635550000000002,18.964553,21.14977L18.964553,26.86717C19.24149,26.62166,19.58398,26.33394,19.96769,26.04506C21.33735,25.01374,22.52761,24.491329999999998,23.505670000000002,24.491329999999998C24.16542,24.491329999999998,24.722929999999998,24.84602,25.162770000000002,25.543860000000002C25.502290000000002,26.08362,25.745359999999998,26.76603,25.980710000000002,27.4272C26.32795,28.4065,26.68869,29.4205,27.20569,29.426299999999998C27.23849,29.4147,27.560650000000003,29.2759,28.1104,27.8378C28.502000000000002,26.81229,28.893700000000003,25.4494,29.2718,24.13084C29.6614,22.77374,30.0627,21.37229,30.4717,20.3294C30.8594,19.33663,31.3629,18.32265,32.15,18.32265L34,18.32265L34,19.28651L32.1654,19.28651C32.140299999999996,19.29807,32.0265,19.3694,31.8413,19.6759C31.6774,19.94771,31.497999999999998,20.34096,31.3089,20.8441C30.938499999999998,21.82723,30.5643,23.13229,30.2016,24.39687C29.802300000000002,25.790599999999998,29.3875,27.2325,28.961199999999998,28.3159C28.5561,29.3414,28.0333,30.3901,27.21148,30.3901C26.650109999999998,30.3901,26.171689999999998,30.0701,25.79166,29.439799999999998C25.506149999999998,28.9655,25.28623,28.3467,25.07403,27.749200000000002C24.597540000000002,26.405540000000002,24.205930000000002,25.45518,23.5076,25.45518C22.757170000000002,25.45518,21.73668,25.92361,20.559919999999998,26.80843C19.74317,27.4227,19.10877,28.0474,18.964553,28.1922L18.964553,32.0229L34,32.0229L34,32.9867L18.964553,32.9867L18.964553,33L18,33L18,17ZM23.939709999999998,18.68313C23.48638,18.23012,22.88449,17.979518,22.2421,17.979518C21.59971,17.979518,20.99783,18.23012,20.54449,18.68313C20.09115,19.13614,19.84037,19.73952,19.84037,20.37952C19.84037,21.01952,20.09115,21.622889999999998,20.54449,22.0759C20.99783,22.52892,21.60164,22.779519999999998,22.2421,22.779519999999998C22.88257,22.779519999999998,23.48638,22.52892,23.939709999999998,22.0759C24.39305,21.622889999999998,24.64384,21.01952,24.64384,20.37952C24.64384,19.73952,24.39305,19.13614,23.939709999999998,18.68313ZM22.05305,19.22289L21.0885,19.22289L21.0885,20.57229L21.08464,20.57229L21.08464,21.53614L23.39956,21.53614L23.39956,20.57229L22.05305,20.57229L22.05305,19.22289Z"
                fill-rule="evenodd"
                fill="#06518B"
                fill-opacity="1"
              />
            </g>
          </g>
        </svg>
        <svg
          v-else
          xmlns="http://www.w3.org/2000/svg"
          xmlns:xlink="http://www.w3.org/1999/xlink"
          fill="none"
          version="1.1"
          width="218"
          height="50"
          viewBox="0 0 218 50"
        >
          <g>
            <g>
              <rect
                x="0"
                y="0"
                width="218"
                height="50"
                rx="25"
                fill="#F6F6F6"
                fill-opacity="1"
              />
            </g>
            <g>
              <ellipse
                cx="26"
                cy="25"
                rx="19"
                ry="19"
                fill="#FFFFFF"
                fill-opacity="1"
              />
            </g>
            <g>
              <path
                d="M64.9,27.86L73,27.86L73,29.54L64.9,29.54L64.9,27.86ZM64.9,25.18L73,25.18L73,26.82L64.9,26.82L64.9,25.18ZM63.42,24.1L63.42,30.62L74.56,30.62L74.56,24.1L63.42,24.1ZM60.48,31.82L60.48,33.18L77.6,33.18L77.6,31.82L60.48,31.82ZM68.2,15.4125L68.2,17.96L60.14,17.96L60.14,19.28L66.58,19.28C64.86,21.18,62.18,22.9,59.72,23.740000000000002C60.04,24.02,60.48,24.58,60.7,24.939999999999998C63.42,23.86,66.38,21.759999999999998,68.2,19.380000000000003L68.2,23.48L69.68,23.48L69.68,19.36C71.52,21.68,74.52,23.759999999999998,77.28,24.78C77.5,24.4,77.94,23.82,78.28,23.54C75.76,22.759999999999998,73.03999999999999,21.1,71.3,19.28L77.88,19.28L77.88,17.96L69.68,17.96L69.68,15.4125L68.2,15.4125ZM87.03999999999999,27.94L95.75999999999999,27.94L95.75999999999999,29.34L87.03999999999999,29.34L87.03999999999999,27.94ZM87.03999999999999,26.88L87.03999999999999,25.52L95.75999999999999,25.52L95.75999999999999,26.88L87.03999999999999,26.88ZM87.03999999999999,30.38L95.75999999999999,30.38L95.75999999999999,31.86L87.03999999999999,31.86L87.03999999999999,30.38ZM96.92,15.575C93.72,16.21844,87.64,16.52,82.76,16.56C82.9,16.88,83.03999999999999,17.380000000000003,83.06,17.72C84.8,17.72,86.68,17.68,88.56,17.6C88.42,18.060000000000002,88.28,18.52,88.12,18.98L83.03999999999999,18.98L83.03999999999999,20.18L87.68,20.18C87.48,20.68,87.26,21.18,87,21.68L81.58,21.68L81.58,22.92L86.32,22.92C85.06,25.04,83.34,26.88,81.06,28.18C81.38,28.48,81.82,29.02,82.02,29.36C83.4,28.54,84.58,27.54,85.6,26.4L85.6,33.865300000000005L87.03999999999999,33.865300000000005L87.03999999999999,33.06L95.75999999999999,33.06L95.75999999999999,33.865300000000005L97.25999999999999,33.865300000000005L97.25999999999999,24.32L87.2,24.32C87.5,23.86,87.78,23.4,88.03999999999999,22.92L99.22,22.92L99.22,21.68L88.66,21.68C88.9,21.18,89.12,20.68,89.32,20.18L98.06,20.18L98.06,18.98L89.76,18.98L90.22,17.52C93.1,17.34,95.86,17.060000000000002,97.88,16.66L96.92,15.575ZM109.3,26.64C110.9,26.98,112.94,27.68,114.06,28.24L114.68,27.22C113.56,26.7,111.53999999999999,26.04,109.94,25.72L109.3,26.64ZM107.3,29.18C110.06,29.52,113.52000000000001,30.32,115.44,31L116.1,29.88C114.16,29.24,110.7,28.46,108,28.16L107.3,29.18ZM103.47999999999999,16.3L103.47999999999999,33.8253L104.92,33.8253L104.92,32.980000000000004L118.64,32.980000000000004L118.64,33.8253L120.14,33.8253L120.14,16.3L103.47999999999999,16.3ZM104.92,31.64L104.92,17.66L118.64,17.66L118.64,31.64L104.92,31.64ZM110.08,18.060000000000002C109.08,19.7,107.36,21.259999999999998,105.64,22.28C105.96000000000001,22.48,106.47999999999999,22.939999999999998,106.7,23.18C107.3,22.78,107.92,22.3,108.53999999999999,21.759999999999998C109.14,22.4,109.88,23,110.68,23.54C108.97999999999999,24.34,107.06,24.939999999999998,105.28,25.3C105.53999999999999,25.58,105.86,26.16,106,26.52C107.96000000000001,26.06,110.06,25.32,111.96000000000001,24.3C113.62,25.2,115.52000000000001,25.88,117.42,26.3C117.6,25.94,117.97999999999999,25.42,118.25999999999999,25.16C116.5,24.84,114.74000000000001,24.3,113.18,23.58C114.68,22.6,115.94,21.46,116.78,20.1L115.92,19.6L115.7,19.66L110.52000000000001,19.66C110.82,19.28,111.1,18.9,111.34,18.5L110.08,18.060000000000002ZM109.36,20.96L109.5,20.82L114.68,20.82C113.96000000000001,21.6,113,22.3,111.92,22.92C110.9,22.34,110.02000000000001,21.68,109.36,20.96ZM128.24,33.8094C128.7,33.509100000000004,129.44,33.2487,135.01999999999998,31.4669C134.94,31.1466,134.82,30.5662,134.78,30.1456L129.9,31.6072L129.9,27.2028C131.1,26.3819,132.18,25.4809,133.04000000000002,24.52C134.6,28.7244,137.4,31.7672,141.54000000000002,33.1488C141.76,32.748400000000004,142.2,32.1678,142.54000000000002,31.8475C140.56,31.2669,138.86,30.2859,137.48000000000002,28.9847C138.74,28.2038,140.2,27.1628,141.36,26.1819L140.12,25.3009C139.24,26.1619,137.84,27.2428,136.64,28.0837C135.76,27.0425,135.04000000000002,25.8416,134.51999999999998,24.52L141.88,24.52L141.88,23.22L133.92000000000002,23.22L133.92000000000002,21.439999999999998L140.36,21.439999999999998L140.36,20.2L133.92000000000002,20.2L133.92000000000002,18.5L141.24,18.5L141.24,17.2L133.92000000000002,17.2L133.92000000000002,15.41312L132.4,15.41312L132.4,17.2L125.3,17.2L125.3,18.5L132.4,18.5L132.4,20.2L126.32,20.2L126.32,21.439999999999998L132.4,21.439999999999998L132.4,23.22L124.5,23.22L124.5,24.52L131.14,24.52C129.24,26.2219,126.4,27.7634,123.92,28.5641C124.24,28.8644,124.68,29.425,124.92,29.7853C126.04,29.385,127.22,28.8244,128.36,28.1637L128.36,31.1266C128.36,31.9275,127.92,32.2678,127.58,32.4481C127.82,32.7684,128.14,33.4491,128.24,33.8094ZM153.45999999999998,15.79281C153.1,16.574379999999998,152.45999999999998,17.75719,151.95999999999998,18.458750000000002L152.94,18.93969C153.45999999999998,18.27812,154.14,17.27594,154.72,16.35406L153.45999999999998,15.79281ZM146.36,16.35406C146.88,17.19594,147.42000000000002,18.29844,147.6,19L148.74,18.49875C148.56,17.777189999999997,148.01999999999998,16.69469,147.45999999999998,15.91312L146.36,16.35406ZM152.8,27.02C152.34,28.0616,151.7,28.9428,150.94,29.7037C150.18,29.3231,149.4,28.9428,148.66,28.6222C148.94,28.1416,149.26,27.6009,149.54000000000002,27.02L152.8,27.02ZM146.8,29.1631C147.78,29.5434,148.88,30.0441,149.88,30.5647C148.6,31.4859,147.06,32.1269,145.42000000000002,32.5075C145.68,32.787800000000004,146,33.3084,146.14,33.6687C147.98000000000002,33.168099999999995,149.68,32.3872,151.12,31.2256C151.78,31.6262,152.38,32.0066,152.84,32.3472L153.8,31.3659C153.34,31.0453,152.76,30.685,152.1,30.3244C153.16,29.1831,154,27.7812,154.5,26.04L153.68,25.7L153.44,25.76L150.16,25.76L150.6,24.72L149.26,24.48C149.12,24.880000000000003,148.92000000000002,25.32,148.72,25.76L146,25.76L146,27.02L148.1,27.02C147.68,27.8212,147.22,28.5622,146.8,29.1631ZM149.74,15.39187L149.74,19.14L145.6,19.14L145.6,20.380000000000003L149.28,20.380000000000003C148.32,21.68,146.78,22.92,145.38,23.52C145.68,23.8,146.01999999999998,24.32,146.2,24.66C147.42000000000002,24,148.74,22.880000000000003,149.74,21.7L149.74,24.14L151.14,24.14L151.14,21.42C152.1,22.119999999999997,153.32,23.060000000000002,153.82,23.52L154.66,22.439999999999998C154.18,22.1,152.42000000000002,20.98,151.44,20.380000000000003L155.22,20.380000000000003L155.22,19.14L151.14,19.14L151.14,15.39187L149.74,15.39187ZM157.18,15.572189999999999C156.68,19.1,155.78,22.46,154.22,24.560000000000002C154.54000000000002,24.759999999999998,155.12,25.24,155.36,25.48C155.88,24.740000000000002,156.32,23.86,156.72,22.880000000000003C157.16,24.84,157.74,26.66,158.48000000000002,28.2419C157.36,30.1444,155.8,31.6062,153.62,32.667500000000004C153.9,32.9681,154.32,33.5687,154.45999999999998,33.8891C156.5,32.787800000000004,158.04000000000002,31.4059,159.22,29.6437C160.22,31.3459,161.45999999999998,32.707499999999996,163.01999999999998,33.6488C163.26,33.2684,163.7,32.7478,164.04000000000002,32.4672C162.36,31.5662,161.04000000000002,30.1044,160.01999999999998,28.2619C161.07999999999998,26.2,161.76,23.7,162.2,20.7L163.56,20.7L163.56,19.3L157.86,19.3C158.14,18.17781,158.38,16.99531,158.56,15.79281L157.18,15.572189999999999ZM160.78,20.7C160.45999999999998,23,159.98000000000002,25,159.26,26.7C158.5,24.9,157.94,22.86,157.56,20.7L160.78,20.7ZM175.68,27.46L175.68,33.8453L177,33.8453L177,33.019999999999996L183.16,33.019999999999996L183.16,33.764700000000005L184.54000000000002,33.764700000000005L184.54000000000002,27.46L180.68,27.46L180.68,24.98L185.16,24.98L185.16,23.68L180.68,23.68L180.68,21.48L184.45999999999998,21.48L184.45999999999998,16.3L173.9,16.3L173.9,22.34C173.9,25.52,173.72,29.88,171.64,32.96C171.98000000000002,33.120599999999996,172.6,33.5634,172.88,33.805C174.54000000000002,31.36,175.1,27.96,175.28,24.98L179.26,24.98L179.26,27.46L175.68,27.46ZM175.36,17.6L183.01999999999998,17.6L183.01999999999998,20.16L175.36,20.16L175.36,17.6ZM175.36,21.48L179.26,21.48L179.26,23.68L175.34,23.68L175.36,22.34L175.36,21.48ZM177,31.78L177,28.74L183.16,28.74L183.16,31.78L177,31.78ZM169.34,15.434999999999999L169.34,19.46L166.84,19.46L166.84,20.86L169.34,20.86L169.34,25.24C168.3,25.56,167.34,25.84,166.57999999999998,26.04L166.98000000000002,27.52L169.34,26.76L169.34,31.94C169.34,32.22,169.24,32.3,169,32.3C168.76,32.32,167.98000000000002,32.32,167.12,32.3C167.3,32.7,167.5,33.32,167.54000000000002,33.68C168.8,33.7003,169.57999999999998,33.64,170.06,33.4C170.56,33.18,170.74,32.760000000000005,170.74,31.94L170.74,26.3L173.04000000000002,25.54L172.82,24.16L170.74,24.82L170.74,20.86L173,20.86L173,19.46L170.74,19.46L170.74,15.434999999999999L169.34,15.434999999999999Z"
                fill="#9E9E9E"
                fill-opacity="1"
              />
            </g>
            <g>
              <path
                d="M18,17L18.964553,17L18.964553,19.60926C19.31313,18.12349,20.6479,17.0156627,22.2421,17.0156627C24.10176,17.0156627,25.60839,18.5212,25.60839,20.37952C25.60839,22.23783,24.10176,23.74337,22.2421,23.74337C20.6479,23.74337,19.31313,22.635550000000002,18.964553,21.14977L18.964553,26.86717C19.24149,26.62166,19.58398,26.33394,19.96769,26.04506C21.33735,25.01374,22.52761,24.491329999999998,23.505670000000002,24.491329999999998C24.16542,24.491329999999998,24.722929999999998,24.84602,25.162770000000002,25.543860000000002C25.502290000000002,26.08362,25.745359999999998,26.76603,25.980710000000002,27.4272C26.32795,28.4065,26.68869,29.4205,27.20569,29.426299999999998C27.23849,29.4147,27.560650000000003,29.2759,28.1104,27.8378C28.502000000000002,26.81229,28.893700000000003,25.4494,29.2718,24.13084C29.6614,22.77374,30.0627,21.37229,30.4717,20.3294C30.8594,19.33663,31.3629,18.32265,32.15,18.32265L34,18.32265L34,19.28651L32.1654,19.28651C32.140299999999996,19.29807,32.0265,19.3694,31.8413,19.6759C31.6774,19.94771,31.497999999999998,20.34096,31.3089,20.8441C30.938499999999998,21.82723,30.5643,23.13229,30.2016,24.39687C29.802300000000002,25.790599999999998,29.3875,27.2325,28.961199999999998,28.3159C28.5561,29.3414,28.0333,30.3901,27.21148,30.3901C26.650109999999998,30.3901,26.171689999999998,30.0701,25.79166,29.439799999999998C25.506149999999998,28.9655,25.28623,28.3467,25.07403,27.749200000000002C24.597540000000002,26.405540000000002,24.205930000000002,25.45518,23.5076,25.45518C22.757170000000002,25.45518,21.73668,25.92361,20.559919999999998,26.80843C19.74317,27.4227,19.10877,28.0474,18.964553,28.1922L18.964553,32.0229L34,32.0229L34,32.9867L18.964553,32.9867L18.964553,33L18,33L18,17ZM23.939709999999998,18.68313C23.48638,18.23012,22.88449,17.979518,22.2421,17.979518C21.59971,17.979518,20.99783,18.23012,20.54449,18.68313C20.09115,19.13614,19.84037,19.73952,19.84037,20.37952C19.84037,21.01952,20.09115,21.622889999999998,20.54449,22.0759C20.99783,22.52892,21.60164,22.779519999999998,22.2421,22.779519999999998C22.88257,22.779519999999998,23.48638,22.52892,23.939709999999998,22.0759C24.39305,21.622889999999998,24.64384,21.01952,24.64384,20.37952C24.64384,19.73952,24.39305,19.13614,23.939709999999998,18.68313ZM22.05305,19.22289L21.0885,19.22289L21.0885,20.57229L21.08464,20.57229L21.08464,21.53614L23.39956,21.53614L23.39956,20.57229L22.05305,20.57229L22.05305,19.22289Z"
                fill-rule="evenodd"
                fill="#9E9E9E"
                fill-opacity="1"
              />
            </g>
          </g>
        </svg>
      </div>
    </div>
    <div class="right_container">
      <div class="setting_title">
        <div class="title_wrap">
          <svg
            xmlns="http://www.w3.org/2000/svg"
            xmlns:xlink="http://www.w3.org/1999/xlink"
            fill="none"
            version="1.1"
            width="20"
            height="20"
            viewBox="0 0 20 20"
          >
            <g>
              <path
                d="M19.5445,11.875L17.8493,10.5893C17.8671,10.4107,17.885,10.2143,17.885,10C17.885,9.78571,17.8671,9.58929,17.8493,9.41071L19.5445,8.125C20.0085,7.76786,20.1334,7.14286,19.83,6.60714L17.9385,3.41071C17.7244,3.03571,17.314,2.80357,16.8857,2.80357C16.7429,2.80357,16.618,2.82143,16.4753,2.875L14.4588,3.66071C14.1198,3.42857,13.7629,3.23214,13.406,3.07143L13.1027,1.01786C13.0134,0.428571,12.5138,0,11.9071,0L8.08834,0C7.48162,0,6.98197,0.428572,6.89275,1L6.60724,3.07143C6.25035,3.23214,5.9113,3.42857,5.55441,3.66071L3.53798,2.875C3.39522,2.82143,3.25247,2.80357,3.10971,2.80357C2.68144,2.80357,2.27102,3.01786,2.07473,3.39286L0.165359,6.60714C-0.137998,7.10714,-0.0130862,7.76786,0.450872,8.125L2.1461,9.41071C2.12826,9.625,2.11041,9.82143,2.11041,10C2.11041,10.1786,2.11041,10.375,2.1461,10.5893L0.450872,11.875C-0.0130861,12.2321,-0.137998,12.8571,0.165359,13.3929L2.05688,16.5893C2.27102,16.9643,2.68144,17.1964,3.10971,17.1964C3.25247,17.1964,3.37738,17.1786,3.52013,17.125L5.53657,16.3393C5.87561,16.5714,6.2325,16.7679,6.58939,16.9286L6.89275,18.9821C6.96413,19.5536,7.48162,20,8.08834,20L11.9071,20C12.5138,20,13.0134,19.5714,13.1027,19L13.406,16.9286C13.7629,16.7679,14.1019,16.5714,14.4588,16.3393L16.4753,17.125C16.618,17.1786,16.7608,17.1964,16.9035,17.1964C17.3318,17.1964,17.7422,16.9821,17.9385,16.6071L19.8479,13.375C20.1334,12.8571,20.0085,12.2321,19.5445,11.875ZM14.2804,10C14.2804,12.3571,12.3532,14.2857,9.9977,14.2857C7.64222,14.2857,5.71501,12.3571,5.71501,10C5.71501,7.64286,7.64222,5.71429,9.9977,5.71429C12.3532,5.71429,14.2804,7.64286,14.2804,10Z"
                fill="#FFFFFF"
                fill-opacity="1"
              />
            </g>
          </svg>
          <p>消毒设置</p>
        </div>
        <p>SET</p>
      </div>
      <div class="set_form">
        <!-- <p class="textP">{{ settingStore.sprinklerPumpGPM }}</p> -->
        <div class="log" @click="showLogPicker">{{ logVal }}</div>
      </div>
      <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"
        v-if="[1, 2, 3, 4].includes(operatorStore.disinfectStatus)"
        @click="stopDisinfectStatus"
      >
        <defs>
          <filter
            id="master_svg0_116_3964"
            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_116_3968"
            filterUnits="objectBoundingBox"
            color-interpolation-filters="sRGB"
            x="0"
            y="0"
            width="52"
            height="54"
          >
            <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>
        </defs>
        <g>
          <g style="opacity: 0.20000000298023224">
            <rect
              x="0"
              y="0"
              width="340"
              height="108"
              rx="16"
              fill="#FA1C1C"
              fill-opacity="1"
            />
          </g>
          <g>
            <rect
              x="4"
              y="4"
              width="332"
              height="100"
              rx="14"
              fill="#FA1C1C"
              fill-opacity="1"
            />
            <rect
              x="5"
              y="5"
              width="330"
              height="98"
              rx="13"
              fill-opacity="0"
              stroke-opacity="1"
              stroke="#B71212"
              fill="none"
              stroke-width="2"
            />
          </g>
          <g>
            <g filter="url(#master_svg0_116_3964)">
              <path
                d="M130.01061352539062,67.294L130.73261352539063,71.9692C134.79861352539064,71.094,140.11861352539063,70.068,145.09661352539064,68.96600000000001L144.7166135253906,64.71000000000001C139.39661352539062,65.69800000000001,133.77261352539062,66.72399999999999,130.01061352539062,67.294ZM131.18861352539062,54.146C131.83461352539064,53.879999999999995,132.78461352539063,53.614000000000004,136.2046135253906,53.234C134.9126135253906,54.944,133.81061352539064,56.274,133.20261352539063,56.844C131.91061352539063,58.212,131.07461352539062,59.01,130.01061352539062,59.238C130.54261352539064,60.492,131.30261352539063,62.696,131.53061352539063,63.608C132.63261352539064,63.038,134.34261352539062,62.582,144.67861352539063,60.758C144.52661352539062,59.77,144.4126135253906,58.022,144.45061352539062,56.806L137.8766135253906,57.794C140.57461352539062,54.792,143.19661352539063,51.296,145.32461352539062,47.8L141.29661352539063,45.178C140.61261352539063,46.507999999999996,139.81461352539063,47.876000000000005,139.01661352539062,49.168L135.78661352539064,49.396C137.91461352539062,46.546,139.9666135253906,43.05,141.48661352539062,39.6591L136.77461352539063,37.715199999999996C135.36861352539063,41.9848,132.82261352539064,46.432,131.98661352539062,47.572C131.1506135253906,48.712,130.4666135253906,49.472,129.63061352539063,49.7C130.20061352539062,50.954,130.9606135253906,53.196,131.18861352539062,54.146ZM152.65861352539062,37.7532L152.65861352539062,42.442L144.64061352539062,42.442L144.64061352539062,46.812L152.65861352539062,46.812L152.65861352539062,50.992000000000004L145.66661352539063,50.992000000000004L145.66661352539063,55.324L164.43861352539062,55.324L164.43861352539062,50.992000000000004L157.40861352539062,50.992000000000004L157.40861352539062,46.812L165.35061352539063,46.812L165.35061352539063,42.442L157.40861352539062,42.442L157.40861352539062,37.7532L152.65861352539062,37.7532ZM146.57861352539064,58.136L146.57861352539064,73.4613L151.02461352539063,73.4613L151.02461352539063,71.816L159.08061352539062,71.816L159.08061352539062,73.3081L163.75461352539062,73.3081L163.75461352539062,58.136L146.57861352539064,58.136ZM151.02461352539063,67.712L151.02461352539063,62.24L159.08061352539062,62.24L159.08061352539062,67.712L151.02461352539063,67.712ZM176.02861352539063,48.522L176.02861352539063,60.796L184.92061352539062,60.796C181.57661352539063,64.1448,176.71261352539062,67.1129,171.96261352539062,68.7493C172.98861352539063,69.7005,174.39461352539064,71.4508,175.11661352539062,72.5926C179.48661352539062,70.7663,183.89461352539064,67.7601,187.39061352539062,64.2207L187.39061352539062,73.5058L192.14061352539062,73.5058L192.14061352539062,63.9548C195.63661352539063,67.6455,200.08261352539063,70.7663,204.52861352539063,72.6686C205.25061352539063,71.4508,206.7326135253906,69.5865,207.79661352539063,68.6353C203.04661352539063,67.0369,198.14461352539064,64.0687,194.80061352539065,60.796L203.95861352539063,60.796L203.95861352539063,48.522L192.14061352539062,48.522L192.14061352539062,45.519999999999996L206.20061352539062,45.519999999999996L206.20061352539062,41.34L192.14061352539062,41.34L192.14061352539062,37.7923L187.39061352539062,37.7923L187.39061352539062,41.34L173.52061352539062,41.34L173.52061352539062,45.519999999999996L187.39061352539062,45.519999999999996L187.39061352539062,48.522L176.02861352539063,48.522ZM180.4366135253906,52.55L187.39061352539062,52.55L187.39061352539062,56.768L180.4366135253906,56.768L180.4366135253906,52.55ZM192.14061352539062,52.55L199.28461352539063,52.55L199.28461352539063,56.768L192.14061352539062,56.768L192.14061352539062,52.55ZM244.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_116_3968)">
              <g>
                <path
                  d="M75.9936,28.0000519983C90.3686,27.970737,102.0293,39.6314,101.9999,54.0064C101.9999,68.31819999999999,90.3086,79.85419999999999,75.9902,79.9996C69.0876,80.0398,62.4568,77.3118,57.58089,72.4257C52.69333,67.5462,49.9632804,60.9127,50.000373098,54.0064C49.984627,47.104,52.72256,40.4804,57.60733,35.60369C62.4812,30.72514,69.0976,27.9889288,75.9936,28.0000519983ZM75.9935,31.0534C63.3191,31.0534,53.04642,41.332,53.05373,54.0064C52.99297,66.7019,63.2981,77.0099,75.9935,76.9528C88.7456,76.9528,99.0887,66.6065,99.0887,54.0064C99.0887,41.3866,88.7456,31.0534,75.9935,31.0534ZM82.9465,62.3801C83.8553,62.3801,84.5988,61.6365,84.5988,60.7278L84.5988,47.2719C84.5988,46.3632,83.8553,45.6197,82.9465,45.6197L69.0577,45.6197C68.1452,45.6197,67.4055,46.3594,67.4055,47.2719L67.4055,60.7278C67.4055,61.6403,68.1452,62.3801,69.0577,62.3801L82.9465,62.3801Z"
                  fill-rule="evenodd"
                  fill="#FFFFFF"
                  fill-opacity="1"
                />
              </g>
            </g>
          </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>
      <div class="progress">
        <p class="title">预计剩余时间</p>
        <div class="time">
          <!-- 如果没有id则为未开始 -->
          {{
            operatorStore.disinfection_id == ''
              ? '未开始'
              : operatorStore.estimatedRemainingTimeS == 0
              ? '已结束'
              : operatorStore.disinfectStatus == 1
              ? `${time_To_hhmmss(operatorStore.estimatedRemainingTimeS)}`
              : operatorStore.estimatedRemainingTimeS < 0
              ? '评估中'
              : `${time_To_hhmmss(operatorStore.estimatedRemainingTimeS)}`
          }}
        </div>
      </div>
    </div>
    <!-- <WarnModal /> -->
    <LogPicker
      v-if="logVisible"
      :hiddenLogVisible="hiddenLogVisible"
      :changeLogVal="changeLogVal"
      :logVal="logVal"
    />
    <EnvirPicker
      v-if="envirVisible"
      :hiddenLogVisible="hiddenEnvirVisible"
      :changeLogVal="changeEnvirVal"
      :logVal="envirVal"
    />
    <PreInstallPicker
      v-if="preVisible"
      :hiddenPreVisible="hiddenPreVisible"
      :changePreVal="changePreVal"
      :preVal="preVal"
      :realStart="realStart"
    />
    <DisinfectModal
      v-if="disinfectWarnVisible"
      :hideDisinfectModal="hideDisinfectModal"
    />
    <van-overlay :show="operatorStore.showStartReady" z-index="3">
      <div class="wrapper" @click.stop>
        <div class="block">
          <van-loading />
          <p class="shutdown_text">准备消毒中</p>
        </div>
      </div>
    </van-overlay>
    <van-overlay :show="operatorStore.showStopReady" z-index="3">
      <div class="wrapper" @click.stop>
        <div class="block">
          <van-loading />
          <p class="shutdown_text">结束消毒中</p>
        </div>
      </div>
    </van-overlay>
  </div>
</template>

<script setup>
import LogPicker from 'cpns/dialogs/LogPicker'
import EnvirPicker from 'cpns/dialogs/EnvirPicker'
import PreInstallPicker from 'cpns/dialogs/PreInstallPicker'
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 EnvironmentInfo from 'cpns/info/EnvironmentInfo'
import { ref, watch, onMounted, onUnmounted } from 'vue'
import {
  useOperatorStore,
  useWebSocketStore,
  useSettingStore,
  useSealStore,
} from '@/store'
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()
const sealStore = useSealStore()
const disinfectWarnVisible = ref(false)

const preVisible = ref(false)

const preVal = ref('2')

const hiddenPreVisible = () => {
  preVisible.value = false
}

// 结束消毒
const stopDisinfectStatus = () => {
  disinfectWarnVisible.value = true
  // 十秒以后隐藏遮罩
  setTimeout(() => {
    operatorStore.updateStopReady(false)
  }, 10000)
}

const hideDisinfectModal = () => {
  disinfectWarnVisible.value = false
}

const props = defineProps({
  changeShowOperator: {
    type: Function,
  },
  handleShowKeyBoard: {
    type: Function,
  },
  hideKeyBoard: {
    type: Function,
  },
  input: {
    type: String,
  },
})

const toDetail = () => {
  // 判断当前消毒任务是否开始，如果开始时才生效 否则点击不生效
  if (operatorStore.disinfectStatus != 0) {
    props.changeShowOperator(false)
  }
}

const logVisible = ref(false)
const envirVisible = ref(false)
const logVal = ref(localStorage.getItem('logVal') || '6')
const roomSize = ref(0)

watch(() => {
  if (props.input) {
    roomSize.value = props.input?.match(/\d+/g)[0]
  } else {
    roomSize.value = 0
  }
})

const changeLogVal = val => {
  logVal.value = val
  localStorage.setItem('logVal', val)
  logVisible.value = false
}
const envirVal = ref('0')
const changeEnvirVal = val => {
  envirVal.value = val
  envirVisible.value = false

  //执行开始消毒逻辑
  operatorStore.updateShowStartReady(true)
  // 十秒以后隐藏遮罩
  setTimeout(() => {
    operatorStore.updateShowStartReady(false)
  }, 10000)
  realStart()
}
const changePreVal = val => {
  preVal.value = val
  preVisible.value = false
}

const startDisinfect = () => {
  // 改变开始消毒状态 如果已经开始则不可点击
  // 选择预设 而后开始消毒
  // preVisible.value = true
  operatorStore.updateShowStartReady(true)
  // 十秒以后隐藏遮罩
  setTimeout(() => {
    operatorStore.updateShowStartReady(false)
  }, 10000)
  realStart()
  // envirVisible.value = true
}

const realStart = () => {
  localStorage.setItem('logVal', logVal.value)
  if (
    operatorStore.disinfectStatus == 0 ||
    operatorStore.disinfectStatus == 5
  ) {
    localStorage.removeItem('bin')
    localStorage.removeItem('envir1')
    localStorage.removeItem('envir2')
    webSocketStore.sendCommandMsg(
      startDisinfectionJSON(
        parseInt(logVal.value),
        parseInt(roomSize.value),
        parseInt(envirVal.value),
        sealStore.airInletProportionalValue,
        sealStore.airOutletProportionalValue,
      ),
    )
    props.changeShowOperator(false)
  }
}

const showLogPicker = () => {
  if (![1, 2].includes(operatorStore.disinfectStatus)) {
    logVisible.value = true
  }
}

const timer = ref(null)
onMounted(() => {
  timer.value = setInterval(() => {
    webSocketStore.sendCommandMsg(getStateJSON)
  }, 1000)
})

const hiddenLogVisible = () => {
  logVisible.value = false
}
const hiddenEnvirVisible = () => {
  envirVisible.value = false
}
onUnmounted(() => {
  timer.value = null
})
</script>

<style lang="scss" scoped>
.operator_main_content {
  margin-bottom: 19px;
  height: 580px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  .left_contaienr {
    margin-right: 30px;
    width: 766px;
    height: 580px;
    box-sizing: border-box;
    border-radius: 16px;
    background: #ffffff;
    padding: 20px;
    .info_cards {
      width: 726px;
      height: 470px;
      box-sizing: border-box;
      display: flex;
      flex-wrap: wrap;
      column-gap: 20px;
      row-gap: 20px;
      margin-bottom: 20px;
      .card {
        width: 353px;
        height: 225px;
        border-radius: 17.5px;
        background: #06518b;
      }
      .long_card {
        width: 726px;
        height: 225px;
        border-radius: 17.5px;
        opacity: 1;
        background: #06518b;
        box-sizing: border-box;
        padding: 16px;
      }
    }
    .warn_wrap {
      display: flex;
      align-items: center;
      justify-content: space-between;
      box-sizing: border-box;
      width: 726px;
      height: 50px;
      border-radius: 6px;
      .warn_text {
        font-family: Source Han Sans CN;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 0.1em;
        color: #fa1c1c;
        background: #f6f6f6;
        width: 468px;
        height: 50px;
        border-radius: 6px;
        display: flex;
        align-items: center;
        padding-left: 22px;
      }
      .detail_btn {
        width: 105px;
        height: 40px;
        border-radius: 20px;
        background: #06518b;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: Source Han Sans CN;
        font-size: 18px;
        font-weight: normal;
        letter-spacing: 0.1em;
        color: #ffffff;
      }
    }
  }
  .right_container {
    height: 580px;
    box-sizing: border-box;
    border-radius: 16px;
    background: #ffffff;
    flex: 1;
    padding: 42px;
    padding-top: 32px;
    .setting_title {
      width: 340px;
      height: 45px;
      border-radius: 23px;
      background: #06518b;
      padding: 0 24px;
      box-sizing: border-box;
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-family: Source Han Sans CN;
      font-size: 20px;
      font-weight: normal;
      letter-spacing: 0.1em;
      color: #ffffff;
      margin-bottom: 41px;
      .title_wrap {
        display: flex;
        align-items: center;
        p {
          margin-left: 12px;
        }
      }
    }
    .set_form {
      width: 340px;
      height: 153px;
      box-sizing: border-box;
      margin-bottom: 26px;
      overflow: hidden;
      background: url(../assets/img/operator/form.png) no-repeat;
      background-size: 100% 100%;
      position: relative;
      .textP {
        font-family: Source Han Sans CN;
        font-size: 28px;
        font-weight: bold;
        line-height: normal;
        letter-spacing: 0.02em;
        color: #17f179;
        position: absolute;
        left: 188px;
        top: 3px;
        width: 68px;
        height: 41px;
        text-align: center;
      }
      .log {
        position: absolute;
        bottom: 30px;
        left: 0px;
        width: 240px;
        height: 44px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: Source Han Sans CN;
        font-size: 24px;
        font-weight: 500;
        letter-spacing: 0.06em;
        color: #0e0e0e;
      }
    }
    .start {
      margin-bottom: 19px;
      width: 340px;
      height: 45px;
      border-radius: 23px;
      background: #06518b;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: Source Han Sans CN;
      font-size: 14px;
      font-weight: normal;
      letter-spacing: 0.1em;
      color: #ffffff;
      position: relative;
      overflow: hidden;
    }
    .cant {
      background: #f4f4f4;
    }
    .progress {
      width: 340px;
      height: 114px;
      border-radius: 16px;
      opacity: 1;
      background: #f6f6f6;
      box-sizing: border-box;
      padding: 27px 24px 18px 27px;
      margin-top: 30px;
      .title {
        font-family: Source Han Sans CN;
        font-size: 12px;
        font-weight: 350;
        letter-spacing: 0.06em;
        color: #9e9e9e;
        margin-bottom: 13px;
      }
      .time {
        text-align: center;
        padding: 2px 10px;
        font-family: Source Han Sans CN;
        font-size: 28px;
        font-weight: bold;
        line-height: normal;
        letter-spacing: 0.1em;
        color: #000;
      }
      .tube {
        width: 292px;
        height: 14px;
        border-radius: 7px;
        background: #ffffff;
        margin-bottom: 11px;
        position: relative;
        overflow: hidden;
        .pro {
          position: absolute;
          left: 0;
          top: 0;
          height: 14px;
          width: var(--width);
          border-radius: 7px;
          background: #06518b;
        }
      }
      .num {
        display: flex;
        justify-content: flex-end;
        font-family: Source Han Sans CN;
        font-size: 10px;
        font-weight: normal;
        letter-spacing: 0.06em;
        color: #9e9e9e;
      }
    }
  }
}
.wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.block {
  width: 120px;
  height: 120px;
  display: flex;
  flex-direction: column;
  padding: 16px;
  align-items: center;
  justify-content: center;
  .shutdown_text {
    margin-top: 24px;
    font-family: Source Han Sans CN;
    font-size: 18px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0.06em;
    color: #fff;
    white-space: nowrap;
  }
}
</style>
