<template>
  <div class="parameterSet">
    <div class="table-title">
      <img src="../../assets/img/parameterSet.png" alt="" />{{$t('parameterSet.title')}}
    </div>
    <div class="flex-view shrink-none border-none">
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.outsideShade',{index:1})}}:{{$t('parameterSet.targetTempSelect')}}</span>
        <el-dropdown @command="handleCommand3($event, 21745)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21745]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList3"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.envTempSelect')}}</span>
        <el-dropdown @command="handleCommand1($event, 21744)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21744]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList1"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
    </div>
    <div class="flex-view shrink-none">
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.outsideShade',{index:2})}}:{{$t('parameterSet.targetTempSelect')}}</span>
        <el-dropdown @command="handleCommand3($event, 21747)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21747]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList3"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.envTempSelect')}}</span>
        <el-dropdown @command="handleCommand1($event, 21746)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21746]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList1"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
    </div>

    <div class="flex-view shrink-none border-none">
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.insideShade',{index:1})}}:{{$t('parameterSet.targetTempSelect')}}</span>
        <el-dropdown @command="handleCommand3($event, 21749)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21749]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList3"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.envTempSelect')}}</span>
        <el-dropdown @command="handleCommand1($event, 21748)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21748]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList1"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.targetHumiditySelect')}}</span>
        <el-dropdown @command="handleCommand4($event, 21751)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21751]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList4"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.envHumiditySelect')}}</span>
        <el-dropdown @command="handleCommand2($event, 21750)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21750]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList2"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
    </div>

    <div class="flex-view shrink-none">
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.insideShade',{index:2})}}:{{$t('parameterSet.targetTempSelect')}}</span>
        <el-dropdown @command="handleCommand3($event, 21753)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21753]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList3"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.envTempSelect')}}</span>
        <el-dropdown @command="handleCommand1($event, 21752)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21752]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList1"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.targetHumiditySelect')}}</span>
        <el-dropdown @command="handleCommand4($event, 21755)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21755]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList4"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.envHumiditySelect')}}</span>
        <el-dropdown @command="handleCommand2($event, 21754)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21754]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList2"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
    </div>

    <div class="flex-view shrink-none border-none">
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.ventWindow',{index:1})}}: {{$t('parameterSet.targetTempSelect')}}</span>
        <el-dropdown @command="handleCommand3($event, 21757)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21757]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList3"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.envTempSelect')}}</span>
        <el-dropdown @command="handleCommand1($event, 21756)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21756]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList1"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.targetHumiditySelect')}}</span>
        <el-dropdown @command="handleCommand4($event, 21759)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21759]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList4"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.envHumiditySelect')}}</span>
        <el-dropdown @command="handleCommand2($event, 21758)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21758]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList2"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
    </div>

    <div class="flex-view shrink-none border-none">
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.ventWindow',{index:2})}}: {{$t('parameterSet.targetTempSelect')}}</span>
        <el-dropdown @command="handleCommand3($event, 21761)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21761]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList3"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.envTempSelect')}}</span>
        <el-dropdown @command="handleCommand1($event, 21760)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21760]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList1"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.targetHumiditySelect')}}</span>
        <el-dropdown @command="handleCommand4($event, 21763)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21763]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList4"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.envHumiditySelect')}}</span>
        <el-dropdown @command="handleCommand2($event, 21762)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21762]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList2"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
    </div>

    <div class="flex-view shrink-none border-none">
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.ventWindow',{index:3})}}: {{$t('parameterSet.targetTempSelect')}}</span>
        <el-dropdown @command="handleCommand3($event, 21765)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21765]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList3"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.envTempSelect')}}</span>
        <el-dropdown @command="handleCommand1($event, 21764)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21764]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList1"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.targetHumiditySelect')}}</span>
        <el-dropdown @command="handleCommand4($event, 21767)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21767]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList4"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.envHumiditySelect')}}</span>
        <el-dropdown @command="handleCommand2($event, 21766)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21766]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList2"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
    </div>

    <div class="flex-view shrink-none border-none">
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.ventWindow',{index:4})}}: {{$t('parameterSet.targetTempSelect')}}</span>
        <el-dropdown @command="handleCommand3($event, 21769)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21769]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList3"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.envTempSelect')}}</span>
        <el-dropdown @command="handleCommand1($event, 21768)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21768]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList1"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.targetHumiditySelect')}}</span>
        <el-dropdown @command="handleCommand4($event, 21771)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21771]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList4"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.envHumiditySelect')}}</span>
        <el-dropdown @command="handleCommand2($event, 21770)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21770]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList2"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
    </div>
    <div class="flex-view shrink-none border-none">
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.ventWindow',{index:5})}}: {{$t('parameterSet.targetTempSelect')}}</span>
        <el-dropdown @command="handleCommand3($event, 21777)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21777]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList3"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.envTempSelect')}}</span>
        <el-dropdown @command="handleCommand1($event, 21776)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21776]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList1"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.targetHumiditySelect')}}</span>
        <el-dropdown @command="handleCommand4($event, 21779)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21779]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList4"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.envHumiditySelect')}}</span>
        <el-dropdown @command="handleCommand2($event, 21778)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21778]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList2"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
    </div>
    <div class="flex-view shrink-none">
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.ventWindow',{index:6})}}: {{$t('parameterSet.targetTempSelect')}}</span>
        <el-dropdown @command="handleCommand3($event, 21781)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21781]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList3"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.envTempSelect')}}</span>
        <el-dropdown @command="handleCommand1($event, 21780)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21780]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList1"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.targetHumiditySelect')}}</span>
        <el-dropdown @command="handleCommand4($event, 21783)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21783]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList4"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.envHumiditySelect')}}</span>
        <el-dropdown @command="handleCommand2($event, 21782)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21782]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList2"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
    </div>

    <div class="flex-view shrink-none border-none">
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.circulationFan')}}: {{$t('parameterSet.indoorHumiditySelect',{index:1})}}</span>
        <el-dropdown @command="handleCommand2($event, 21730)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21730]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList2"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.indoorHumiditySelect',{index:2})}}</span>
        <el-dropdown @command="handleCommand2($event, 21731)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21731]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList2"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
    </div>
    <div class="flex-view shrink-none">
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.wetCurtainWindow')}}：{{$t('parameterSet.curtainTempSelect',{index:1})}}</span>
        <el-dropdown @command="handleCommand1($event, 21742)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21742]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList1"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.curtainTempSelect',{index:2})}}</span>
        <el-dropdown @command="handleCommand1($event, 21743)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21743]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList1"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
    </div>

    <div class="flex-view shrink-none border-none">
      <div class="input-sel input-sel-w180">
        <span class="padding-none">{{$t('parameterSet.highPressureMist',{index:1})}}:{{$t('parameterSet.targetTempSelect')}}</span>
        <el-dropdown @command="handleCommand3($event, 21733)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21733]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList3"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.envTempSelect')}}</span>
        <el-dropdown @command="handleCommand1($event, 21732)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21732]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList1"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.targetHumiditySelect')}}</span>
        <el-dropdown @command="handleCommand4($event, 21735)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21735]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList4"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.envHumiditySelect')}}</span>
        <el-dropdown @command="handleCommand2($event, 21734)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21734]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList2"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
    </div>
    <div class="flex-view shrink-none">
      <div class="input-sel input-sel-w180">
        <span class="padding-none">{{$t('parameterSet.highPressureMist',{index:2})}}:{{$t('parameterSet.targetTempSelect')}}</span>
        <el-dropdown @command="handleCommand3($event, 21737)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21737]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList3"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.envTempSelect')}}</span>
        <el-dropdown @command="handleCommand1($event, 21736)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21736]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList1"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.targetHumiditySelect')}}</span>
        <el-dropdown @command="handleCommand4($event, 21739)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21739]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList4"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.envHumiditySelect')}}</span>
        <el-dropdown @command="handleCommand2($event, 21738)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21738]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList2"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
    </div>

    <div class="flex-view shrink-none">
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.axialFan')}}: {{$t('parameterSet.targetTempSelect')}}</span>
        <el-dropdown @command="handleCommand3($event, 21741)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21741]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList3"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.envTempSelect')}}</span>
        <el-dropdown @command="handleCommand1($event, 21740)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21740]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList1"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
    </div>
    <div class="flex-view shrink-none border-none">
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.innerInsulation',{index:1})}}:{{$t('parameterSet.targetTempSelect')}}</span>
        <el-dropdown @command="handleCommand3($event, 21773)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21773]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList3"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.tempSelect')}}</span>
        <el-dropdown @command="handleCommand1($event, 21772)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21772]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList1"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
    </div>
    <div class="flex-view shrink-none">
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.innerInsulation',{index:2})}}:{{$t('parameterSet.targetTempSelect')}}</span>
        <el-dropdown @command="handleCommand3($event, 21775)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21775]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList3"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.tempSelect')}}</span>
        <el-dropdown @command="handleCommand1($event, 21774)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21774]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList1"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
    </div>
    <div class="flex-view shrink-none border-none">
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.co2Supplement',{index:1})}}:{{$t('parameterSet.tempSourceSelect')}}</span>
        <el-dropdown @command="handleCommand1($event, 21784)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21784]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList1"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.lightSourceSelect')}}</span>
        <el-dropdown @command="handleCommand5($event, 21785)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21785]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList5"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.co2SensorSelect')}}</span>
        <el-dropdown @command="handleCommand6($event, 21786)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21786]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList6"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
    </div>
    <div class="flex-view shrink-none">
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.co2Supplement',{index:2})}}:{{$t('parameterSet.tempSourceSelect')}}</span>
        <el-dropdown @command="handleCommand1($event, 21787)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21787]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList1"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.lightSourceSelect')}}</span>
        <el-dropdown @command="handleCommand5($event, 21788)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21788]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList5"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.co2SensorSelect')}}</span>
        <el-dropdown @command="handleCommand6($event, 21789)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21789]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList6"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
    </div>
    <div class="flex-view shrink-none">
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.fillLightIndoorLightSource')}}</span>
        <el-dropdown @command="handleCommand5($event, 21790)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21790]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList5"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
    </div>
    <div class="flex-view shrink-none">
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.heatingCoolingFan')}}：{{$t('parameterSet.tempSourceSelect')}}</span>
        <el-dropdown @command="handleCommand1($event, 21791)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21791]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList1"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
    </div>
    <div class="flex-view shrink-none">
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.airConditioner')}}：{{$t('parameterSet.tempSourceSelect')}}</span>
        <el-dropdown @command="handleCommand1($event, 21792)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21792]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList1"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
      <div class="input-sel input-sel-w180">
        <span>{{$t('parameterSet.humiditySourceSelect')}}</span>
        <el-dropdown @command="handleCommand2($event, 21793)">
          <div class="el-dropdown-link">
            <input
              v-model="inputDataNew[21793]"
              type="text"
              class="input-input"
              placeholder="无"
            />
            <div class="arrow">
              <img src="../../assets/image/arrow.png" alt="" />
            </div>
          </div>
          <el-dropdown-menu class="input-menu-180" slot="dropdown">
            <el-dropdown-item
              v-for="(item, index) in typeList2"
              :key="index"
              :command="item.value"
              >{{ item.label }}</el-dropdown-item
            >
          </el-dropdown-menu>
        </el-dropdown>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      sensorType: "",
      typeList1: [
        { label: this.$t('parameterSet.avgAirTemp', {index:1}), value: 1 },
        { label: this.$t('parameterSet.avgAirTemp', {index:2}), value: 2 },
        { label: this.$t('parameterSet.airTemp', {index:1}), value: 3 },
        { label: this.$t('parameterSet.airTemp', {index:2}), value: 4 },
        { label: this.$t('parameterSet.airTemp', {index:3}), value: 5 },
        { label: this.$t('parameterSet.airTemp', {index:4}), value: 6 },
        { label: this.$t('parameterSet.airTemp', {index:5}), value: 7 },
        { label: this.$t('parameterSet.airTemp', {index:6}), value: 8 },
        { label: this.$t('parameterSet.airTemp', {index:7}), value: 9 },
        { label: this.$t('parameterSet.airTemp', {index:8}), value: 10 },
      ],
      list1: [
        21732, 21736, 21740, 21742, 21743, 21744, 21746, 21748, 21752, 21756,
        21760, 21764, 21768, 21772, 21774, 21776, 21780, 21784, 21787,21791,21792
      ], //温度数组
      typeList2: [
        { label: this.$t('parameterSet.avgAirHumidity', {index:1}), value: 1 },
        { label: this.$t('parameterSet.avgAirHumidity', {index:2}), value: 2 },
        { label: this.$t('parameterSet.airHumidity', {index:1}), value: 3 },
        { label: this.$t('parameterSet.airHumidity', {index:2}), value: 4 },
        { label: this.$t('parameterSet.airHumidity', {index:3}), value: 5 },
        { label: this.$t('parameterSet.airHumidity', {index:4}), value: 6 },
        { label: this.$t('parameterSet.airHumidity', {index:5}), value: 7 },
        { label: this.$t('parameterSet.airHumidity', {index:6}), value: 8 },
        { label: this.$t('parameterSet.airHumidity', {index:7}), value: 9 },
        { label: this.$t('parameterSet.airHumidity', {index:8}), value: 10 },
      ],
      list2: [
        21730, 21731, 21734, 21738, 21750, 21754, 21758, 21762, 21766, 21770,
        21778, 21782,21793
      ], //湿度数组
      typeList3: [
        { label: this.$t('parameterSet.targetTemp',{index:1}), value: 1 },
        { label: this.$t('parameterSet.targetTemp',{index:1}), value: 2 },
      ],
      list3: [
        21733, 21737, 21741, 21745, 21747, 21749, 21753, 21757, 21761, 21765,
        21769, 21773, 21775, 21777, 21781,
      ], //目标温度
      typeList4: [
        { label: this.$t('parameterSet.targetHumidity',{index:1}), value: 1 },
        { label: this.$t('parameterSet.targetHumidity',{index:2}), value: 2 },
      ],
      list4: [
        21735, 21739, 21751, 21755, 21759, 21763, 21767, 21771, 21779, 21783,
      ], //目标湿度
      typeList5: [
        { label:this.$t('parameterSet.avgLight',{index:1}), value: 1 },
        { label:this.$t('parameterSet.light', {index:1}), value: 3 },
        { label:this.$t('parameterSet.light', {index:2}), value: 4 },
        { label:this.$t('parameterSet.light', {index:3}), value: 5 },
        { label:this.$t('parameterSet.light', {index:4}), value: 6 },
        { label:this.$t('parameterSet.light', {index:5}), value: 7 },
        { label:this.$t('parameterSet.light', {index:6}), value: 8 },
        { label:this.$t('parameterSet.light', {index:7}), value: 9 },
        { label:this.$t('parameterSet.light', {index:8}), value: 10 },
      ],
      list5: [21785, 21788, 21790], //光照
      typeList6: [
        { label: this.$t('parameterSet.avgCO2', {index:1}), value: 1 },
        { label: this.$t('parameterSet.co2', {index:1}), value: 3 },
        { label: this.$t('parameterSet.co2', {index:2}), value: 4 },
        { label: this.$t('parameterSet.co2', {index:3}), value: 5 },
        { label: this.$t('parameterSet.co2', {index:4}), value: 6 },
        { label: this.$t('parameterSet.co2', {index:5}), value: 7 },
        { label: this.$t('parameterSet.co2', {index:6}), value: 8 },
        { label: this.$t('parameterSet.co2', {index:7}), value: 9 },
        { label: this.$t('parameterSet.co2', {index:8}), value: 10 },
      ],
      list6: [21786, 21789], //CO2
      inputData: [],
      inputDataNew: [],
      loading: null,
    };
  },
  watch: {
    "$store.state.equipmentIndex"(newVal, oldVal) {
      this.dataInit();
    },
  },
  mounted() {
    this.dataInit();
    //input获取焦点后全选
    let inputList = document.querySelectorAll("input");
    for (let index = 0; index < inputList.length; index++) {
      inputList[index].onfocus = this.selectValue; //input放入焦点，全选文本
    }
  },
  methods: {
    getData1(data) {
      var name = "";
      this.typeList1.forEach((el, index) => {
        if (el.value == data) {
          name = el.label;
        }
      });
      return name;
    },
    getData2(data) {
      var name = "";
      this.typeList2.forEach((el, index) => {
        if (el.value == data) {
          name = el.label;
        }
      });
      return name;
    },
    getData3(data) {
      var name = "";
      this.typeList3.forEach((el, index) => {
        if (el.value == data) {
          name = el.label;
        }
      });
      return name;
    },
    getData4(data) {
      var name = "";
      this.typeList4.forEach((el, index) => {
        if (el.value == data) {
          name = el.label;
        }
      });
      return name;
    },
    getData5(data) {
      var name = "";
      this.typeList5.forEach((el, index) => {
        if (el.value == data) {
          name = el.label;
        }
      });
      return name;
    },
    getData6(data) {
      var name = "";
      this.typeList6.forEach((el, index) => {
        if (el.value == data) {
          name = el.label;
        }
      });
      return name;
    },
    dataInit() {
      this.loading = this.$loading({
        lock: true,
        text: this.$t('message.loading'),
        spinner: "el-icon-loading",
        background: "rgba(0, 0, 0, 0.7)",
      });
      var store = this.$store.state;
      var data = {
        deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
      };
      this.api.manufacturerparameter(data).then((res) => {
        this.loading.close();
        if (res.data.code == 200) {
          this.inputData = JSON.parse(JSON.stringify(res.data.data));
          this.inputDataNew = JSON.parse(JSON.stringify(res.data.data));

          this.list1.forEach((el, index) => {
            this.inputDataNew[el] = this.getData1(this.inputData[el]);
          });
          this.list2.forEach((el, index) => {
            this.inputDataNew[el] = this.getData2(this.inputData[el]);
          });
          this.list3.forEach((el, index) => {
            this.inputDataNew[el] = this.getData3(this.inputData[el]);
          });
          this.list4.forEach((el, index) => {
            this.inputDataNew[el] = this.getData4(this.inputData[el]);
          });
          this.list5.forEach((el, index) => {
            this.inputDataNew[el] = this.getData5(this.inputData[el]);
          });
          this.list6.forEach((el, index) => {
            this.inputDataNew[el] = this.getData6(this.inputData[el]);
          });
        }
      });
    },
    //修改数据的函数
    changeBtn(code, el) {
      var store = this.$store.state;
      var data = {
        equipmentId: store.equipmentList[store.equipmentIndex - 1].deviceId,
        regAddress: code,
        num: el.target.value,
      };
      this.delayTimerBtn(0, data);
    },
    //切换btn的限制 写入停止后j*100毫秒调取函数
    delayTimerBtn(i, data) {
      const that = this;
      //整体接口
      let j = this.$store.state.lateSendBtn;
      //避免开启多个计时器
      this.timer && clearInterval(this.timer);

      this.timer = setInterval(() => {
        ++i;
        if (i == j) {
          that.changeData(data);
          clearInterval(this.timer);
        }
      }, 100);
    },
    //类型选择
    handleCommand1(command, code) {
      this.typeList1.forEach((el, index) => {
        if (el.value == command) {
          this.inputDataNew[code] = el.label;
        }
      });
      var dataNum = {
        target: {
          value: command,
        },
      };
      this.changeBtn(code, dataNum);
    },
    //类型选择
    handleCommand2(command, code) {
      this.typeList2.forEach((el, index) => {
        if (el.value == command) {
          this.inputDataNew[code] = el.label;
        }
      });
      var dataNum = {
        target: {
          value: command,
        },
      };
      this.changeBtn(code, dataNum);
    },
    //类型选择
    handleCommand3(command, code) {
      this.typeList3.forEach((el, index) => {
        if (el.value == command) {
          this.inputDataNew[code] = el.label;
        }
      });
      var dataNum = {
        target: {
          value: command,
        },
      };
      this.changeBtn(code, dataNum);
    },
    //类型选择
    handleCommand4(command, code) {
      this.typeList4.forEach((el, index) => {
        if (el.value == command) {
          this.inputDataNew[code] = el.label;
        }
      });
      var dataNum = {
        target: {
          value: command,
        },
      };
      this.changeBtn(code, dataNum);
    },
    //类型选择
    handleCommand5(command, code) {
      this.typeList5.forEach((el, index) => {
        if (el.value == command) {
          this.inputDataNew[code] = el.label;
        }
      });
      var dataNum = {
        target: {
          value: command,
        },
      };
      this.changeBtn(code, dataNum);
    },
    //类型选择
    handleCommand6(command, code) {
      this.typeList6.forEach((el, index) => {
        if (el.value == command) {
          this.inputDataNew[code] = el.label;
        }
      });
      var dataNum = {
        target: {
          value: command,
        },
      };
      this.changeBtn(code, dataNum);
    },
    changeData(data) {
      var store = this.$store.state;
      this.api.postControlWrite(data).then((res) => {
        if (res.data.code == 200) {
          this.$message({
            message: res.data.msg,
            type: "success",
          });
          store.nowInput = "";
          // this.dataInit();
        } else {
          this.inputData[data.regAddress] = store.nowInput;
          this.$message.error(res.data.msg);
        }
        this.timer = null;
      });
    },
  },
};
</script>
<style lang="scss"></style>
  