864 lines
45 KiB
Vue
864 lines
45 KiB
Vue
<template>
|
||
<div class="parameterSet">
|
||
<div class="table-title">
|
||
<img src="../../assets/img/parameterSet.png" alt="">厂家内部参数配置
|
||
</div>
|
||
<div class="flex-view shrink-none border-none">
|
||
<div class="input-sel input-sel-w180">
|
||
<span>1#外遮阳:目标温度选择</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>环境温度选择</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>2#外遮阳:目标温度选择</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>环境温度选择</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>1#内遮阳:目标温度选择</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>环境温度选择</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>目标湿度选择</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>环境湿度选择</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>2#内遮阳:目标温度选择</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>环境温度选择</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>目标湿度选择</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>环境湿度选择</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>1#通风窗: 目标温度选择</span>
|
||
<el-dropdown @command="handleCommand1($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 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>环境温度选择</span>
|
||
<el-dropdown @command="handleCommand3($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 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>目标湿度选择</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>环境湿度选择</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>2#通风窗: 目标温度选择</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>环境温度选择</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>目标湿度选择</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>环境湿度选择</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>3#通风窗: 目标温度选择</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>环境温度选择</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>目标湿度选择</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>环境湿度选择</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">
|
||
<div class="input-sel input-sel-w180">
|
||
<span>4#通风窗: 目标温度选择</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>环境温度选择</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>目标湿度选择</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>环境湿度选择</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>环流风机: 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>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>湿帘外翻窗：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>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">1#高压微雾:目标温度选择</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>环境温度选择</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>目标湿度选择</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>环境湿度选择</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">2#高压微雾:目标温度选择</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>环境温度选择</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>目标湿度选择</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>环境湿度选择</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>轴流风机: 目标温度选择</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>环境温度选择</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>内保温1:目标温度选择</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>温度选择</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>内保温2:目标温度选择</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>温度选择</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>
|
||
</template>
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
|
||
sensorType: '',
|
||
typeList1: [
|
||
{ label: '1#平均空气温度', value: 1 },
|
||
{ label: '2#平均空气温度', value: 2 },
|
||
{ label: '1#空气温度', value: 3 },
|
||
{ label: '2#空气温度', value: 4 },
|
||
{ label: '3#空气温度', value: 5 },
|
||
{ label: '4#空气温度', value: 6 },
|
||
{ label: '5#空气温度', value: 7 },
|
||
{ label: '6#空气温度', value: 8 },
|
||
{ label: '7#空气温度', value: 7 },
|
||
{ label: '8#空气温度', value: 8 },],
|
||
list1: [21732, 21736, 21740, 21742, 21743, 21744, 21746, 21748, 21752, 21756, 21760, 21764, 21768],
|
||
typeList2: [
|
||
{ label: '1#平均空气湿度', value: 1 },
|
||
{ label: '2#平均空气湿度', value: 2 },
|
||
{ label: '1#空气湿度', value: 3 },
|
||
{ label: '2#空气湿度', value: 4 },
|
||
{ label: '3#空气湿度', value: 5 },
|
||
{ label: '4#空气湿度', value: 6 },
|
||
{ label: '5#空气湿度', value: 7 },
|
||
{ label: '6#空气湿度', value: 8 },
|
||
{ label: '7#空气湿度', value: 7 },
|
||
{ label: '8#空气湿度', value: 8 },],
|
||
list2: [21730, 21731, 21734, 21738, 21750, 21754, 21758, 21762, 21766, 21770],
|
||
typeList3: [
|
||
{ label: '目标温度1', value: 1 },
|
||
{ label: '目标温度2', value: 2 },],
|
||
list3: [21733, 21737, 21741, 21745, 21747, 21749, 21753, 21757, 21761, 21765, 21769],
|
||
typeList4: [
|
||
{ label: '目标湿度1', value: 1 },
|
||
{ label: '目标湿度2', value: 2 },],
|
||
list4: [21735, 21739, 21751, 21755, 21759, 21763, 21767, 21771],
|
||
inputData: [],
|
||
inputDataNew: [],
|
||
}
|
||
},
|
||
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
|
||
},
|
||
dataInit() {
|
||
var store = this.$store.state
|
||
var data = {
|
||
deviceId: store.equipmentList[store.equipmentIndex - 1].deviceId,
|
||
};
|
||
this.api.manufacturerparameter(data).then(res => {
|
||
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])
|
||
})
|
||
}
|
||
|
||
})
|
||
},
|
||
//修改数据的函数
|
||
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);
|
||
},
|
||
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>
|
||
|