<template>
    <el-dialog width="70%" @open="opened" @closed="closed" :fullscreen="true" :show-close="true" class="dialogs">
      <template #title>
        <div class="showTitles currentShowTitles">
          <div class="titles">设置</div>
        </div>
      </template>
      <div class="body">
        <div class="title">
          <div :class="stationId === item.id ? 'title-onItem' : 'title-item'" v-for="(item, index) in stationList"
            :key="index" @click="handleChange(item.id)">
            {{ item.name }}
          </div>
          <div class="models">
            <div class="models-left">
              <div class="models-name">机型：</div>
              <el-select class="inputs" v-model="modelId" placeholder="请选择" @change="getData()">
                <el-option v-for="item in models" :key="item" :label="item" :value="item">
                </el-option>
              </el-select>
            </div>
            <div class="returns" @click="handleReturn()">恢复默认设置</div>
            <div class="returns" style="background:#2574db;color:#b4bdc0;" @click="updateSettings()">保存</div>
          </div>
        </div>
        <div class="content">
          <el-row :gutter="40">
            <el-col :span="6">
              <div class="mn">
                <div class="mn-item" :data-active="actMnIndex === index" v-for="(item, index) in mnList"
                  @click="actMnIndex = index" :key="index">
                  <div class="mn-item-icon" v-html="item.icon">
                  </div>
                  <div class="mn-item-fl">
                    <div class="mn-item-fl-tt">{{ item.title }}</div>
                    <div class="mn-item-fl-desc">{{ item.desc }}</div>
                  </div>
                </div>
              </div>
            </el-col>
            <el-col :span="18">
              <div class="panel">
                <div class="pn-item" v-if="actMnIndex === 0">
                  <div class="pn-item-desc">
                    启动校验：1、系统检测风机状态为无故障、非解缆、非维护模式。2、机舱温度超过10度。3、发电机绕组温度超过机舱温度。4、变浆系统进入准备状态89度。5、变流器切出本地。6、产生手动启动或自启动信号。7、两次启动时间差超过300s（手动模式除外）。
                  </div>
                  <div class="searchTitle">
                    <el-row :gutter="20" style="width: 96%">
                      <el-col :span="12">
                        <div class="search">
                          <div class="date">推荐启动</div>
                          <el-switch v-model="autoControl.start" placeholder="请输入">
                          </el-switch>
                        </div>
                      </el-col>
                      <el-col :span="12">
                        <div class="search">
                          <div class="date">推荐停机</div>
                          <el-switch v-model="autoControl.stop" placeholder="请输入">
                          </el-switch>
                        </div>
                      </el-col>
                      <el-col :span="12">
                        <div class="search">
                          <div class="date">推荐维护</div>
                          <el-switch v-model="autoControl.maintain" placeholder="请输入">
                          </el-switch>
                        </div>
                      </el-col>
                      <el-col :span="12">
                        <div class="search">
                          <div class="date">推荐取消维护</div>
                          <el-switch v-model="autoControl.unMaintain" placeholder="请输入">
                          </el-switch>
                        </div>
                      </el-col>
                      <el-col :span="12">
                        <div class="search">
                          <div class="date">超出AGC设定</div>
                          <el-switch v-model="autoControl.exceedAgc" placeholder="请输入">
                          </el-switch>
                        </div>
                      </el-col>
                      <el-col :span="12">
                        <div class="search">
                          <div class="date">限电状态下样板风机不控制</div>
                          <el-switch v-model="autoControl.notControlTemplate" placeholder="请输入">
                          </el-switch>
                        </div>
                      </el-col>
                      <el-col :span="12">
                        <div class="search">
                          <div class="date">限电状况下将健康指数最差的风机停机</div>
                          <el-switch v-model="autoControl.limitedPowerStop" placeholder="请输入">
                          </el-switch>
                        </div>
                      </el-col>
                      <el-col :span="12">
                        <div class="search">
                          <div class="date">根据实际控制指令推荐</div>
                          <el-switch v-model="autoControl.controlInstructions" placeholder="请输入">
                          </el-switch>
                        </div>
                      </el-col>
                      <el-col :span="12">
                        <div class="search">
                          <div class="date">推荐启动平均风速</div>
                          <div>
                            <el-input-number style="margin-right: 10px" :controls="false" v-model="autoControl.startWindSpeed.value" :max="autoControl.startWindSpeed.maxValue" :min="autoControl.startWindSpeed.minValue" v-if="autoControl.startWindSpeed.enable" class="inputs" placeholder="请输入">
                            </el-input-number>
                            <el-switch v-model="autoControl.startWindSpeed.enable" placeholder="请输入">
                            </el-switch>
                          </div>
                        </div>
                      </el-col>
                      <el-col :span="12">
                        <div class="search">
                          <div class="date">停机或维护平均风速</div>
                          <div>
                            <el-input-number style="margin-right: 10px" :controls="false" v-model="autoControl.stopAndMaintainWindSpeed.value" :max="autoControl.stopAndMaintainWindSpeed.maxValue" :min="autoControl.stopAndMaintainWindSpeed.minValue" v-if="autoControl.stopAndMaintainWindSpeed.enable" class="inputs" placeholder="请输入">
                            </el-input-number>
                            <el-switch v-model="autoControl.stopAndMaintainWindSpeed.enable" placeholder="请输入">
                            </el-switch>
                          </div>
                        </div>
                      </el-col>
                      <el-col :span="12">
                        <div class="search">
                          <div class="date">打维护百分比</div>
                          <div>
                            <el-input-number style="margin-right: 10px" :controls="false" v-model="autoControl.maintainPercentage.value" :max="autoControl.maintainPercentage.maxValue" :min="autoControl.maintainPercentage.minValue" :step="0.1" v-if="autoControl.maintainPercentage.enable" class="inputs" placeholder="请输入">
                          </el-input-number>
                          <el-switch v-model="autoControl.maintainPercentage.enable" placeholder="请输入">
                          </el-switch>
                          </div>
                        </div>
                      </el-col>
                      <el-col :span="12">
                        <div class="search">
                          <div class="date">暴风风速（暴风状态下停机）</div>
                          <div>
                            <el-input-number style="margin-right: 10px" :controls="false" v-model="autoControl.stormWindSpeed.value" v-if="autoControl.stormWindSpeed.enable" class="inputs" placeholder="请输入">
                          </el-input-number>
                          <el-switch v-model="autoControl.stormWindSpeed.enable" placeholder="请输入">
                          </el-switch>
                          </div>
                        </div>
                      </el-col>
                      <el-col :span="12">
                        <div class="search">
                          <div class="date">齿轮箱高温停机</div>
                          <div>
                            <el-input-number style="margin-right: 10px" :controls="false" v-model="autoControl.stopGearboxesTemperature.value" v-if="autoControl.stopGearboxesTemperature.enable" class="inputs" placeholder="请输入">
                          </el-input-number>
                          <el-switch v-model="autoControl.stopGearboxesTemperature.enable" placeholder="请输入">
                          </el-switch>
                          </div>
                        </div>
                      </el-col>
                      <el-col :span="12">
                        <div class="search">
                          <div class="date">齿轮箱再启动温度</div>
                          <div>
                            <el-input-number style="margin-right: 10px" :controls="false" v-model="autoControl.startGearboxesTemperature.value" v-if="autoControl.startGearboxesTemperature.enable" class="inputs" placeholder="请输入">
                          </el-input-number>
                          <el-switch v-model="autoControl.startGearboxesTemperature.enable" placeholder="请输入">
                          </el-switch>
                          </div>
                        </div>
                      </el-col>
                      <el-col :span="12">
                        <div class="search">
                          <div class="date">重试次数</div>
                          <el-input-number :controls="false" v-model="autoControl.countRetries" class="inputs" placeholder="请输入">
                          </el-input-number>
                        </div>
                      </el-col>
                      <el-col :span="12">
                        <div class="search">
                          <div class="date">不推荐维护月份开始</div>
                          <el-date-picker style="width:174px" type="month" v-model="autoControl.notMaintainStartTs" @change="funTimeStamp(autoControl.notMaintainStartTs, 'autoControl', 'notMaintainStartTs')"></el-date-picker>
                        </div>
                      </el-col>
                      <el-col :span="12">
                        <div class="search">
                          <div class="date">不推荐维护月份结束</div>
                          <el-date-picker style="width:174px" type="month" v-model="autoControl.notMaintainEndTs" @change="funTimeStamp(autoControl.notMaintainEndTs, 'autoControl', 'notMaintainEndTs')"></el-date-picker>
                        </div>
                      </el-col>
                      <el-col :span="12">
                        <div class="search">
                          <div class="date">不推荐环境温度</div>
                          <el-input-number :controls="false" v-model="autoControl.notMaintainAmbientTemperature" class="inputs" placeholder="请输入">
                          </el-input-number>
                        </div>
                      </el-col>
                    </el-row>
                  </div>
                </div>
                <div class="warningTable" v-if="actMnIndex === 1">
                  <div class="searchTitle">
                    <el-row :gutter="20" style="width: 96%">
                      <el-col :span="12">
                        <div class="search">
                          <div class="date">是否启用</div>
                          <el-switch v-model="autoReset.enable" placeholder="请输入">
                          </el-switch>
                        </div>
                      </el-col>
                      <el-col :span="12">
                        <div class="search">
                          <div class="date">复位重置次数</div>
                          <el-input-number :controls="false" v-model="autoReset.resetCount" class="inputs" placeholder="请输入">
                          </el-input-number>
                        </div>
                      </el-col>
                    </el-row>
                  </div>
                  <div class="teble-buttons" v-show="autoReset.enable">
                    <div class="button" @click="toggleRowExpansionAll(true,'dataAutoResetList',alarminfos)">全部展开</div>
                    <div class="button" @click="toggleRowExpansionAll(false,'dataAutoResetList',alarminfos)">全部收回</div>
                  </div>
                  <!-- default-expand-all -->
                  <el-table :data="alarminfos" v-show="autoReset.enable" row-key="id" border ref="dataAutoResetList"
                    :tree-props="{ children: 'children', hasChildren: false }" height="70vh"
                    style="background-color: #000000;border: 1px solid #000000;" :header-cell-style="{
                      background: 'rgb(30,30,30)',
                      color: 'rgb(220,220,220)',
                      padding: '4px',
                      fontSize: '14px',
                      'border-bottom': 'solid 1px rgba(77, 77, 77, 1)',
                    }" :cell-style="{
    height: '40px',
    background: 'rgb(30,30,30)',
    color: 'rgb(220,220,220)',
    padding: '3px',
    fontSize: '12px',
    'border-bottom': '1px solid #000000',
  }">
                    <el-table-column prop="name" label="名称" sortable width="200" align="center">
                    </el-table-column>
                    <!-- <el-table-column prop="stationId" label="风场" sortable>
                                      </el-table-column> -->
                    <!-- <el-table-column prop="modelId" label="机型" sortable>
                                      </el-table-column> -->
                    <el-table-column prop="lastUpdateTime" label="故障触发时间" align="center">
                    </el-table-column>
                    <!-- <el-table-column prop="rank" label="故障等级" sortable>
                                      </el-table-column> -->
                    <el-table-column prop="alertText" label="故障描述" align="center">
                    </el-table-column>
                    <el-table-column label="是否不可复位" width="180" align="center">
                      <template #default="scope">
                        <span>
                          <el-switch @change="handleSwitchChange(scope.row)" v-model="scope.row.notResettable">
                          </el-switch>
                        </span>
                      </template>
                    </el-table-column>
                  </el-table>
                </div>
                <div class="pn-item" v-if="actMnIndex === 2">
                  <!-- <div class="pn-item-desc">
                                      启动校验：1、系统检测风机状态为无故障、非解缆、非维护模式。2、机舱温度超过10度。3、发电机绕组温度超过机舱温度。4、变浆系统进入准备状态89度。5、变流器切出本地。6、产生手动启动或自启动信号。7、两次启动时间差超过300s（手动模式除外）。
                                  </div> -->
                  <div class="searchTitle">
                    <el-row :gutter="20" style="width: 96%">
                      <el-col :span="12">
                        <div class="search">
                          <div class="date">是否启用</div>
                          <el-switch v-model="optimizeControl.enable" placeholder="请输入">
                          </el-switch>
                        </div>
                      </el-col>
                      <el-col :span="12">
                        <div class="search">
                          <div class="date">风功率预测未来值</div>
                          <el-switch v-model="optimizeControl.powerForecast" placeholder="请输入">
                          </el-switch>
                        </div>
                      </el-col>
                      <el-col :span="12">
                        <div class="search">
                          <div class="date">自动停机挂牌</div>
                          <el-switch v-model="optimizeControl.autoStopAndLock" placeholder="请输入">
                          </el-switch>
                        </div>
                      </el-col>
                      <el-col :span="12">
                        <div class="search">
                          <div class="date">风功率预测换算单台机组</div>
                          <el-switch v-model="optimizeControl.powerForecastSingleUnit" placeholder="请输入">
                          </el-switch>
                        </div>
                      </el-col>
                      <el-col :span="12">
                        <div class="search">
                          <div class="date">实际切入风速</div>
                          <el-switch v-model="optimizeControl.actualInputWindSpeed" placeholder="请输入">
                          </el-switch>
                        </div>
                      </el-col>
                      <el-col :span="12">
                        <div class="search">
                          <div class="date">限电停机(限电情况下，启用健康状态好的风机)</div>
                          <el-switch v-model="optimizeControl.limitedPowerStop" placeholder="请输入">
                          </el-switch>
                        </div>
                      </el-col>
                      <el-col :span="12">
                        <div class="search">
                          <div class="date">单台设备小风区间风速趋势</div>
                          <el-switch v-model="optimizeControl.windSpeedTrendsSingleUnit" placeholder="请输入">
                          </el-switch>
                        </div>
                      </el-col>
                      <el-col :span="12">
                        <div class="search">
                          <div class="date">AGC有功设定与实发功率偏差值设定</div>
                          <el-input-number v-model="optimizeControl.agcDeviationValue" :controls="false" class="inputs" placeholder="请输入">
                          </el-input-number>
                        </div>
                      </el-col>
                      <el-col :span="12">
                        <div class="search">
                          <div class="date">提前启动风速</div>
                          <el-input-number v-model="optimizeControl.advanceStartWindSpeed" :controls="false" class="inputs" placeholder="请输入">
                          </el-input-number>
                        </div>
                      </el-col>
                      <el-col :span="12">
                        <div class="search">
                          <div class="date">提前停机风速</div>
                          <el-input-number v-model="optimizeControl.advanceStopWindSpeed" :controls="false" class="inputs" placeholder="请输入">
                          </el-input-number>
                        </div>
                      </el-col>
                      <el-col :span="12">
                        <div class="search">
                          <div class="date">灵敏度</div>
                          <el-input-number v-model="optimizeControl.sensitivity" :controls="false" class="inputs" placeholder="请输入">
                          </el-input-number>
                        </div>
                      </el-col>
                    </el-row>
                  </div>
                </div>
                <div class="warningTable" v-if="actMnIndex === 3">
                  <div class="teble-buttons">
                    <div class="search" style="color: white;width: 200px;margin-top: 0px; flex: 0 0 200px;">
                      <div class="date">是否启用</div>
                      <el-switch v-model="earlyWarningStop.enable" placeholder="请输入">
                      </el-switch>
                    </div>
                    <div class="button" v-show="earlyWarningStop.enable" @click="toggleRowExpansionAll(true,'dataEarlyWarningStopList',alertInfos)">全部展开</div>
                    <div class="button" v-show="earlyWarningStop.enable" @click="toggleRowExpansionAll(false,'dataEarlyWarningStopList',alertInfos)">全部收回</div>
                  </div>
                  <el-table :data="alertInfos" v-show="earlyWarningStop.enable" row-key="id" border ref="dataEarlyWarningStopList"
                    :tree-props="{ children: 'children', hasChildren: false }" height="70vh"
                    style="background-color: #000000;border: 1px solid #000000;" :header-cell-style="{
                      background: 'rgb(30,30,30)',
                      color: 'rgb(220,220,220)',
                      padding: '4px',
                      fontSize: '14px',
                      'border-bottom': 'solid 1px rgba(77, 77, 77, 1)',
                    }" :cell-style="{
    height: '40px',
    background: 'rgb(30,30,30)',
    color: 'rgb(220,220,220)',
    padding: '3px',
    fontSize: '12px',
    'border-bottom': '1px solid #000000',
  }">
                    <el-table-column prop="name" label="名称" sortable width="200" align="center">
                    </el-table-column>
                    <!-- <el-table-column prop="stationId" label="风场" sortable>
                                      </el-table-column> -->
                    <!-- <el-table-column prop="modelId" label="机型" sortable>
                                      </el-table-column> -->
                    <el-table-column width="100" prop="rank" label="报警级别" align="center">
                    </el-table-column>
                    <!-- <el-table-column prop="rank" label="故障等级" sortable>
                                      </el-table-column> -->
                    <el-table-column prop="alertText" label="故障描述" align="center">
                    </el-table-column>
                    <el-table-column label="是否停机" width="180" align="center">
                      <template #default="scope">
                        <span>
                          <el-switch @change="handleSwitchChange(scope.row, 'earlyWarningStop')" v-model="scope.row.stop">
                          </el-switch>
                        </span>
                      </template>
                    </el-table-column>
                  </el-table>
                </div>
                <div class="pn-item" v-if="actMnIndex === 4">
                  <div class="searchTitle">
                    <el-row :gutter="20" style="width: 96%">
                      <el-col :span="12">
                        <div class="search">
                          <div class="date">是否启用</div>
                          <el-switch v-model="artificialIntelligence.enable" placeholder="请输入">
                          </el-switch>
                        </div>
                      </el-col>
                      <el-col :span="12">
                        <div class="search">
                          <div class="date">关联启动前10分钟样本</div>
                          <el-switch placeholder="请输入">
                          </el-switch>
                        </div>
                      </el-col>
                      <el-col :span="12">
                        <div class="search">
                          <div class="date">关联停机前10分钟样本</div>
                          <el-switch placeholder="请输入">
                          </el-switch>
                        </div>
                      </el-col>
                      <el-col :span="12">
                        <div class="search">
                          <div class="date">关联启动后10分钟样本</div>
                          <el-switch placeholder="请输入">
                          </el-switch>
                        </div>
                      </el-col>
                      <el-col :span="12">
                        <div class="search">
                          <div class="date">关联停机后10分钟样本</div>
                          <el-switch placeholder="请输入">
                          </el-switch>
                        </div>
                      </el-col>
                      <el-col :span="12">
                        <div class="search">
                          <div class="date">关联启动失败样本</div>
                          <el-switch placeholder="请输入">
                          </el-switch>
                        </div>
                      </el-col>
                      <el-col :span="12">
                        <div class="search">
                          <div class="date">关联停机失败样本</div>
                          <el-switch placeholder="请输入">
                          </el-switch>
                        </div>
                      </el-col>
                      <el-col :span="12">
                        <div class="search">
                          <div class="date">关联AGC限电样本</div>
                          <el-switch placeholder="请输入">
                          </el-switch>
                        </div>
                      </el-col>
                      <el-col :span="12">
                        <div class="search">
                          <div class="date">神经网络模型</div>
                          <el-switch placeholder="请输入">
                          </el-switch>
                        </div>
                      </el-col>
                    </el-row>
                  </div>
                </div>
              </div>
            </el-col>
          </el-row>
        </div>
      </div>
    </el-dialog>
  </template>
    
  <script>
  import api from "api/index";
  import BackgroundData from "utils/BackgroundData";
  // import mnIcon1 from '../assets/img/RecommendedArea/background.png'
  export default {
      data() {
          return {
              stationList: [],
              models: [],
              settingsControl: {},
              actMnIndex: 0,
              mnList: [
                  {
                      title: '自动控制',
                      desc: '以AGC有功控制指令为主要素，结合实时风速，风机实时状态，环境温度等，自动调整风电机组控制策略，避免机组小风期间自耗自损，大风时及时切入并网，及时发电。',
                      icon: `<svg t="1677572217645" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2893" width="50" height="50"><path d="M977.957409 285.77259L557.156718 13.281453a83.451794 83.451794 0 0 0-90.313878 0l-420.579335 272.491137A82.566364 82.566364 0 0 0 7.96865 355.500216V965.118893a58.881107 58.881107 0 0 0 58.881107 58.881107h890.300043a59.102464 59.102464 0 0 0 58.881107-58.881107V355.500216a82.345006 82.345006 0 0 0-38.073498-69.727626z m2.656291 679.346303a23.685257 23.685257 0 0 1-23.4639 23.4639H66.849757A23.4639 23.4639 0 0 1 43.385857 965.118893V355.500216a47.591872 47.591872 0 0 1 22.135755-40.065715l420.579334-272.491137a47.81323 47.81323 0 0 1 51.797665 0L959.806091 315.434501a47.370514 47.370514 0 0 1 22.135754 40.065715z" fill="#d4237a" p-id="2894"></path><path d="M311.671201 338.677043v-56.003459a21.028967 21.028967 0 1 0-41.836576 0v56.003459a98.504107 98.504107 0 0 0 0 192.581063v327.830523a21.028967 21.028967 0 0 0 41.836576 0V531.258106a98.504107 98.504107 0 0 0 0-192.581063z m-6.419369 150.965845l-3.320363 1.106788a60.209252 60.209252 0 0 1-10.84652 0 60.209252 60.209252 0 0 1-10.846519 0l-3.541721-1.106788a56.446174 56.446174 0 0 1 0-109.350627h3.320363a46.485084 46.485084 0 0 1 11.289235-1.106788 45.821012 45.821012 0 0 1 11.067877 1.106788h3.320363a56.446174 56.446174 0 0 1 0 109.350627zM530.151097 608.733247V282.673584a21.028967 21.028967 0 1 0-41.836576 0V608.733247a98.504107 98.504107 0 0 0 0 192.802421v57.331604a21.028967 21.028967 0 1 0 41.836576 0v-57.331604a98.725465 98.725465 0 0 0 0-192.802421z m-5.755296 150.965845h-4.205793a51.133593 51.133593 0 0 1-10.182447 1.106788h-1.992218a50.912235 50.912235 0 0 1-9.96109-1.106788h-3.984435a56.667531 56.667531 0 0 1 0-109.350627h3.763078a45.821012 45.821012 0 0 1 11.067877-1.106788 48.920017 48.920017 0 0 1 11.289235 1.106788h3.320363a56.667531 56.667531 0 0 1 0 109.350627zM754.607647 417.701686v-135.028102a21.028967 21.028967 0 0 0-42.057933 0v134.806745a98.504107 98.504107 0 0 0 0 192.802421v248.805879a22.135754 22.135754 0 0 0 42.057933 0V610.061392a98.504107 98.504107 0 0 0 0-192.359706z m-6.419369 150.744488l-3.763078 1.106788a65.079118 65.079118 0 0 1-11.289235 1.106787 60.43061 60.43061 0 0 1-11.067877-1.106787l-3.541721-1.106788a56.446174 56.446174 0 0 1 0-109.350627h3.099006a60.43061 60.43061 0 0 1 11.067877-1.106788 65.079118 65.079118 0 0 1 11.289235 1.106788h3.099006a56.446174 56.446174 0 0 1 0 109.350627z" fill="#d4237a" p-id="2895"></path></svg>`
                  },
                  {
                      title: '自动复位',
                      desc: '风电机组发生故障后，复位夜市消缺手段之一，利用自动复位功能，筛选可以复位消缺的故障，以达到提高机组可用小时的目的。',
                      icon: `<svg t="1677572318819" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3464" width="50" height="50"><path d="M821.248 67.584H207.936a137.856 137.856 0 0 0-137.728 137.728v613.376c0 75.968 61.76 137.728 137.728 137.728h613.312a137.92 137.92 0 0 0 137.728-137.728V205.312a137.856 137.856 0 0 0-137.728-137.728z m105.728 751.104c0 58.304-47.424 105.728-105.728 105.728H207.936a105.856 105.856 0 0 1-105.728-105.728V205.312c0-58.304 47.424-105.728 105.728-105.728h613.312c58.304 0 105.728 47.424 105.728 105.728v613.376z" fill="#d4237a" p-id="3465"></path><path d="M712.896 438.656H455.232V318.976L272.064 436.672c-15.424 9.984-15.424 25.984 0 35.968l183.232 117.76V470.656h257.6a39.68 39.68 0 0 1 39.744 39.68v139.072a39.68 39.68 0 0 1-39.744 39.616H339.648a16 16 0 0 0 0 32h373.248c39.552 0 71.744-32.128 71.744-71.616V510.4c0-39.552-32.192-71.744-71.744-71.744z" fill="#d4237a" p-id="3466"></path></svg>`
                  },
                  {
                      title: '优化控制',
                      desc: '在自动控制的基础上，考虑提高风能利用率，结合功率预测数据和计划检修安排，提起预判风资源情况下，优化控制，并监测AGC设定于实际出力偏差，超出范围及时调整控制策略，保证AGC曲线运行。',
                      icon: `<svg t="1677572372523" class="icon" viewBox="0 0 1131 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4400" width="50" height="50"><path d="M647.610811 946.508108h-88.562162v-130.075676h110.702702c-5.535135-24.908108-8.302703-52.583784-8.302702-77.491891H138.378378c-35.978378 0-63.654054-30.443243-63.654054-66.421622v-525.837838c0-35.978378 27.675676-66.421622 63.654054-66.421622h802.594595c35.978378 0 63.654054 30.443243 63.654054 66.421622v235.243243c24.908108 0 52.583784 2.767568 74.724324 8.302703V143.913514C1079.351351 63.654054 1018.464865 0 940.972973 0H138.378378C63.654054 0 0 63.654054 0 143.913514v525.837837c0 80.259459 63.654054 143.913514 138.378378 143.913514h340.410811v130.075676h-88.562162c-22.140541 0-38.745946 16.605405-38.745946 38.745945s16.605405 38.745946 38.745946 38.745946h254.616216c22.140541 0 38.745946-16.605405 38.745946-38.745946s-13.837838-35.978378-35.978378-35.978378z" fill="#d4237a" p-id="4401"></path><path d="M888.389189 799.827027c-85.794595 0-157.751351-71.956757-157.751351-157.751351s71.956757-157.751351 157.751351-157.751352v-77.491892c-130.075676 0-235.243243 105.167568-235.243243 235.243244s105.167568 235.243243 235.243243 235.243243 235.243243-105.167568 235.243243-235.243243h-77.491891c0 88.562162-69.189189 157.751351-157.751352 157.751351z" fill="#d4237a" p-id="4402"></path><path d="M965.881081 392.994595H940.972973v190.962162h190.962162v-24.908108c0-94.097297-74.724324-166.054054-166.054054-166.054054z m27.675676 138.378378v-83.027027c41.513514 11.07027 71.956757 41.513514 83.027027 83.027027h-83.027027zM772.151351 257.383784L470.486486 509.232432l-135.61081-132.843243c-13.837838-13.837838-35.978378-13.837838-49.816217 0s-13.837838 35.978378 0 49.816216L442.810811 581.189189c5.535135 5.535135 16.605405 11.07027 24.908108 11.07027 8.302703 0 16.605405-2.767568 22.14054-8.302702l326.572973-271.221622c13.837838-11.07027 16.605405-33.210811 5.535136-47.048649-11.07027-19.372973-33.210811-22.140541-49.816217-8.302702z" fill="#d4237a" p-id="4403"></path></svg>`
                  },
                  {
                      title: '预警停机',
                      desc: '根据风机存在的隐患，判断即将发生故障的影响程度，如果危害程度高，控制停机并提醒运行人员，生成缺陷单。',
                      icon: `<svg t="1677572417336" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6437" width="50" height="50"><path d="M992.618086 342.2208l-70.94272 40.96a40.96 40.96 0 0 1-40.96-70.94272l70.94272-40.96a40.96 40.96 0 1 1 40.96 70.94272zM1003.267686 983.04a40.96 40.96 0 0 1-40.96 40.96h-901.12a40.96 40.96 0 0 1 0-81.92h122.88v-327.68h2.82624a327.68 327.68 0 1 1 649.70752 0h2.82624v327.68h122.88a40.96 40.96 0 0 1 40.96 40.96z m-491.52-655.36a243.38432 243.38432 0 0 0-230.89152 327.14752h-14.04928L265.987686 942.08h491.52l-0.69632-287.25248h-14.04928A243.38432 243.38432 0 0 0 511.747686 327.68z m9.50272 529.77664a40.96 40.96 0 1 1-70.94272-40.96l59.67872-103.38304-69.632-40.30464a40.96 40.96 0 0 1-30.84288-61.11232l83.18976-144.09728a40.96 40.96 0 1 1 70.94272 40.96L502.490726 614.4l66.51904 38.37952a40.01792 40.01792 0 0 1 20.48 4.83328 40.96 40.96 0 0 1 14.99136 55.95136z m250.79808-653.84448a40.96 40.96 0 0 1-70.94272-40.96l40.96-70.94272a40.96 40.96 0 1 1 70.94272 40.96zM511.747686 163.84a40.96 40.96 0 0 1-40.96-40.96V40.96a40.96 40.96 0 0 1 81.92 0v81.92a40.96 40.96 0 0 1-40.96 40.96zM307.398246 218.60352a40.96 40.96 0 0 1-55.95136-14.99136l-40.96-70.94272a40.96 40.96 0 0 1 70.98368-40.96l40.96 70.94272a40.96 40.96 0 0 1-15.03232 55.95136zM101.820006 383.1808l-70.94272-40.96a40.96 40.96 0 0 1 40.96-70.94272l70.94272 40.96a40.96 40.96 0 0 1-40.96 70.94272z" fill="#d4237a" p-id="6438"></path></svg>`
                  },
                  // {
                  //     title: '人工智能',
                  //     desc: '利用神经网络算法，调整控制模型，模型调优依据控制策略评价指标。',
                  //     icon: `<svg t="1677572474858" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7783" width="50" height="50"><path d="M512 278.26087c129.113043 0 233.73913 104.626087 233.73913 233.73913S641.113043 745.73913 512 745.73913 278.26087 641.113043 278.26087 512 382.886957 278.26087 512 278.26087m0-44.52174c-153.6 0-278.26087 124.66087-278.26087 278.26087S358.4 790.26087 512 790.26087 790.26087 665.6 790.26087 512 665.6 233.73913 512 233.73913zM133.565217 496.417391H22.26087c-13.356522 0-22.26087-8.904348-22.26087-22.260869s8.904348-22.26087 22.26087-22.26087h111.304347c13.356522 0 22.26087 8.904348 22.26087 22.26087s-8.904348 22.26087-22.26087 22.260869zM1001.73913 496.417391h-111.304347c-13.356522 0-22.26087-8.904348-22.26087-22.260869s8.904348-22.26087 22.26087-22.26087h111.304347c13.356522 0 22.26087 8.904348 22.26087 22.26087s-11.130435 22.26087-22.26087 22.260869zM518.678261 158.052174c-13.356522 0-22.26087-8.904348-22.26087-22.26087v-111.304347c0-13.356522 8.904348-22.26087 22.26087-22.26087s22.26087 8.904348 22.260869 22.26087v111.304347c0 11.130435-11.130435 22.26087-22.260869 22.26087zM229.286957 260.452174c-6.678261 0-11.130435-2.226087-15.582609-6.678261L138.017391 171.408696c-8.904348-8.904348-8.904348-22.26087 2.226087-31.165218 8.904348-8.904348 22.26087-8.904348 31.165218 2.226087L244.869565 222.608696c8.904348 8.904348 8.904348 22.26087-2.226087 31.165217-2.226087 4.452174-8.904348 6.678261-13.356521 6.678261zM785.808696 256c-6.678261 0-11.130435-2.226087-15.582609-6.678261-8.904348-8.904348-6.678261-22.26087 2.226087-31.165217l82.365217-75.686957c8.904348-8.904348 22.26087-8.904348 31.165218 2.226087 8.904348 8.904348 6.678261 22.26087-2.226087 31.165218L801.391304 251.547826c-4.452174 2.226087-8.904348 4.452174-15.582608 4.452174zM734.608696 910.469565H289.391304c-13.356522 0-22.26087-8.904348-22.260869-22.260869s8.904348-22.26087 22.260869-22.26087h445.217392c13.356522 0 22.26087 8.904348 22.260869 22.26087s-8.904348 22.26087-22.260869 22.260869zM623.304348 1024H400.695652c-13.356522 0-22.26087-8.904348-22.260869-22.26087s8.904348-22.26087 22.260869-22.260869h222.608696c13.356522 0 22.26087 8.904348 22.260869 22.260869s-8.904348 22.26087-22.260869 22.26087z" p-id="7784" fill="#d4237a"></path><path d="M516.452174 558.747826h-95.721739L396.243478 623.304348h-28.93913l82.365217-215.930435h37.843478l82.365218 215.930435h-28.939131l-24.486956-64.556522z m-8.904348-24.486956l-35.617391-100.173913H467.478261L429.634783 534.26087h77.913043zM616.626087 407.373913H645.565217V623.304348h-28.93913v-215.930435z" p-id="7785" fill="#d4237a"></path></svg>`
                  // }
              ],
              stationId: 'MHS_FDC',
              modelId: '',
              dataId: '', //当前数据id
              alarminfos: [], //自动复位
              alertInfos: [], //预警停机
              autoControl: { //自动控制
                start: true,
                stop: true,
                maintain: true,
                unMaintain: true,
                exceedAgc: true,
                notControlTemplate: true,
                limitedPowerStop: false,
                startWindSpeed: {
                  value: 3.5,
                  enable: false,
                  maxValue: 5.0,
                  minValue: 2.5
                },
                stopAndMaintainWindSpeed: {
                  value: 2.5,
                  enable: false,
                  maxValue: 3.5,
                  minValue: 1.0
                },
                notMaintainStartTs: 1669824000000,
                notMaintainEndTs: 1678809600000,
                notMaintainAmbientTemperature: 0.0,
                maintainPercentage: {
                  value: 0.3,
                  enable: true,
                  maxValue: 1.0,
                  minValue: 0.0
                },
                stormWindSpeed: {
                  value: 25.0,
                  enable: false,
                  maxValue: 0.0,
                  minValue: 0.0
                },
                stopGearboxesTemperature: {
                  value: 60.0,
                  enable: false,
                  maxValue: 0.0,
                  minValue: 0.0
                },
                startGearboxesTemperature: {
                  value: 85.0,
                  enable: false,
                  maxValue: 0.0,
                  minValue: 0.0
                },
                countRetries: 2.0,
                controlInstructions: true,
                maintainable: false
              },
              autoReset: { //自动复位
                enable: false,
                resetCount: 1,
                alertInfo: null,
                prohibitResetUniformCodes: [],
                prohibitResetParts: [],
                possibleReset: false
              },
              optimizeControl: { //优化控制
                enable: true,
                powerForecast: true,
                autoStopAndLock: false,
                powerForecastSingleUnit: false,
                sensitivity: 3.0,
                actualInputWindSpeed: true,
                limitedPowerStop: false,
                windSpeedTrendsSingleUnit: true,
                agcDeviationValue: 3.0,
                advanceStartWindSpeed: 3.0,
                advanceStopWindSpeed: 2.5
              },
              earlyWarningStop: { //预警停机 
                enable: false,
                alertInfo: null,
                stopUniformCodes: [],
                prohibitResetParts: []
              },
              artificialIntelligence: { //人工智能
                enable: false
              }
          };
      },
      mounted() { },
      methods: {
          //时间change为时间戳
          funTimeStamp(val, parent, key){
            this[parent][key] = new Date(val).getTime()
          },
          opened() {
              let stationList = [];
              let stations = this.$store.state.stationList;
              stations.forEach((item) => {
                  if (item.id.indexOf("FDC") != -1) {
                      stationList.push(item);
                  }
              });
              this.stationList = stationList;
              this.stationId = stationList[0].id;
              this.getStationModels(true)
          },
          handleChange(val) {
              this.stationId = val;
              this.tableData = []
              this.pagenum = 1
              this.getStationModels()
          },
          getStationModels() {
              api.getStationModels({
                  stationid: this.stationId
              }).then(res => {
                  if (res.data) {
                      this.models = res.data
                      this.modelId = res.data[0]
                      this.getData();
                  }
              })
          },
          async getData() {
              await api.getSettings({
                  stationId: this.stationId,
                  modelId: this.modelId,
              }).then(res => {
                  if (res.data) {
                    this.autoControl = {...this.autoControl, ...res.data.autoControl}
                    this.autoReset = {...this.autoReset, ...res.data.autoReset}
                    this.optimizeControl = {...this.optimizeControl, ...res.data.optimizeControl}
                    this.earlyWarningStop = {...this.earlyWarningStop, ...res.data.earlyWarningStop}
                    this.artificialIntelligence = {...this.artificialIntelligence, ...res.data.artificialIntelligence}
                    this.dataId = res.data.id
                  }
              })
              api.warningSetting({
                stationId: this.stationId,
                modelId: this.modelId,
              }).then(res => {
                if(res.data){
                  this.alarminfos = res.data
                  if(res.data?.length){
                    this.autoReset.prohibitResetUniformCodes = []
                    this.autoReset.prohibitResetParts = []
                    for(const data of res.data){
                      if(!data.modelId){
                        if (data.notResettable) {
                            data.children.forEach(item => {
                                item.notResettable = true
                                const childrenAutoFindIndex = this.autoReset.prohibitResetUniformCodes.findIndex(o => o === item.uniformCode)
                                if(childrenAutoFindIndex == -1){
                                  this.autoReset.prohibitResetUniformCodes.push(item.uniformCode)
                                }
                            })
                            const autoProhibitResetPartsFindIndex = this.autoReset.prohibitResetParts.findIndex(o => o === data.id)
                            if(autoProhibitResetPartsFindIndex == -1){
                              this.autoReset.prohibitResetParts.push(data.id)
                            }
                        }else{
                          data.children.forEach(item => {
                              if(item.notResettable){
                                const childrenAutoFindIndex = this.autoReset.prohibitResetUniformCodes.findIndex(o => o === item.uniformCode)
                                if(childrenAutoFindIndex == -1){
                                  this.autoReset.prohibitResetUniformCodes.push(item.uniformCode)
                                }
                              }
                          })
                        }
                      }else{
                        const autoResetfindIndex = this.autoReset.prohibitResetUniformCodes.findIndex(o => o === data.uniformCode)
                        if (data.notResettable) {
                            if(autoResetfindIndex == -1){
                              this.autoReset.prohibitResetUniformCodes.push(data.uniformCode)
                            }
                        }
                      }
                    }
                  }
                }
              })
              api.costumeSetting({
                stationId: this.stationId,
                modelId: this.modelId,
              }).then(res => {
                if(res.data){
                  this.alertInfos = res.data
                  if(res.data?.length){
                    this.earlyWarningStop.stopUniformCodes = []
                    this.earlyWarningStop.prohibitResetParts = []
                    for(const data of res.data){
                      if(!data.modelId){
                        if (data.stop) {
                            data.children.forEach(item => {
                                item.stop = true
                                const childrenAutoFindIndex = this.earlyWarningStop.stopUniformCodes.findIndex(o => o === item.uniformCode)
                                if(childrenAutoFindIndex == -1){
                                  this.earlyWarningStop.stopUniformCodes.push(item.uniformCode)
                                }
                            })
                            const autoProhibitResetPartsFindIndex = this.earlyWarningStop.prohibitResetParts.findIndex(o => o === data.id)
                            if(autoProhibitResetPartsFindIndex == -1){
                              this.earlyWarningStop.prohibitResetParts.push(data.id)
                            }
                        }else{
                          data.children.forEach(item => {
                              if(item.stop){
                                const childrenAutoFindIndex = this.earlyWarningStop.stopUniformCodes.findIndex(o => o === item.uniformCode)
                                if(childrenAutoFindIndex == -1){
                                  this.earlyWarningStop.stopUniformCodes.push(item.uniformCode)
                                }
                              }
                          })
                        }
                      }else{
                        const autoResetfindIndex = this.earlyWarningStop.stopUniformCodes.findIndex(o => o === data.uniformCode)
                        if (data.notResettable) {
                            if(autoResetfindIndex == -1){
                              this.earlyWarningStop.stopUniformCodes.push(data.uniformCode)
                            }
                        }
                      }
                    }
                  }
                }
              })
          },
          toggleRowExpansionAll(isExpansion,refKey,data) {
              data.forEach((item) => {
                  this.$refs[refKey].toggleRowExpansion(item, isExpansion);
              });
          },
          updateSettings() {
              let bd = BackgroundData.getInstance();
              if (!bd.LoginUser) {
                this.$notify({
                  title: "请登录",
                  message: "修改设置需要先登录！",
                  type: "warning",
                  position: "bottom-right",
                  offset: 60,
                  duration: 3000,
                });
                return;
              }
              api.updateSettings({
                stationId: this.stationId,
                modelId: this.modelId,
                id: this.dataId,
                autoControl: this.autoControl,
                autoReset: this.autoReset,
                optimizeControl:this.optimizeControl,
                earlyWarningStop: this.earlyWarningStop,
                artificialIntelligence:this.artificialIntelligence
              }).then(res => {
                  if (res.data.code === 200) {
                      this.$notify({
                          title: "设置",
                          message: '修改成功',
                          type: "success",
                          position: "bottom-right",
                          offset: 60,
                          duration: 3000,
                      });
                      this.getData()
                  }else{
                    this.$notify({
                          title: "设置",
                          message: res.data.message,
                          type: "warning",
                          position: "bottom-right",
                          offset: 60,
                          duration: 3000,
                      });
                  }
              })
          },
          handleSwitchChange(data, type='autoReset') {
            if(type==='autoReset'){
              if (!data.modelId) {
                  const autoProhibitResetPartsFindIndex = this.autoReset.prohibitResetParts.findIndex(o => o === data.id)
                  if (data.notResettable) {
                      data.children.forEach(item => {
                          item.notResettable = true
                          const childrenAutoFindIndex = this.autoReset.prohibitResetUniformCodes.findIndex(o => o === item.uniformCode)
                          if(childrenAutoFindIndex == -1){
                            this.autoReset.prohibitResetUniformCodes.push(item.uniformCode)
                          }
                      })
                      if(autoProhibitResetPartsFindIndex == -1){
                        this.autoReset.prohibitResetParts.push(data.id)
                      }
                  } else {
                      data.children.forEach(item => {
                          item.notResettable = false
                      })
                      if(autoProhibitResetPartsFindIndex != -1){
                        this.autoReset.prohibitResetParts.splice(autoProhibitResetPartsFindIndex, 1)
                      }
                  }
              } else {
                  const autoResetfindIndex = this.autoReset.prohibitResetUniformCodes.findIndex(o => o === data.uniformCode)
                  if (data.notResettable) {
                      if(autoResetfindIndex == -1){
                        this.autoReset.prohibitResetUniformCodes.push(data.uniformCode)
                      }
                  } else {
                      if(autoResetfindIndex != -1){
                        this.autoReset.prohibitResetUniformCodes.splice(autoResetfindIndex, 1)
                      }
                  }
              }
            }else{
              if (!data.modelId) {
                  const prohibitResetPartsFindIndex = this.earlyWarningStop.prohibitResetParts.findIndex(o => o === data.id)
                  if (data.stop) {
                      data.children.forEach(item => {
                          item.stop = true
                          const childrenFindIndex = this.earlyWarningStop.stopUniformCodes.findIndex(o => o === item.uniformCode)
                          if(childrenFindIndex == -1){
                            this.earlyWarningStop.stopUniformCodes.push(item.uniformCode)
                          }
                      })
                      if(prohibitResetPartsFindIndex == -1){
                        this.earlyWarningStop.prohibitResetParts.push(data.id)
                      }
                  } else {
                      data.children.forEach(item => {
                          item.stop = false
                          const childrenFindIndex = this.earlyWarningStop.stopUniformCodes.findIndex(o => o === item.uniformCode)
                          if(childrenFindIndex != -1){
                            this.earlyWarningStop.stopUniformCodes.splice(childrenFindIndex, 1)
                          }
                      })
                      if(prohibitResetPartsFindIndex != -1){
                        this.earlyWarningStop.prohibitResetParts.splice(prohibitResetPartsFindIndex, 1);
                      }
                  }
              } else {
                  const findIndex = this.earlyWarningStop.stopUniformCodes.findIndex(o => o === data.uniformCode)
                  if (data.stop) {
                    if(findIndex == -1){
                      this.earlyWarningStop.stopUniformCodes.push(data.uniformCode)
                    }
                  } else {
                      if(findIndex != -1){
                        this.earlyWarningStop.stopUniformCodes.splice(findIndex, 1)
                      }
                  }
              }
            }
          },
          handleReturn(){
              
              this.$confirm('确定恢复默认设置?', '提示', {
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            type: 'warning'
          }).then(() => {
            api.returnSetting({
                  stationId: this.stationId,
                  modelId: this.modelId,
              }).then(res =>{
                  this.$notify({
                          title: "设置",
                          message: '修改成功',
                          type: "success",
                          position: "bottom-right",
                          offset: 60,
                          duration: 3000,
                      });
                      this.getData()
              })
          }).catch(() => {
            this.$message({
              type: 'info',
              message: '已取消恢复'
            });          
          });
              
          },
          closed() {
  
          },
  
      },
  };
  </script>
  <style lang="less" scoped>
  .body {
    background-color: #000000;
    height: 89vh;
    width: 102%;
    margin-left: -1%;
    margin-top: -40px;
  }
  
  .title {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 3vw;
    padding-top: 8px;
    position: absolute;
    width: 100%;
    background-color: #000000;
    padding-bottom: 10px;
  
    .title-item {
      background-color: #242424;
      border-radius: 4px;
      padding: 8px 27px 7px 25px;
      font-size: 14px;
      color: #b4bdc0;
      margin-right: 10px;
    }
  
    .title-onItem {
      background-color: rgba(37, 116, 219, 1);
      border-radius: 4px;
      padding: 8px 27px 7px 25px;
      font-size: 14px;
      color: #b4bdc0;
      margin-right: 10px;
    }
  }
  
  .models {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  
    .models-left {
      display: flex;
      flex-direction: row;
      align-items: center;
  
      .models-name {
        margin-right: 10px;
        color: #ffffff;
        font-size: 17px;
      }
    }
  
    .returns {
      background-color: #666666;
      border-radius: 4px;
      padding: 8px 15px 7px 15px;
      font-size: 14px;
      color: #ffffff;
      cursor: pointer;
      margin-right: 20px;
      margin-left: 10px;
    }
  }
  
  .content {
    margin-left: 3vw;
    padding-top: 7vh;
    width: 100%;
  }
  
  .control {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 15px;
  
    .control-item {
      display: flex;
      flex-direction: row;
      align-items: center;
      margin-right: 30px;
  
      .control-title {
        margin-right: 10px;
        color: #ffffff;
        font-size: 17px;
      }
    }
  }
  
  .inputs {
    width: 150px !important;
  }
  
  .el-switch {
    width: 50px !important;
  }
  
  .warningTable {
    width: 96%;
  }
  
  .el-table--border::after,
  .el-table--group::after,
  .el-table::before {
    background-color: #000000 !important;
  }
  
  .teble-buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 10px 0;
  
    .button {
      background-color: rgba(37, 116, 219, 1);
      border-radius: 4px;
      padding: 8px 27px 7px 25px;
      font-size: 14px;
      color: #b4bdc0;
      margin-right: 10px;
    }
  }
  
  .mn {
    overflow-y: auto;
    height: 82vh;
    overflow-x: hidden;
  
    &-item {
      // width: 100%;
      min-height: 118px;
      padding: 20px;
      display: flex;
      border-radius: 8px;
      cursor: pointer;
      transition: all ease .2s;
      border-bottom: 2px solid black;
  
      &-icon {
        height: 60px;
        width: 60px;
        // border-radius: 50%;
        overflow: hidden;
        flex: 0 0 60px;
  
        img {
          width: 100%;
          height: 100%;
        }
      }
  
      &-fl {
        display: flex;
        flex-direction: column;
  
        &-tt {
          padding-top: 10px;
          font-size: 18px;
          color: white;
        }
  
        &-desc {
          padding-top: 20px;
          font-size: 12px;
          color: grey;
          white-space: wrap;
        }
      }
  
      &:hover {
        background: rgba(255, 255, 255, 0.3);
  
        .mn-item-fl-desc {
          color: white;
        }
      }
  
      &[data-active='true'] {
        background: rgba(255, 255, 255, 0.3);
  
        .mn-item-fl-desc {
          color: white;
        }
      }
  
    }
  }
  
  .panel {
    height: 82vh;
    overflow-x: hidden;
    overflow-y: auto;
  
    .pn-item {
      &-desc {
        width: 96%;
        line-height: 2;
        color: rgba(255, 255, 255, 0.75);
      }
    }
  }
  
  .searchTitle {
    display: flex;
    flex-direction: row;
    align-items: center;
    //   margin-left: 3vw;
    flex-wrap: wrap;
    padding-top: 10px;
    color: #ffffff;
  }
  
  .search {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-right: 50px;
    margin-top: 20px;
    height: 40px;
    flex: 1 1 200px;
    white-space: nowrap;
  }
  
  .date {
    margin-right: 10px;
    font-size: 16px;
  }
  
  .inputs {
    border: none;
    width: 174px !important;
    background-color: #292929;
    height: 40px;
    color: #ffffff;
  }
  /deep/ .el-input-number__decrease, /deep/ .el-input-number__increase{
    background: #666666!important;
    color: white!important;
  }
  </style>