IDCOL/webConfig/src/views/projectManagement.vue

<template>
    <div class="projectManagement_template">
        <div class="nav_top">
            <div class="left_title">
                <img src="../img/iconfont/notice.png"><span class="span">Please pay attention to the updated content at any time.</span>
            </div>
            <div class="right_operation">
                <el-dropdown @command="commandDropdown" trigger="click" @visible-change="commandHide('dropdown_projectManagement_division')">
                    <span class="el-dropdown-link">
                        <span>{{divisionName}}</span><i class="el-icon-caret-bottom el-icon--right"></i>
                    </span>
                    <el-dropdown-menu slot="dropdown" class="scrollbar_style dropdown_projectManagement_division">
                        <el-dropdown-item v-for="item in divisionNav" :class="{'select':item.id==division}" :command="{'key':'division','id':item.id}" :key="item.id">{{item.name}}</el-dropdown-item>
                    </el-dropdown-menu>
                </el-dropdown>
                <el-input placeholder="search..." v-model="keywords" @keyup.native="getLightListKeyUp($event)" class="input-with-select">
                    <i slot="suffix" class="el-input__icon el-icon-search" @click="getLightList()"></i>
                </el-input>
                <div class="btn" @click="addItemFun()"><img src="../img/iconfont/add.png"><span>New project</span></div>
            </div>
        </div>
        <div class="projectManagement_main">
            <side-bar-idcol class="side_bar_left" :sideBarList="projectNav" :companyId="companyId" :projectId="projectId" :roadId="roadId" :sideBarListIsOpen="sideBarListIsOpen" :projectSelectFun="projectSelectFun" :roadSelectFun="roadSelectFun" :sideBarIsOn="sideBarIsOn" :sideBarType="sideBarType" :sideBarCompanyList="sideBarCompanyList" :projectAll="projectAll"></side-bar-idcol>
            <div class="main_top">
                <div class="main_top_left">
                    <div class="main_top_left_left">
                        <div class="title">
                            <div class="l_text">
                                <span class="span1">{{detailData.projectname}}</span>
                                <span class="span2">Number:{{detailData.number}}</span>
                            </div>
                            <div class="r_btn" @click="editProject()"><i class="iconfont icon-bianji"></i></div>
                        </div>
                        <p class="p"><i class="iconfont icon-dizhi"></i><span class="span2">{{detailData.location}}</span></p>
                        <div class="data_bpx">
                            <div class="li">
                                <p class="p1">{{Number(deviceTotalData.light_num).formatNumberRgx()}}</p>
                                <p class="p2">Lights</p>
                            </div>
                            <div class="li">
                                <p class="p1"><span class="span1">{{Number(deviceTotalData.online_num).formatNumberRgx()}}</span><span class="span2">{{deviceTotalData.online_rate}}</span></p>
                                <p class="p2">On-line</p>
                            </div>
                            <div class="li">
                                <p class="p1"><span class="span1">{{Number(deviceTotalData.light_num).formatNumberRgx()}}</span><span class="span2">{{deviceTotalData.light_rate}}</span></p>
                                <p class="p2">Light-up</p>
                            </div>
                            <div class="li">
                                <p class="p1"><span class="span1">{{Number(deviceTotalData.fault_count).formatNumberRgx()}}</span><span class="span2">{{deviceTotalData.fault_rate}}</span></p>
                                <p class="p2">Flaut</p>
                            </div>
                        </div>
                    </div>
                    <div class="main_top_left_right">
                        <div class="box box1">
                            <p class="p1"><i></i><span>Time zone</span></p>
                            <p class="p2">{{detailData.timezone}}</p>
                        </div>
                        <div class="box box2">
                            <p class="p1"><i></i><span>Creation time</span></p>
                            <p class="p2">{{detailData.create_time}}</p>
                        </div>
                        <div class="box box3">
                            <p class="p1"><i></i><span>Region</span></p>
                            <p class="p2">{{detailData.address}}</p>
                        </div>
                    </div>
                </div>
                <div class="main_top_right">
                    <template v-if="weatherList.length>0">
                        <div class="weather_top">
                            <div class="weather_top_l">
                                <div class="box1">
                                    <img src="../img/weather/304.png">
                                </div>
                                <div class="box2">
                                    <p class="p1">Today</p>
                                    <p class="p2">{{weatherList[0].Thundershower}}</p>
                                </div>
                            </div>
                            <div class="weather_top_r">
                                <div class="box1">
                                    <img src="../img/sunrise.png">
                                    <p class="p2">{{weatherList[0].sr}}</p>
                                </div>
                                <div class="box2">
                                    <img src="../img/sunset.png">
                                    <p class="p2">{{weatherList[0].ss}}</p>
                                </div>
                                <div class="box3"><span>{{(new Date().format('HH:MM'))}}</span></div>
                            </div>
                        </div>
                        <div class="weather_top_bottom" v-if="weatherList.length>1">
                            <div class="li">
                                <p class="p1">{{weatherList[1].dateStr}}</p>
                                <img :src="require('../img/weather/'+weatherList[1].code+'.png')">
                                <p class="p2">{{weatherList[1].maxTmp+'/'+weatherList[1].minTmp}}</p>
                            </div>
                            <div class="li">
                                <p class="p1">{{weatherList[2].dateStr}}</p>
                                <img :src="require('../img/weather/'+weatherList[2].code+'.png')">
                                <p class="p2">{{weatherList[2].maxTmp+'/'+weatherList[2].minTmp}}</p>
                            </div>
                            <div class="li">
                                <p class="p1">{{weatherList[3].dateStr}}</p>
                                <img :src="require('../img/weather/'+weatherList[3].code+'.png')">
                                <p class="p2">{{weatherList[3].maxTmp+'/'+weatherList[3].minTmp}}</p>
                            </div>
                            <div class="li">
                                <p class="p1">{{weatherList[4].dateStr}}</p>
                                <img :src="require('../img/weather/'+weatherList[4].code+'.png')">
                                <p class="p2">{{weatherList[4].maxTmp+'/'+weatherList[4].minTmp}}</p>
                            </div>
                            <div class="li">
                                <p class="p1">{{weatherList[5].dateStr}}</p>
                                <img :src="require('../img/weather/'+weatherList[2].code+'.png')">
                                <p class="p2">{{weatherList[5].maxTmp+'/'+weatherList[5].minTmp}}</p>
                            </div>
                            <div class="li">
                                <p class="p1">{{weatherList[6].dateStr}}</p>
                                <img :src="require('../img/weather/'+weatherList[6].code+'.png')">
                                <p class="p2">{{weatherList[6].maxTmp+'/'+weatherList[6].minTmp}}</p>
                            </div>
                        </div>
                    </template>
                </div>
            </div>
            <div class="main_table">
                <div class="table_top">
                    <div class="table_top_l">
                        <el-dropdown @command="commandDropdown" trigger="click" @visible-change="commandHide('dropdown_projectManagement_roadId')">
                            <span class="el-dropdown-link">
                                <span>{{roadIdName}}</span><i class="el-icon-caret-bottom el-icon--right"></i>
                            </span>
                            <el-dropdown-menu slot="dropdown" class="scrollbar_style dropdown_projectManagement_roadId">
                                <el-dropdown-item :class="{'select':roadId== 0}" :command="{'key':'roadId','id':0}" :key="0">All</el-dropdown-item>
                                <el-dropdown-item v-for="item in tabNavList" :class="{'select':item.id==roadId}" :command="{'key':'roadId','id':item.id}" :key="item.id">{{item.name}}</el-dropdown-item>
                            </el-dropdown-menu>
                        </el-dropdown>
                        <div class="nav_box">
                            <div class="li" :class="{'select':status=='0' && alarmtype == '0' && offline == '0' && online == '0'}" @click="statusTypeFun('0','0','0','0')"><span>All</span></div>
                            <div class="li" :class="{'select':alarmtype == '1'}" @click="statusTypeFun('0','1','0','0')"><span>Overdischarge</span></div>
                            <div class="li" :class="{'select':alarmtype == '2'}" @click="statusTypeFun('0','2','0','0')"><span>Overpressure</span></div>
                            <div class="li" :class="{'select':offline == '1'}" @click="statusTypeFun('0','0','1','0')"><span>Offline</span></div>
                            <div class="li" :class="{'select':online == '1'}" @click="statusTypeFun('0','0','0','1')"><span>Online</span></div>
                            <div class="li" :class="{'select':status == '1'}" @click="statusTypeFun('1','0','0','0')"><span>Warning</span></div>
                        </div>
                        <div class="btn" @click="batchProcessingFun('on')" v-if="batchProcessing=='off'"><i class="iconfont icon-piliangcaozuo"></i><span>Batch management</span></div>
                        <div class="left_button" v-if="batchProcessing=='on'">
                            <div :class="{'lampcontrol_type_select':lampcontrolOperationType=='1'}" @click="batchOperation('1')"><span>Turn-on</span></div>
                            <div :class="{'lampcontrol_type_select':lampcontrolOperationType=='0'}" @click="batchOperation('0')"><span>Turn-off</span></div>

                            <div :class="{'lampcontrol_type_select':lampcontrolOperationType=='参数'}" @click="batchOperation('参数')"><span>Parameter</span></div>
                            <div class="dimming_slider_box" :class="{'lampcontrol_type_select':lampcontrolOperationType=='调光'}" @click="batchOperation('调光')">
                                <span>Dimming</span>
                                <el-slider v-model="batchDimmingVal" v-if="lampcontrolOperationType=='调光'"></el-slider>
                                <span class="span_last" v-if="lampcontrolOperationType=='调光'">{{batchDimmingVal}}%</span>
                            </div>

                            <div :class="{'lampcontrol_type_select':lampcontrolOperationType=='3'}" @click="batchOperation('3')"><span class="del">Delete</span></div>
                            <div :class="{'wxzzt':lampcontrolOperationType == '-1'}"><span @click="batchProcessingFun('off')" v-loading="loading.batchProcessingFun">{{lampcontrolOperationType=='参数'?'modify':'Save'}}</span></div>
                            <div @click="batchProcessingFun('cancel')"><span>Cancel</span></div>
                        </div>
                    </div>
                    <div class="table_top_r">
                        <div class="btn" @click="getLightList()">
                            <i class="iconfont icon-shuaxin"></i>
                        </div>
                        <div class="btn" @click="fieldManagement()">
                            <i class="iconfont icon-ziduan"></i><span>Field</span>
                        </div>
                        <div class="btn"  @click="addLightControlFun()">
                            <img src="../img/iconfont/add.png"><span>New Light</span>
                        </div>
                    </div>
                </div>
                <el-table
                    ref="deviceList"
                    v-loading="loading.deviceList"
                    element-loading-background="rgba(255, 255, 255, 0.5)"
                    height="calc(100% - 9.6rem)"
                    @selection-change="handleSelectionChange"
                    :data="deviceList">
                    <el-table-column
                      fixed
                      type="selection"
                      width="50">
                    </el-table-column>
                    <el-table-column
                        label="Num"
                        prop="webIndex"
                        align="center"
                        header-align="center"
                        width="60">
                    </el-table-column>
                    <el-table-column
                        v-for="(item) in deviceArr"
                        :key="'table_'+item.prop"
                        :prop="item.prop"
                        :label="item.label"
                        :align="item.align?item.align:'center'"
                        :width="item.width"
                        :show-overflow-tooltip="true"
                        :min-width="item.minWidth">
                        <template slot-scope="scope">
                            <div v-if="item.prop != 'status'&&item.prop != 'lighteness'">{{scope.row[item.prop]}}{{item.unit?item.unit:''}}</div>

                            <div v-if="item.prop == 'status'" class="status">
                                <img src="../img/projectManagement/Online.png" v-if="scope.row[item.prop] == '1'">
                                <img src="../img/projectManagement/Offline.png" v-if="scope.row[item.prop] == '0'" >
                            </div>
                            <div v-if="item.prop == 'lighteness'" class="Brightness">
                                <div class="progress_outer" @click="brightnessAdjustment($event,scope.row)">
                                    <div class="progress_inner" :style="{'width':scope.row['lighteness']+'%'}">
                                    </div>
                                    <div class="text" :class="{'light50':scope.row['lighteness'] >55,'light0':scope.row['lighteness'] ==0}">{{scope.row['lighteness'] != 0 ? scope.row['lighteness']+'%':'off'}}</div>
                                </div>
                                <!-- <div style="position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;" ></div> -->
                            </div>

                        </template>
                    </el-table-column>

                    <el-table-column
                        fixed="right"
                        align="center"
                        :width="12*remRatio"
                        :label="'operation'">
                        <template slot-scope="scope">
                            <span class="btn" @click="seeFun(scope.row)" title="See">
                                <i class="iconfont icon-chakanxiangqing"></i>
                            </span>
                            <span class="btn" @click="editFun(scope.row)" title="Edit">
                                <i class="iconfont icon-bianji"></i>
                            </span>
                            <span class="btn" @click="historicalFun(scope.row)" title="Historical">
                                <i class="iconfont icon-lishi"></i>
                            </span>
                            <span class="btn" @click="gisFun(scope.row,'GIS')" title="GIS">
                                <i class="iconfont icon-GIS"></i>
                            </span>
                            <span class="btn" @click="monitorFun(scope.row)" title="Weather">
                                <i class="iconfont icon-tianqi"></i>
                            </span>
                        </template>
                    </el-table-column>
                </el-table>
                <div class="pagination_box">
                    <div class="left">
                        <div class="totle">
                            <span class="span1">Total</span>
                            <span class="span2">{{total}}</span>
                        </div>
                        <div class="line"></div>
                        <el-dropdown @command="commandDropdown" trigger="click" @visible-change="commandHide('dropdown_projectManagement_division')">
                            <span class="el-dropdown-link">
                                <span>{{pageSizeName}}</span><i class="el-icon-caret-bottom el-icon--right"></i>
                            </span>
                            <el-dropdown-menu slot="dropdown" class="scrollbar_style dropdown_projectManagement_pageSize">
                                <el-dropdown-item v-for="item in pageSizeArr" :class="{'select':item.id==pageSize}" :command="{'key':'pageSize','id':item.id}" :key="item.id">{{item.name}}</el-dropdown-item>
                            </el-dropdown-menu>
                        </el-dropdown>
                    </div>
                    <el-pagination
                      @current-change="handleCurrentChange"
                      :current-page="currentPage"
                      :page-sizes="pageSizeArr"
                      :page-size="pageSize"
                      layout="prev, pager, next, jumper"
                      :total="total">
                    </el-pagination>
                </div>
            </div>
        </div>
        <div class="lamp_light_slider" v-show="lampLightSliderShow">
            <div class="bg" @click="lampLightSliderClose()"></div>
            <div class="box" :style="{'top':lampLightSliderPageY+'px','left':lampLightSliderPageX+'px'}">
                <div class="div1">
                    <span></span><i></i>
                </div>
                <div class="div2">
                    <div>
                        <span>{{'brightness'}}: {{lampLightSlider}}%</span>
                        <span @click="lampLightSliderSave()" v-loading="loading.lampLightSlider">{{'save'}}</span>
                    </div>
                    <div>
                        <el-slider v-model="lampLightSlider"></el-slider>
                    </div>
                </div>
          </div>
        </div>
        <!-- 添加/编辑项目弹框 -->
        <el-dialog
          :title="projectTitle"
          :visible.sync="addItemDialog"
          :close-on-click-modal="false"
          class="addItem_box"
          width="60%">
            <el-form ref="addItemData" label-width="120px" :model="addItemData" label-position="right" class="box">
                <el-row>
                    <el-col :span="12" class="left_box">
                      <el-form-item label="Project name:" prop="projectName" :rules="{required: true, message: 'Can not be empty', trigger: 'blur'}">
                        <el-input v-model="addItemData.projectName" @keyup.native="projectKeydown($event)"></el-input>
                      </el-form-item>
                      <el-form-item label="Country:" prop="countryId" :rules="{required: true, message: 'Not null', trigger: 'change'}">
                        <el-select v-model="addItemData.countryId" @change = "countryType" @keyup.native="projectKeydown($event)">
                            <el-option
                              v-for="item in countryList"
                              :key="item.id"
                              :label="item.name"
                              :value="item.id">
                            </el-option>
                        </el-select>
                      </el-form-item>
                      <el-form-item label="City:" prop="cityId" :rules="{required: true, message: 'Not null', trigger: 'change'}" v-if="cityList.length > 0">
                        <el-select v-model="addItemData.cityId" @change = "cityType" @keyup.native="projectKeydown($event)">
                            <el-option
                              v-for="item in cityList"
                              :key="item.id"
                              :label="item.name"
                              :value="item.id">
                            </el-option>
                        </el-select>
                      </el-form-item>
                      <el-form-item label="City:" v-if="cityList.length == 0">
                        <el-input v-model="addItemData.cityId" :disabled="true"></el-input>
                      </el-form-item>
                    </el-col>
                    <el-col :span="12">
                      <el-form-item label="Number:" prop="projectNo" :rules="{required: true, message: 'Can not be empty', trigger: 'blur'}">
                        <el-input v-model="addItemData.projectNo" @keyup.native="projectKeydown($event)"></el-input>
                      </el-form-item>
                      <el-form-item label="Province:" prop="provinceId" :rules="{required: true, message:'Not null', trigger: 'change'}" v-if="provinceList.length > 0">
                        <el-select v-model="addItemData.provinceId" @change = "provinceType" @keyup.native="projectKeydown($event)">
                            <el-option
                              v-for="item in provinceList"
                              :key="item.id"
                              :label="item.name"
                              :value="item.id">
                            </el-option>
                        </el-select>
                      </el-form-item>
                      <el-form-item label="Province:" v-if="provinceList.length == 0">
                        <el-input v-model="addItemData.provinceId" :disabled="true"></el-input>
                      </el-form-item>
                      <el-form-item label="Area:" prop="areaId" :rules="{required: true, message:'Not null', trigger: 'change'}" v-if="areaList.length > 0">
                        <el-select v-model="addItemData.areaId" @keyup.native="projectKeydown($event)">
                            <el-option
                              v-for="item in areaList"
                              :key="item.id"
                              :label="item.name"
                              :value="item.id">
                            </el-option>
                        </el-select>
                      </el-form-item>
                      <el-form-item label="Area:" v-if="areaList.length == 0">
                        <el-input v-model="addItemData.areaId" :disabled="true"></el-input>
                      </el-form-item>
                    </el-col>
                </el-row>
                <el-form-item label="Inspection time:" prop="patrolinterval">
                    <el-select v-model="addItemData.patrolinterval" style="width:100%" @keyup.native="projectKeydown($event)">
                        <el-option key="0" value="0" :label="'Close inspection'"></el-option>
                        <el-option key="5" value="5" :label="'5min'"></el-option>
                        <el-option key="10" value="10" :label="'10min'"></el-option>
                        <el-option key="30" value="30" :label="'30min'"></el-option>
                        <el-option key="60" value="60" :label="'1h'"></el-option>
                        <el-option key="120" value="120" :label="'2h'"></el-option>
                        <el-option key="360" value="360" :label="'6h'"></el-option>
                        <el-option key="720" value="720" :label="'12h'"></el-option>
                        <el-option key="1440" value="1440" :label="'24h'"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="Address:" prop="address">
                    <el-input v-model="addItemData.address" type="textarea" @keyup.native="projectKeydown($event)"></el-input>
                </el-form-item>
            </el-form>
          <div class="dialog_foot">
            <el-button type="primary" @click="projectSaveFun()" v-loading="projectSaveLoading">{{projectButton}}</el-button>
            <span class="project_del" v-if="projectTitle == 'Edit Project'" @click="projectSaveDel()">{{'Delete Project'}}</span>
          </div>
        </el-dialog>
        <!-- 字段管理弹框 -->
        <el-dialog
          :title="'Field Management'"
          :visible.sync="fieldDialog"
          :close-on-click-modal="false"
          class="field_box"
          width="95%">
          <div class="clearfix" :class="{'fielf_box':(windowWidth < 1600 && version == 0)}">
            <div class="field_list" :class="{'field_select':item.select=='1'&&item.select}" v-for="(item) in fieldList" :key="item.fields" v-show="item.fields1 != 'lighteness'">
                <div @click="fieldSelect(item)">
                    <img src="../img/projectManagement/select.png" height="12" width="12" v-if="item.select=='1'">
                    <span>{{item.enname}}</span>
                </div>
            </div>
          </div>
          <div class="dialog_foot">
            <el-button type="primary" @click="fieldKeep()" v-loading="loading.fieldKeep">{{'Save'}}</el-button>
          </div>
        </el-dialog>
        <!-- 表格详情弹框 -->
        <el-dialog
          title="Lamp Details"
          :visible.sync="detailsDialog"
          :close-on-click-modal="false"
          class="solar_dialig details_box"
          width="95%">
          <div class="wrap">
            <div class="nav clearfix" style="width: 550px;margin-left: -275px;">
                <div class="nav_list"
                    :class="{'details_nav_select':detailsNavSelect==item.model}"
                    v-for="item in detailsNavListEN"
                    :key="item.label"
                    @click="detailsNavSelectFun(item)"><span>{{item.label}}</span></div>
            </div>
            <div class="details_list_box clearfix" :class="{'details_list_box_EN':version == 0}" v-loading="loading.detailsFieldList">
                <div class="details_list" :class="{'details_list_min':(windowWidth < 1600 && version == 0)}" v-for="item in detailsFieldList" :key="item.key">
                    <template v-if="!(lampcontrolListHC['devicetype'] == '1')&&!(item.model =='lighteness'&&lampLoadtype=='1')">
                        <span v-if="item.unit">{{item.key+'('+item.unit+'):'}}</span>
                        <span v-if="!item.unit">{{item.key+':'}}</span>

                        <span v-if="item.value && item.model!='lampstatus'&&item.model !='status'&&item.model !='devicetype'&&item.model !='battstatus'&&item.model !='chargestage'" :title="item.value">{{item.value}}</span>
                        <span v-if="item.model && item.model=='lampstatus' && item.value == '0'" :title="'Off'">{{'Off'}}</span>
                        <span v-if="item.model && item.model=='lampstatus' && item.value == '1'" :title="'On'">{{'On'}}</span>

                        <span v-if="item.model && item.model=='status' && item.value == '0'" :title="'Not online'">{{'Not online'}}</span>
                        <span v-if="item.model && item.model=='status' && item.value == '1'" :title="'Online'">{{'Online'}}</span>
                        <span v-if="item.model && item.model=='battstatus' && item.value == '0'" :title="'idle'">{{'idle'}}</span>
                        <span v-if="item.model && item.model=='battstatus' && item.value == '1'" :title="'Discharging'">{{'Discharging'}}</span>
                        <span v-if="item.model && item.model=='battstatus' && item.value == '2'" :title="'Charging'">{{'Charging'}}</span>
                        <span v-if="item.model && item.model=='battstatus' && item.value == '3'" :title="'Discharge while charging'">{{'Discharge while charging'}}</span>

                        <span v-if="item.model && item.model=='chargestage' && (item.value == ''||item.value == null)" :title="'Unknown state'">{{'Unknown state'}}</span>
                        <span v-if="item.model && item.model=='chargestage' && item.value == '0'" :title="'Uncharged'">{{'Uncharged'}}</span>

                        <span v-if="item.model && item.model=='chargestage' && item.value == '1'" :title="'Start charging'">{{'Uncharged'}}</span>
                        <span v-if="item.model && item.model=='chargestage' && item.value == '6'" :title="'Current limiting'">{{'Uncharged'}}</span>
                        <span v-if="item.model && item.model=='chargestage' && item.value == '7'" :title="'Full'">{{'Uncharged'}}</span>

                        <span v-if="item.model && item.model=='chargestage' && item.value == '16'" :title="'MPPT charging'">{{'MPPT charging'}}</span>
                        <span v-if="item.model && item.model=='chargestage' && item.value == '32'" :title="'Balanced charge'">{{'Balanced charge'}}</span>
                        <span v-if="item.model && item.model=='chargestage' && item.value == '48'" :title="'Increase charging'">{{'Increase charging'}}</span>
                        <span v-if="item.model && item.model=='chargestage' && item.value == '64'" :title="'Floating charge'">{{'Floating charge'}}</span>

                        <span v-if="!(item.value)">{{item.value}}</span>
                    </template>
                </div>
                <div v-if="detailsFieldList.length == 0 && !loading.detailsFieldList" style="text-align:center;">
                    {{'No relevant data was queried'}}
                </div>
            </div>
          </div>
        </el-dialog>
        <!-- 灯控添加编辑 -->
        <el-dialog
          :title="lightControlTitle"
          :visible.sync="addLightControlDialog"
          :close-on-click-modal="false"
          class="solar_dialig addLightControl_box"
          width="95%">
            <el-dialog
              width="80%"
              :title="'Lamp positioning'"
              :visible.sync="amapWrapper"
              :close-on-click-modal="false"
              append-to-body>
              <div class="lampAmapWrapper_box">
                    <el-input class="screenMap" v-model="screenMap" @keyup.native="screenMapKeyUp($event)" :placeholder="'Please enter the keyword search'" clearable>
                     <i slot="prefix" class="scree-icon el-icon-search" @click="screenMapChange(screenMap)"></i>
                    </el-input>
                  <div id="lampAmapWrapper">
                  </div>
              </div>
            </el-dialog>
            <el-form label-width="200px" ref="lightControlData" :model="lightControlData" :rules="lightControlDataRulesEN" label-position="right" class="clearfix">
                <el-form-item :label="item.label+item.unit+':'" :key="item.id" v-for="item in lightControlListEN_for" class="list_box" :class="{'list_box_min':windowWidth < 1600}" :prop="item.model">
                    <el-input v-model="lightControlData[item.model]" v-if="item.type != 'select'&&item.type != 'select_filterable'&&item.model !='lamp_no'"
                    @keyup.native="lampKeydown($event)"></el-input>
                    <el-input-number v-model="lightControlData[item.model]" controls-position="right" :min="0" :max="999999"  v-if="item.type != 'select'&&item.model =='lamp_no'"
                    @keyup.native="lampKeydown($event)"></el-input-number>
                    <el-select v-model="lightControlData[item.model]" placeholder="please choose" v-if="item.type == 'select' && item.model == 'protocoltype'"  @keyup.native="lampKeydown($event)">
                        <el-option :key="0" label="mqtt" :value="0"></el-option>
                    </el-select>
                    <el-select v-model="lightControlData[item.model]" placeholder="please choose" v-if="item.type == 'select' && item.model == 'poName'&&role != 2&&role != 4"  @keyup.native="lampKeydown($event)">
                        <el-option :key="item.id" :label="item.name" :value="item.id" v-for="item in companyNavPO"></el-option>
                    </el-select>
                    <el-select v-model="lightControlData[item.model]" placeholder="please choose" v-if="item.type == 'select' && item.model == 'supplierName'&&role != 2"  @keyup.native="lampKeydown($event)">
                        <el-option :key="item.id" :label="item.name" :value="item.id" v-for="item in companyNavSupplier"></el-option>
                    </el-select>

                    <el-select v-model="lightControlData[item.model]" placeholder="please choose" v-if="item.type == 'select' && item.model == 'loadtype'"  @keyup.native="lampKeydown($event)">
                        <el-option key="0" label="LED" value="0"></el-option>
                        <el-option key="1" label="Insecticidal lamp" value="1"></el-option>
                    </el-select>
                    <el-select v-model="lightControlData[item.model]" placeholder="please choose" v-if="item.type == 'select' && item.model == 'network_id'"
                    @keyup.native="lampKeydown($event)">
                        <el-option
                          v-for="item in networkList"
                          :key="item.id"
                          :label="item.name"
                          :value="item.id">
                        </el-option>
                     </el-select>

                     <el-select
                        v-model="lightControlData[item.model]"
                        placeholder="please choose"
                        @keyup.native="lampKeydown($event)"
                        v-if="item.type == 'select_filterable' && item.model == 'polematerial'">
                        <el-option key="Cold galvanizing" label="Cold galvanizing" value="Cold galvanizing"></el-option>
                        <el-option key="Hot galvanizing" label="Hot galvanizing" value="Hot galvanizing"></el-option>
                        <el-option key="Stainless steel" label="Stainless steel" value="Stainless steel"></el-option>
                      </el-select>
                     <el-select
                        v-model="lightControlData[item.model]"
                        placeholder="please choose"
                        @keyup.native="lampKeydown($event)"
                        v-if="item.type == 'select_filterable' && item.model == 'lighttype'">
                        <el-option key="LED lamp" label="LED lamp" value="LED lamp"></el-option>
                        <el-option key="Sodium lamp" label="Sodium lamp" value="Sodium lamp"></el-option>
                        <el-option key="Energy saving light" label="Energy saving light" value="Energy saving light"></el-option>
                      </el-select>
                     <el-select
                        v-model="lightControlData[item.model]"
                        placeholder="please choose"
                        @keyup.native="lampKeydown($event)"
                        v-if="item.type == 'select_filterable' && item.model == 'lamptype'">
                        <el-option key="Solar street lamp" label="Solar street lamp" value="Solar street lamp" v-if="lampLoadtype == '0'"></el-option>
                        <el-option key="Solar street lamp" label="Solar street lamp" value="Solar street lamp" v-if="lampLoadtype == '1'"></el-option>
                        <el-option key="Landscape Insect trap" label="Landscape Insect trap" value="Landscape Insect trap"></el-option>
                        <el-option key="Garden light" label="Garden light" value="Garden light"></el-option>
                      </el-select>
                     <el-select
                        v-model="lightControlData[item.model]"
                        placeholder="please choose"
                        @keyup.native="lampKeydown($event)"
                        v-if="item.type == 'select_filterable' && item.model == 'boardtype'">
                        <el-option key="Single crystal plate" label="Single crystal plate" value="Single crystal plate"></el-option>
                        <el-option key="Polycrystalline plate" label="Polycrystalline plate" value="Polycrystalline plate"></el-option>
                        <el-option key="Amorphous plate" label="Amorphous plate" value="Amorphous plate"></el-option>
                      </el-select>
                     <el-select
                        v-model="lightControlData[item.model]"
                        placeholder="please choose"
                        @keyup.native="lampKeydown($event)"
                        v-if="item.type == 'select_filterable' && item.model == 'batterytype'">
                        <el-option key="Lead acid battery" label="Lead acid battery" value="Lead acid battery"></el-option>
                        <el-option key="Lithium battery" label="Lithium battery" value="Lithium battery"></el-option>
                        <el-option key="Supercapacitor" label="Supercapacitor" value="Supercapacitor"></el-option>
                      </el-select>
                </el-form-item>
                <img src="../img/projectManagement/location.png" width="40" height="40" style="margin-left: 20px;cursor: pointer;" @click="amapWrapperFun()">
            </el-form>
          <div class="dialog_foot">
            <el-button type="primary" @click="lightControlFun()">{{lightControlButton}}</el-button>
          </div>
        </el-dialog>
        <!-- 表格历史弹框 -->
        <el-dialog
          title="Historical Data"
          :visible.sync="historicalDialog"
          :close-on-click-modal="false"
          class="solar_dialig history_box"
          width="95%">
          <div class="wrap">
            <div class="main_list">
                <div class="main_list_title">
                    <p>{{'Lamp number'}}</p>
                </div>
                <div class="main_list_box" :class="{'EN':version == '0'}">
                    <div class="lamp_list scroll_show_all">
                        <div class="li" :class="{'select':item.id==historicalLampId}" v-for="item in historicalLampList" @click="historicalLampClick(item.id)" :key="item.id">
                            {{item.number}}
                        </div>
                    </div>
                    <div class="historicalnav clearfix">
                        <div class="nav_list" 
                            :class="{'details_nav_select':historicalNavSelect==item.model}"
                            v-for="item in historicalNavListENFor" :key="item.id"
                            @click="historicalNavSelectFun(item)"><span :title="item.label">{{item.label}}</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="main_box">
                <div class="screen_box" v-if="dataLSType == '1'">
                    <el-pagination
                      @current-change="handleCurrentChangeLS"
                      :current-page.sync="currentPageLS"
                      :page-size="16"
                      layout="prev, pager, next, jumper"
                      :total="totalLS">
                    </el-pagination>
                    <div>
                        <div class="screen_date">
                             <el-date-picker
                              v-model="screenDateLS"
                              format="MM-dd"
                              value-format="yyyy-MM-dd"
                              size="small"
                              :clearable="false"
                              prefix-icon=" "
                              type="daterange"
                              range-separator="-"
                              start-placeholder=""
                              end-placeholder="">
                            </el-date-picker>
                            <el-button size="small" @click="screenDateFun()">{{'Determine'}}<i class="el-icon-arrow-right"></i></el-button>
                        </div>
                        <el-button round size="small" @click="exportTableLS()" v-loading="loading.exportTableLS">{{'Export'}}</el-button>
                    </div>
                </div>
                <el-table
                    v-if="dataLSType == '1'"
                    ref="multipleTable"
                    v-loading="historicalTableLoading"
                    :data="historicalTableData"
                    border
                    align="center"
                    style="width: 100%;"
                    height="374"
                    :row-class-name="tableRowClassName">
                    <el-table-column
                      label="Number"
                      prop="LSLD_index"
                      align="center"
                      :show-overflow-tooltip="true"
                      width="82">
                    </el-table-column>
                    <template>
                        <el-table-column :show-overflow-tooltip="true" :sortable="item.sortable" :prop="item.prop" :label="item.label" :key="item.id" v-for="item in historicalTableList" align="center">
                            <template slot-scope="scope">
                                <span v-if="item.prop !='lampstatus' && item.prop !='battstatus' && item.prop !='chargestage'">{{scope.row[item.prop]}}</span>
                                <span v-if="item.prop=='lampstatus'&&scope.row[item.prop]=='1'">on</span>
                                <span v-if="item.prop=='lampstatus'&&scope.row[item.prop]=='0'">off</span>

                                <span v-if="item.prop=='battstatus'&&scope.row[item.prop]=='0'">free</span>
                                <span v-if="item.prop=='battstatus'&&scope.row[item.prop]=='1'">discharge</span>
                                <span v-if="item.prop=='battstatus'&&scope.row[item.prop]=='2'">Charge</span>
                                <span v-if="item.prop=='battstatus'&&scope.row[item.prop]=='3'">Discharge while charging</span>

                                <template>
                                    <span v-if="item.prop=='chargestage'&&scope.row[item.prop]=='0'">No charge</span>
                                    <span v-if="item.prop=='chargestage'&&scope.row[item.prop]=='1'">Start charging</span>
                                    <span v-if="item.prop=='chargestage'&&scope.row[item.prop]=='6'">Current limiting</span>
                                    <span v-if="item.prop=='chargestage'&&scope.row[item.prop]=='7'">Full</span>
                                    <span v-if="item.prop=='chargestage'&&scope.row[item.prop]=='16'">MPPT charging</span>
                                    <span v-if="item.prop=='chargestage'&&scope.row[item.prop]=='32'">Equalizing charging</span>
                                    <span v-if="item.prop=='chargestage'&&scope.row[item.prop]=='48'">Boost charging</span>
                                    <span v-if="item.prop=='chargestage'&&scope.row[item.prop]=='64'">floating charge</span>
                                </template>
                            </template>
                        </el-table-column>
                    </template>
                    <!-- <el-table-column :show-overflow-tooltip="true" header-align="center"  prop="updatetime" label="更新时间" width="160px" v-if="version == 0">
                    </el-table-column> -->
                    <el-table-column :show-overflow-tooltip="true" header-align="center"  prop="updatetime" label="Update time" width="160px">
                    </el-table-column>
                </el-table>
                <div v-if="dataLSType == '0'" class="LS_echarts">
                    <div class="left_echarts">
                        <div class="echarts_top">
                            <div></div>
                            <div>
                                <div class="screen_date_select">
                                    <div class="li" :class="{'select':LSDataType == '0'}" @click="LSDataTypeFun('0',1)">1{{'Day'}}</div>
                                    <div class="li" :class="{'select':LSDataType == '1'}" @click="LSDataTypeFun('1',3)">3{{'Day'}}</div>
                                    <div class="li" :class="{'select':LSDataType == '2'}" @click="LSDataTypeFun('2',7)">7{{'Day'}}</div>
                                    <div class="li" :class="{'select':LSDataType == '3'}" @click="LSDataTypeFun('3',14)">14{{'Day'}}</div>
                                </div>
                                <div class="screen_date">
                                     <el-date-picker
                                      v-model="screenDateLS"
                                      format="MM-dd"
                                      value-format="yyyy-MM-dd"
                                      size="small"
                                      :clearable="false"
                                      prefix-icon=" "
                                      type="daterange"
                                      range-separator="-"
                                      start-placeholder=""
                                      end-placeholder="">
                                    </el-date-picker>
                                    <el-button size="small" @click="screenDateFun()">{{'Determine'}}<i class="el-icon-arrow-right"></i></el-button>
                                </div>
                            </div>
                        </div>
                        <div class="history_echarts" v-loading="loading.historyEcharts" v-show="historyDataInfo.list.updatetime"></div>
                        <div class="history_echarts_noData" v-show="!historyDataInfo.list.updatetime">
                            <h3>{{'No data can be queried'}}</h3>
                        </div>
                        <div class="echarts_bottom echarts_line">
                            <div class="echarts_bottom_text">{{'sampling period'}}: {{historyDataInfo.patrolinterval}}{{'minutes'}}</div>
                            <div class="data_type_nav">
                                <div class="li" :class="{'select':dataLSType == '0'}" @click="dataLSTypeFun('0')">{{'Diagram'}}</div>
                                <div class="li" :class="{'select':dataLSType == '1'}" @click="dataLSTypeFun('1')">{{'list'}}</div>
                            </div>
                        </div>
                    </div>
                    <div class="left_data">
                        <p><img src="../img/projectManagement/data.png">{{'Statistical extremum'}}</p>
                        <div class="ul" :class="{'EN':version == '0'}">
                            <div class="li" v-if="historicalNavSelect != '3'">
                                <span class="span1">{{'Maximum voltage'}}</span>
                                <span class="span_r">
                                    <span class="span2" :title="historyDataInfo.maxvoltage">{{historyDataInfo.maxvoltage}}</span>
                                    <span class="span3">V</span>
                                </span>
                            </div>
                            <div class="li" v-if="historicalNavSelect == 'battery_info_log'">
                                <span class="span1">{{'Minimum voltage'}}</span>
                                <span class="span_r">
                                    <span class="span2" :title="historyDataInfo.minvoltage">{{historyDataInfo.minvoltage}}</span>
                                    <span class="span3">V</span>
                                </span>
                            </div>
                            <div class="li" v-if="historicalNavSelect != '3'&&historicalNavSelect != 'battery_info_log'">
                                <span class="span1">{{'Maximum current'}}</span>
                                <span class="span_r">
                                    <span class="span2" :title="historyDataInfo.maxcurrent">{{historyDataInfo.maxcurrent}}</span>
                                    <span class="span3">A</span>
                                </span>
                            </div>
                            <div class="li" v-if="historicalNavSelect == 'battery_info_log'">
                                <span class="span1">{{'Max charging current'}}</span>
                                <span class="span_r">
                                    <span class="span2" :title="historyDataInfo.maxcurrent">{{historyDataInfo.maxcurrent}}</span>
                                    <span class="span3">A</span>
                                </span>
                            </div>
                            <div class="li" v-if="historicalNavSelect =='battery_info_log'">
                                <span class="span1">{{'Max discharge current'}}</span>
                                <span class="span_r">
                                    <span class="span2" :title="historyDataInfo.mincurrent">{{historyDataInfo.mincurrent}}</span>
                                    <span class="span3">A</span>
                                </span>
                            </div>
                            <div class="li" v-if="historicalNavSelect =='battery_info_log'">
                                <span class="span1">{{'Max charging power'}}</span>
                                <span class="span_r">
                                    <span class="span2" :title="historyDataInfo.maxpower">{{historyDataInfo.maxpower}}</span>
                                    <span class="span3">W</span>
                                </span>
                            </div>
                            <div class="li" v-if="historicalNavSelect != '3'&&historicalNavSelect != 'battery_info_log'">
                                <span class="span1">{{'maximum power'}}</span>
                                <span class="span_r">
                                    <span class="span2" :title="historyDataInfo.maxpower">{{historyDataInfo.maxpower}}</span>
                                    <span class="span3">W</span>
                                </span>
                            </div>
                            <div class="li" v-if="historicalNavSelect =='battery_info_log'">
                                <span class="span1">{{'Max discharge power'}}</span>
                                <span class="span_r">
                                    <span class="span2" :title="historyDataInfo.minpower">{{historyDataInfo.minpower}}</span>
                                    <span class="span3">W</span>
                                </span>
                            </div>
                            <div class="li" v-if="historicalNavSelect == 'lamp_info_log'">
                                <span class="span1">{{'Maximum brightness'}}</span>
                                <span class="span_r">
                                    <span class="span2" :title="historyDataInfo.maxlighteness">{{historyDataInfo.maxlighteness}}</span>
                                    <span class="span3">%</span>
                                </span>
                            </div>
                            <div class="li" v-if="historicalNavSelect == 'battery_info_log'">
                                <span class="span1">{{'Max temperature'}}</span>
                                <span class="span_r">
                                    <span class="span2" :title="historyDataInfo.maxbatttemper">{{historyDataInfo.maxbatttemper}}</span>
                                    <span class="span3">℃</span>
                                </span>
                            </div>
                            <div class="li" v-if="historicalNavSelect == 'battery_info_log'">
                                <span class="span1">{{'Min temperature'}}</span>
                                <span class="span_r">
                                    <span class="span2" :title="historyDataInfo.minbatttemper">{{historyDataInfo.minbatttemper}}</span>
                                    <span class="span3">℃</span>
                                </span>
                            </div>
                            <div class="li" v-if="historicalNavSelect == 'solar_info_log'">
                                <span class="span1">{{'Charging time'}}</span>
                                <span class="span_r">
                                    <span class="span2">{{historyDataInfo.maxdaydischargemincurrent}}</span>
                                    <!-- <span class="span3"></span> -->
                                </span>
                            </div>
                            <div class="li" v-if="historicalNavSelect == 'lamp_info_log'">
                                <span class="span1">{{'Lights on time'}}</span>
                                <span class="span_r">
                                    <span class="span2">{{historyDataInfo.maxdaychargemincurrent}}</span>
                                    <!-- <span class="span3">%</span> -->
                                </span>
                            </div>
                            <div class="li" v-if="historicalNavSelect == '3'">
                                <span class="span1">{{'Max charge ampere hours'}}</span>
                                <span class="span_r">
                                    <span class="span2" :title="historyDataInfo.maxdaychargeah">{{historyDataInfo.maxdaychargeah}}</span>
                                    <span class="span3">AH</span>
                                </span>
                            </div>
                            <div class="li" v-if="historicalNavSelect == '3'">
                                <span class="span1">{{'Min charge ampere hours'}}</span>
                                <span class="span_r">
                                    <span class="span2" :title="historyDataInfo.mindaychargeah">{{historyDataInfo.mindaychargeah}}</span>
                                    <span class="span3">AH</span>
                                </span>
                            </div>
                            <div class="li" v-if="historicalNavSelect == '3'">
                                <span class="span1">{{'Max discharge amperes'}}</span>
                                <span class="span_r">
                                    <span class="span2" :title="historyDataInfo.maxdaydischarah">{{historyDataInfo.maxdaydischarah}}</span>
                                    <span class="span3">AH</span>
                                </span>
                            </div>
                            <div class="li" v-if="historicalNavSelect == '3'">
                                <span class="span1">{{'Min discharge amperes'}}</span>
                                <span class="span_r">
                                    <span class="span2" :title="historyDataInfo.mindaydischarah">{{historyDataInfo.mindaydischarah}}</span>
                                    <span class="span3">AH</span>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="echarts_bottom" v-if="dataLSType == '1'">
                    <div class="data_type_nav">
                        <div class="li" :class="{'select':dataLSType == '0'}" @click="dataLSTypeFun('0')">{{'Diagram'}}</div>
                        <div class="li" :class="{'select':dataLSType == '1'}" @click="dataLSTypeFun('1')">{{'list'}}</div>
                    </div>
                </div>
            </div>    
          </div>
        </el-dialog>
        <!-- 参数弹框 -->
        <el-dialog
          :visible.sync="monitorDialog"
          :close-on-click-modal="false"
          :close-on-press-escape="!loading.loadSetting&&!loading.batterySetting"
          :show-close="!loading.loadSetting&&!loading.batterySetting"
          class="monitor_box"
          width="95%">
          <div class="wrap">
            <div class="button" v-if="monitorType=='loadParameters'">
                <el-button round icon="el-icon-refresh" v-if="!loading.loadSetting&&batchModificationParameters" @click="loadSettingFun()">Get parameters</el-button>
                <el-button round icon="el-icon-refresh" v-if="loading.loadSetting&&batchModificationParameters" v-loading="loading.loadSetting">Getting parameters</el-button>
            </div>
            <div class="button" v-if="monitorType=='batteryParameters'">
                <el-button round icon="el-icon-refresh" v-if="!loading.batterySetting" @click="batterySettingFun()">Get parameters</el-button>
                <el-button round icon="el-icon-refresh" v-if="loading.batterySetting" v-loading="loading.batterySetting">Getting parameters</el-button>
            </div>
            <div class="box clearfix">
                <el-form label-width="260px" ref="loadParametersData" :model="loadParametersData" label-position="right" class="clearfix" v-if="monitorType=='loadParameters'">
                    <el-form-item :label="item.label+item.unit+':'" :key="item.id" v-for="(item) in loadParametersListEN" class="list_box" :prop="item.model" :label-width="item.model=='intell_power'||item.model=='begin_voltage'||item.model=='end_voltage'||item.model=='end_current'?'210px':''" 
                    :style="{'visibility':
                        ((item.model=='begin_voltage'||item.model=='end_voltage'||item.model=='end_current')&&loadParametersData['intell_power']!='5')
                        ||
                        ((parseInt(loadParametersData['induction_delay'])==0&&(item.model=='first_light_unman_power'||item.model=='second_light_unman_power'||item.model=='third_light_unman_power'||item.model=='fourth_light_unman_power'||item.model=='fifth_light_unman_power'||item.model=='sixth_light_unman_power'||item.model=='seventh_light_unman_power'||item.model=='eighth_light_unman_power'||item.model=='ninth_light_unman_power'||item.model=='tenth_light_unman_power')))
                        ?'hidden':'','width':
                        (item.model!='intell_power'&&item.model!='begin_voltage'&&item.model!='end_voltage'&&item.model!='end_current')?'33.33%':''}">
                        <el-input v-model="loadParametersData[item.model]" v-if="item.type == 'input'" :disabled="!loadSettingIsTrue||!parameterLoadIsEdit"></el-input>
                        <el-select v-model="loadParametersData[item.model]" v-if="item.type == 'select'" :disabled="!loadSettingIsTrue||!parameterLoadIsEdit">
                            <el-option
                              v-for="item in option[item.option]"
                              :key="item.id"
                              :label="item.name"
                              :value="item.id">
                            </el-option>
                        </el-select>
                          <!-- :controls="false" -->
                        <el-input-number
                          v-if="item.type == 'number'"

                          controls-position="right"
                          :disabled="!loadSettingIsTrue||!parameterLoadIsEdit"
                          :max="item.max" :min="item.min" :precision="item.precision" :step="item.step"
                          v-model="loadParametersData[item.model]">
                        </el-input-number>
                        <el-time-picker
                          v-if="item.type == 'timeSelect'"
                          v-model="loadParametersData[item.model]"
                          :disabled="!loadSettingIsTrue||!parameterLoadIsEdit"
                          :picker-options="{
                              selectableRange: '00:00:00 - 15:00:00'
                           }"
                          format="HH:mm">
                        </el-time-picker>
                    </el-form-item>
                </el-form>
                <el-form label-width="260px" ref="batteryParametersData" :model="batteryParametersData" label-position="right" class="clearfix" v-if="monitorType=='batteryParameters'">
                    <!-- {model:'',label:'',unit:'',type:'select',option:'batteryListEN'}, -->
                    <el-form-item label="Battery type:" class="list_boxEN" prop="batterytype">
                        <el-select v-model="batteryParametersData['batterytype']" :disabled="!batterySettingIsTrue||!parameterBatteryIsEdit">
                            <el-option
                              v-for="item in option['batteryListEN']"
                              :key="item.id"
                              :label="item.name"
                              :value="item.id">
                            </el-option>
                        </el-select>
                    </el-form-item>
                    <template v-for="(item) in batteryParametersList0EN" >
                        <el-form-item :label="item.label+item.unit+':'" :key="item.id" :prop="item.model" v-if="batteryParametersData['batterytype'] == '0'||batteryParametersData['battery_type'] == '0'" class="list_boxEN">
                            <el-input v-model="batteryParametersData[item.model]" v-if="item.type == 'input'" :disabled="!batterySettingIsTrue||!parameterBatteryIsEdit"></el-input>
                            <el-select v-model="batteryParametersData[item.model]" v-if="item.type == 'select'" :disabled="!batterySettingIsTrue||!parameterBatteryIsEdit">
                                <el-option
                                  v-for="item in option[item.option]"
                                  :key="item.id"
                                  :label="item.name"
                                  :value="item.id">
                                </el-option>
                            </el-select>
                              <!-- :controls="false" -->
                            <el-input-number 
                              v-if="item.type == 'number'"
                              controls-position="right"
                              :disabled="!batterySettingIsTrue||!parameterBatteryIsEdit"
                              :max="item.max" :min="item.min" :precision="item.precision" :step="item.step"
                              v-model="batteryParametersData[item.model]">
                            </el-input-number>
                        </el-form-item>
                    </template>
                    <template  v-for="(item) in batteryParametersList1EN">
                        <el-form-item :label="item.label+item.unit+':'" :key="item.id" class="list_boxEN" :prop="item.model" v-if="(batteryParametersData['batterytype'] == '1'||batteryParametersData['batterytype'] == '2')||(batteryParametersData['battery_type'] == '1'||batteryParametersData['battery_type'] == '2')">
                            <el-input v-model="batteryParametersData[item.model]" v-if="item.type == 'input'" :disabled="!batterySettingIsTrue||!parameterBatteryIsEdit"></el-input>
                            <el-select v-model="batteryParametersData[item.model]" v-if="item.type == 'select'" :disabled="!batterySettingIsTrue||!parameterBatteryIsEdit">
                                <el-option
                                  v-for="item in option[item.option]"
                                  :key="item.id"
                                  :label="item.name"
                                  :value="item.id">
                                </el-option>
                            </el-select>
                              <!-- :controls="false" -->
                            <el-input-number 
                              v-if="item.type == 'number'"
                              controls-position="right"
                              :disabled="!batterySettingIsTrue||!parameterBatteryIsEdit"
                              :max="item.max" :min="item.min" :precision="item.precision" :step="item.step"
                              v-model="batteryParametersData[item.model]">
                            </el-input-number>
                        </el-form-item>
                    </template>
                </el-form>
            </div>
          </div>
          <div class="dialog_foot" v-if="monitorType=='loadParameters'">
            <el-button type="primary" :disabled="!loadSettingIsTrue" v-if="!parameterLoadIsEdit" @click="parameterLoadIsEdit = true">Modify</el-button>
            <el-button type="text" :disabled="!loadSettingIsTrue" v-if="!parameterLoadIsEdit" @click="monitorDialog = false">Close</el-button>

            <el-button type="primary" :disabled="!loadSettingIsTrue" v-if="parameterLoadIsEdit&&!loading.setLoadFun" @click="setLoadFun()">Save</el-button>
            <el-button type="text" :disabled="!loadSettingIsTrue" v-if="parameterLoadIsEdit&&!loading.setLoadFun" @click="loadNoEditFun()">Cancel save</el-button>

            <el-button type="primary" v-if="loading.setLoadFun&&parameterLoadIsEdit" v-loading="loading.setLoadFun">Setting parameters</el-button>
          </div>
          <div class="dialog_foot" v-if="monitorType=='batteryParameters'">
            <el-button type="primary" :disabled="!batterySettingIsTrue" v-if="!parameterBatteryIsEdit" @click="parameterBatteryIsEdit = true">Modify</el-button>
            <el-button type="text" :disabled="!batterySettingIsTrue||!loadSettingIsTrue" v-if="!parameterBatteryIsEdit" @click="monitorDialog = false">Close</el-button>

            <el-button type="primary" :disabled="!batterySettingIsTrue" v-if="parameterBatteryIsEdit&&!loading.setBatteryFun" @click="setBatteryFun()">Save</el-button>
            <el-button type="text" :disabled="!batterySettingIsTrue" v-if="parameterBatteryIsEdit&&!loading.setBatteryFun" @click="batteryNoEditFun()">Cancel save</el-button>

            <el-button type="primary" v-if="loading.setBatteryFun&&parameterBatteryIsEdit" v-loading="loading.setBatteryFun">Setting parameters</el-button>
          </div>
        </el-dialog>
    </div>
</template>

<script type="text/javascript">
    import allUrl from '../api/allUel.js'
    import baseApi from '../api/base.js'
    import { mapGetters } from 'vuex'
    import sideBarIdcol from '../components/sideBar_idcol.vue' 

    export default {
        name:'projectManagement',
        data(){
            return{
                keywords:'',
                division:'',
                networkId:'0',
                lamptype:1,
                divisionNav:[{id:'0',name:'All'}],
                rightDate:'',
                rightDateNav:[{id:'0',name:'Today'}],
                myChart1:'',


                lampLightSlider:0,
                lampLightSliderShow:false,
                lampLightSliderPageX:0,
                lampLightSliderPageY:0,

                roadId:null,
                projectId:0,
                companyId:'',
                detailData:{},
                weatherList:[{
                    code: null,
                    date: null,
                    dateStr: null,
                    sr: null,
                    ss: null,
                    tmp: 28
                }],
                /*表格*/
                tabNavList:[],
                deviceList:[],
                multipleSelection:[],
                lampcontrolOperationType:'-1',
                deviceArr:[],
                tableConfig:{
                    label:[],
                    prop:[],
                    prop1:[],
                    width:[],
                    sortable:[],
                },
                offline:0,
                online:0,
                alarmtype:0,
                status:0,
                deviceTotalData:{
                    light_num:0,
                    online_num:0,
                    fault_count:0,
                    network_num:0,
                },

                /*侧边栏*/
                projectNav:[{id: "17247",name: "0--0",number:7,isOpen:false,project_list: [{id: "17582", projectname: "太阳能路灯", lampcount: "2"}]}],
                sideBarType:'off',
                /*项目弹框*/
                projectSaveLoading:false,
                projectTitle:'新建项目',
                projectButton:'立 刻 创 建',
                projectList:[],

                provinceList:[],
                countryList:[],
                cityList:[],
                areaList:[],

                batchProcessing:'off',
                fieldDialog:false,
                fieldList:[],

                /*参数弹框*/
                companyNavPO:[],
                companyNavSupplier:[],
                detailsDialog:false,
                detailsNavSelect:'lamp_info_log',
                detailsNavList:[{model:'lamp_info_log',label:'路灯'},{model:'lampinfo',label:'配置'},{model:'system_info_log',label:'系统'},{model:'solar_info_log',label:'太阳能板'},{model:'battery_info_log',label:'蓄电池'}],
                detailsNavListEN:[{model:'lamp_info_log',label:'Lamp'},{model:'lampinfo',label:'Configuration'},{model:'system_info_log',label:'System'},{model:'solar_info_log',label:'Solar panels'},{model:'battery_info_log',label:'Battery'}],
                detailsFieldList:[],
                addItemDialog:false,
                addItemData:{
                    projectName:'',
                    projectNo:'',
                    customer:'',

                    countryId:'',
                    provinceId:'',
                    cityId:'',
                    areaId:'',

                    zoneId:'',
                    address:'',
                    company:'',
                    timezone:'',
                    patrolinterval:'',
                },
                addLightControlDialog:false,
                lightControlData:{
                    lamp_no:'',
                    network_id:'',
                    status:'',
                    section:'',
                    address:'',
                    poleheight:'',
                    polediameter:'',
                    polematerial:'',
                    lighttype:'',
                    lamptype:'',
                    boardtype:'',
                    batterytype:'',
                    boardpower:'',
                    batteryah:'',
                    loadpower:'',
                    longitude:'',
                    latitude:'',
                    poName:'',
                    supplierName:'',
                    protocoltype:'',
                    loadtype:'0',
                },
                lightControlListEN:[
                    {model:'lamp_no',label:'Lamp number',unit:''},
                    {model:'poName',label:'PO name',type:'select',unit:''},
                    {model:'supplierName',label:'Supplier name',type:'select',unit:''},
                    {model:'network_id',label:'Network',type:"select",unit:''},
                    {model:'protocoltype',label:'Network protocol type',type:"select",unit:''},{model:'section',label:'Road',unit:''},{model:'address',label:'Wireless module address',unit:''},
                    // {model:'poleheight',label:'Lamp-post length',unit:'(m)'},
                    // {model:'polediameter',label:'Lamp-post diameter',unit:'(mm)'},
                    // {model:'polematerial',label:'Lamp-post materials',type:"select_filterable",unit:''},
                    // {model:'lighttype',label:'Light type',type:"select_filterable",unit:''},
                    {model:'lamptype',label:'Lamp type',type:"select_filterable",unit:''},{model:'boardtype',label:'Solar panel type',type:"select_filterable",unit:''},{model:'batterytype',label:'Battery type',type:"select_filterable",unit:''},{model:'boardpower',label:'Solar panel power',unit:'(W)'},{model:'batteryah',label:'Battery capacity',unit:'(Ah)'},{model:'loadpower',label:'Load power',unit:'(W)'},
                    {model:'loadtype',label:'Load type',unit:'',type:"select"},
                    {model:'longitude',label:'Longitude',unit:''},
                    {model:'latitude',label:'Latitude',unit:''}
                ],
                lightControlListEN_for:[
                    {model:'lamp_no',label:'Lamp number',unit:''},
                    {model:'poName',label:'PO name',type:'select',unit:''},
                    {model:'supplierName',label:'Supplier name',type:'select',unit:''},
                    {model:'protocoltype',label:'Network protocol type',type:"select",unit:''},{model:'section',label:'Road',unit:''},{model:'address',label:'Wireless module address',unit:''},
                    // {model:'poleheight',label:'Lamp-post length',unit:'(m)'},
                    // {model:'polediameter',label:'Lamp-post diameter',unit:'(mm)'},
                    // {model:'polematerial',label:'Lamp-post materials',type:"select_filterable",unit:''},
                    // {model:'lighttype',label:'Light type',type:"select_filterable",unit:''},
                    {model:'lamptype',label:'Lamp type',type:"select_filterable",unit:''},{model:'boardtype',label:'Solar panel type',type:"select_filterable",unit:''},{model:'batterytype',label:'Battery type',type:"select_filterable",unit:''},{model:'boardpower',label:'Solar panel power',unit:'(W)'},{model:'batteryah',label:'Battery capacity',unit:'(Ah)'},{model:'loadpower',label:'Load power',unit:'(W)'},
                    {model:'loadtype',label:'Load type',unit:'',type:"select"},
                    {model:'longitude',label:'Longitude',unit:''},
                    {model:'latitude',label:'Latitude',unit:''}
                ],
                streetlightDetails:[{model:'lighteness',label:'路灯亮度',unit:'%'},{model:'lampstatus',label:'路灯状态'},{model:'lampvoltage',label:'路灯电压',unit:'V'},{model:'lampcurrent',label:'路灯电流',unit:'A'},{model:'lamppower',label:'路灯功率',unit:'W'},{model:'temper',label:'灯头温度',unit:'°C'},{model:'updatetime',label:'最新更新时间'},{model:'status',label:'网络状态'},{model:'isfaulted',label:'是否故障'},{model:'lamp_no',label:'路灯编号'},{model:'network_no',label:'网络编号'},{model:'project_name',label:'项目名称'},{model:'address',label:'无线模块地址'},{model:'longitude',label:'经度'},{model:'latitude',label:'纬度'},{model:'section',label:'路段'},{model:'boardpower',label:'太阳能板功率',unit:'W'},{model:'poleheight',label:'灯杆高度',unit:'m'},{model:'polediameter',label:'灯杆直径',unit:'mm'},{model:'polematerial',label:'灯杆材质'},{model:'lighttype',label:'灯具类型'},{model:'lamptype',label:'路灯类型'},{model:'boardtype',label:'太阳能板类型'},{model:'batteryah',label:'蓄电池AH数'},{model:'loadpower',label:'负载功率',unit:'W'},{model:'solarvoltage',label:'太阳能板电压',unit:'V'},{model:'solarcurrent',label:'太阳能板电流',unit:'A'},{model:'solarpower',label:'太阳能板功率',unit:'W'},{model:'battstatus',label:'电池状态'},{model:'chargestage',label:'蓄电池充电阶段'},{model:'battvoltage',label:'蓄电池电压',unit:'V'},{model:'chargecurrent',label:'蓄电池充电电流',unit:'A'},{model:'discharcurrent',label:'蓄电池放电电流',unit:'A'},{model:'chargepower',label:'蓄电池充电功率',unit:'W'},{model:'dischargepower',label:'蓄电池放电功率',unit:'W'},{model:'batttemper',label:'蓄电池表面温度',unit:'°C'},{model:'electrictotal',label:'蓄电池总电量',unit:'AH'},{model:'electricleft',label:'蓄电池剩余电量',unit:'AH'},{model:'electricSOC',label:'蓄电池电量SOC',unit:'%'},{model:'voltagedaymin',label:'当天最低电压',unit:'V'},{model:'daychargeah',label:'当天充电安时数',unit:'AH'},{model:'daydischarah',label:'当天放电安时数',unit:'AH'},{model:'daychargemaxpow',label:'当天充电最大功率',unit:'V'},{model:'daydischarmaxpow',label:'当天放电最大功率',unit:'V'},{model:'daychargemincurrent',label:'当天充电最小电流',unit:'A'},{model:'daycharmaxcurrent',label:'当天充电最大电流',unit:'A'},{model:'daydischargemincurrent',label:'当天放电最小电流',unit:'A'},{model:'daydischarmaxcurrent',label:'当天放电最大电流',unit:'A'},{model:'daybattmintemper',label:'当天蓄电池最低温度',unit:'°C'},{model:'daybattmaxtemper',label:'当天蓄电池最高温度',unit:'°C'},{model:'devicetype',label:'设备类型'},{model:'simid',label:'SIM卡号'},{model:'packageSurplus',label:'套餐剩余'},{model:'monthly_can_usage',label:'套餐总量',unit:'M'},{model:'monthly_already_usage',label:'套餐使用量',unit:'M'},{model:'iccid',label:'ICCID',unit:''}],
                /*添加编辑灯控*/
                lightControlTitle:'创建灯控',
                lightControlButton:'立 刻 创 建',
                lampcontrolListHC:{},
                lightControlDataRules:{ 
                    network_id: [
                        { required: true, message: '不能为空', trigger: 'blur' }
                    ],
                    lamp_no: [
                        { required: true, message: '不能为空'},
                    ],
                    address: [
                        { required: true, message: '不能为空', trigger: 'blur' }
                    ],
                    protocoltype: [
                        { required: true, message: '不能为空', trigger: 'blur' }
                    ],
                    section:[
                        { required: true, message: '不能为空', trigger: 'blur' }
                    ],
                },
                lightControlDataRulesEN:{
                    network_id: [
                        { required: true, message: 'Not null', trigger: 'blur' }
                    ],
                    lamp_no: [
                        { required: true, message: 'Not null'},
                    ],
                    address: [
                        { required: true, message: 'Not null', trigger: 'blur' }
                    ],
                    protocoltype: [
                        { required: true, message: 'Not null', trigger: 'blur' }
                    ],
                    section:[
                        { required: true, message: 'Not null', trigger: 'blur' }
                    ],
                },
                lampLoadtype:'',
                screenMap:'',
                amapWrapper:false,
                map:null,
                lampLongitude:0,
                lampLatitude:0,
                networkList:[],
                /*灯控历史*/
                // historicalNavList:[{model:'lamp_info_log',label:'路灯'},{model:'system_info_log',label:'系统'},{model:'battery_info_log',label:'蓄电池'},{model:'solar_info_log',label:'太阳能板'},{model:'3',label:'充放电量'}],
                historicalNavListEN:[
                    {model:'lamp_info_log',label:'Lamp'},
                    // {model:'system_info_log',label:'system'},
                    {model:'battery_info_log',label:'Battery'},
                    {model:'solar_info_log',label:'Solar panels'},
                    {model:'3',label:'Capacity'}
                ],
                historicalTableData:[],
                historicalTableList:[],
                screenDateLS:'',
                historyDataInfo:{
                    list:{}
                },
                historicalLampList:[],
                historicalLampId:'',
                dataLSType:'0',
                LSDataType:'0',
                currentPageLS:1,
                totalLS:0,
                historicalTableLoading:false,
                historicalDialog:false,
                historicalNavSelect:'lamp_info_log',
                batchDimmingVal:0,
                windowWidth:0,
                positionPicker:null,
                geocoder:null,
                mapDWIsTrue:false,
                mpaDWTimeOut:null,
                parameterLoadIsEdit:false,
                parameterBatteryIsEdit:false,
                batchModificationParameters:true,
                googleMapLocattion:true,
                lamp_info_logTableList:[{prop:'lighteness',label:'亮度',unit:'(%)'},{prop:'lampstatus',label:'状态'},{prop:'lampvoltage',label:'电压',unit:'(V)'},{prop:'lampcurrent',label:'电流',unit:'(A)'},{prop:'lamppower',label:'功率',unit:'(W)'},{prop:'daydischarmaxpow',label:'当天放电最大功率',unit:'(W)'},{prop:'daychargemincurrent',label:'当天亮灯时间'}],
                lamp_info_logTableListEN:[{prop:'lighteness',label:'Brightness(%)'},{prop:'lampstatus',label:'status'},{prop:'lampvoltage',label:'voltage(V)'},{prop:'lampcurrent',label:'current(A)'},{prop:'lamppower',label:'power(W)'},{prop:'daydischarmaxpow',label:'Discharging maximum power(w)'},{prop:'daychargemincurrent',label:'Turn-on duration'}],

                system_info_logTableList:[{prop:'sysvoltage',label:'系统电压',unit:'(V)'},{prop:'syscurrent',label:'系统电流',unit:'(A)'},{prop:'temper',label:'控制器温度',unit:'(℃)'}],
                system_info_logTableListEN:[{prop:'sysvoltage',label:'System voltage(V)'},{prop:'syscurrent',label:'System current(A)'},{prop:'temper',label:'Controller temperature(℃)'}],

                battery_info_logTableList:[{prop:'battstatus',label:'状态'},{prop:'chargestage',label:'充电阶段'},{prop:'battvoltage',label:'电压',unit:'(V)'},{prop:'voltagedaymin',label:'当天最低电压',unit:'(V)'},{prop:'voltagedaymax',label:'当天最高电压',unit:'(V)'},{prop:'batttemper',label:'蓄电池表面温度',unit:'(℃)'},{prop:'daybattmintemper',label:'当天最低温度',unit:'(℃)'},{prop:'daybattmaxtemper',label:'当天最高温度',unit:'(℃)'},{prop:'overtimes',label:'过放次数',unit:''}],
                battery_info_logTableListEN:[{prop:'battstatus',label:'status'},{prop:'chargestage',label:'Charging stage'},{prop:'battvoltage',label:'voltage(V)'},{prop:'voltagedaymin',label:'Minimum voltage(V)'},{prop:'voltagedaymax',label:'Highest voltage(V)'},{prop:'batttemper',label:'surface temperature(℃)'},{prop:'daybattmintemper',label:'minimum temperature(℃)'},{prop:'daybattmaxtemper',label:'highest temperature(℃)'},{prop:'overtimes',label:'Over Discharge times',unit:''}],
                solar_info_logTableList:[{prop:'solarvoltage',label:'电压',unit:'(V)'},{prop:'solarcurrent',label:'电流',unit:'(A)'},{prop:'solarpower',label:'功率',unit:'(W)'},{prop:'daychargemaxpow',label:'当天充电最大功率',unit:'(W)'},{prop:'daydischargemincurrent',label:'当天充电时间'}],
                solar_info_logTableListEN:[{prop:'solarvoltage',label:'voltage(V)'},{prop:'solarcurrent',label:'current(A)'},{prop:'solarpower',label:'power(W)'},{prop:'daychargemaxpow',label:'Charging maximum power(W)'},{prop:'daydischargemincurrent',label:'Charging duration(S)'}],


                /*路灯负载参数*/
                loadParametersData:{},
                loadParametersList:[],
                loadParametersDataOld:{
                    workmode:'',
                    worktimefirst:'',
                    workpowerfirst:'',
                    worktimesencond:'',
                    workpowersencond:'',
                    worktimethird:'',
                    workpowerthird:'',
                    worktimeforth:'',
                    workpowerforth:'',
                    voptically:'',
                    delaytime:'',
                    ledloadcurrent:'',
                    powercmd:'',
                    switchfeature:'',
                },
                loadParametersDataHC:{},
                loadParametersListOld:[
                    {model:'workmode',label:'路灯负载模式',unit:'',type:'select',option:'workmodeList'},
                    {model:'worktimefirst',label:'第一阶段工作时间',unit:'(H)',type:'input'},
                    {model:'workpowerfirst',label:'第一阶段工作功率',unit:'(%)',type:'input'},
                    {model:'worktimesencond',label:'第二阶段工作时间',unit:'(H)',type:'input'},
                    {model:'workpowersencond',label:'第二阶段工作功率',unit:'(%)',type:'input'},
                    {model:'worktimethird',label:'第三阶段工作时间',unit:'(H)',type:'input'},
                    {model:'workpowerthird',label:'第三阶段工作功率',unit:'(%)',type:'input'},
                    {model:'worktimeforth',label:'晨亮时间',unit:'(H)',type:'input'},
                    {model:'workpowerforth',label:'晨亮功率',unit:'(%)',type:'input'},
                    {model:'voptically',label:'光控电压',unit:'(V)',type:'input'},
                    {model:'delaytime',label:'光控延时时间',unit:'(Min)',type:'select',option:'timeList'},
                    {model:'ledloadcurrent',label:'LED负载电流',unit:'(mA)',type:'input'},
                    {model:'powercmd',label:'智能功率控制',unit:'',type:'select',option:'onOff'},
                    {model:'switchfeature',label:'每晚亮灯功能',unit:'',type:'select',option:'onOff'},
                ],
                catcherloadParametersListOld:[
                    {model:'workmode',label:'杀虫灯负载模式',unit:'',type:'select',option:'workmodeList'},
                    {model:'worktimefirst',label:'第一阶段工作时间',unit:'(H)',type:'input'},
                    {model:'worktimesencond',label:'第二阶段工作时间',unit:'(H)',type:'input'},
                    {model:'worktimethird',label:'第三阶段工作时间',unit:'(H)',type:'input'},
                    {model:'worktimeforth',label:'晨亮时间',unit:'(H)',type:'input'},
                    {model:'voptically',label:'光控电压',unit:'(V)',type:'input'},
                    {model:'delaytime',label:'光控延时时间',unit:'(Min)',type:'select',option:'timeList'},
                    {model:'ledloadcurrent',label:'LED负载电流',unit:'(mA)',type:'input'},
                    {model:'powercmd',label:'智能功率控制',unit:'',type:'select',option:'onOff'},
                    {model:'switchfeature',label:'每晚亮灯功能',unit:'',type:'select',option:'onOff'},
                ],
                catcherloadParametersListNew:[
                    {model:'intell_power',label:'智能功率',unit:'',type:'select',option:'intell_power'},
                    {model:'begin_voltage',label:'智能功率USER1起始电压',unit:'V',type:'select',option:'intell_powerV'},
                    {model:'end_voltage',label:'智能功率USER1终止电压',unit:'V',type:'select',option:'intell_powerV'},
                    {model:'end_current',label:'智能功率USER1终止电流   ',unit:'A',type:'select',option:'intell_powerC'},

                    {model:'load_current',label:'负载电流',unit:'(A)',type:'select',option:'load_current'},
                    {model:'light_delay',label:'光控延时',unit:'',type:'select',option:'light_delay'},
                    {model:'induction_delay',label:'感应延时',unit:'(S)',type:'select',option:'induction_delay'},

                    {model:'first_light_time',label:'第一段亮灯时间',unit:'(HH:MM)',type:'timeSelect'},

                    {model:'second_light_time',label:'第二段亮灯时间',unit:'(HH:MM)',type:'timeSelect'},

                    {model:'third_light_time',label:'第三段亮灯时间',unit:'(HH:MM)',type:'timeSelect'},

                    {model:'tenth_light_time',label:'晨亮时间',unit:'(HH:MM)',type:'timeSelect'},
                ],
                catcherloadParametersListENNew:[{model:'intell_power',label:'SpecialPowerCtrl',unit:'',type:'select',option:'intell_powerEN'},
                    {model:'begin_voltage',label:'AutoPowerStartUser1Volt',unit:'(V)',type:'select',option:'intell_powerV'},
                    {model:'end_voltage',label:'AutoPowerStopUser1Volt',unit:'(V)',type:'select',option:'intell_powerV'},
                    {model:'end_current',label:'AutoPowerStopUser1Power',unit:'(A)',type:'select',option:'intell_powerC'},
                    
                    {model:'load_current',label:'LedCurrSet',unit:'(A)',type:'select',option:'load_current'},
                    {model:'light_delay',label:'LightCtrlDelayTimeS',unit:'',type:'select',option:'light_delay'},
                    {model:'induction_delay',label:'SensorDelayTime',unit:'(S)',type:'select',option:'induction_delay'},

                    {model:'first_light_time',label:'LoadTime1',unit:'(HH:MM)',type:'timeSelect'},

                    {model:'second_light_time',label:'LoadTime2',unit:'(HH:MM)',type:'timeSelect'},

                    {model:'third_light_time',label:'LoadTime3',unit:'(HH:MM)',type:'timeSelect'},

                    {model:'tenth_light_time',label:'LoadMorningLightTime',unit:'(HH:MM)',type:'timeSelect'},
                ],
                loadParametersDataNew:{
                    light_voltage:'',
                    intell_power:'',
                    load_current:'',
                    light_delay:'',
                    induction_delay:'',
                    first_light_time:'',
                    first_light_human_power:'',
                    first_light_unman_power:'',
                    second_light_time:'',
                    second_light_human_power:'',
                    second_light_unman_power:'',
                    third_light_time:'',
                    third_light_human_power:'',
                    third_light_unman_power:'',
                    fourth_light_time:'',
                    fourth_light_human_power:'',
                    fourth_light_unman_power:'',
                    fifth_light_time:'',
                    fifth_light_human_power:'',
                    fifth_light_unman_power:'',
                    sixth_light_time:'',
                    sixth_light_human_power:'',
                    sixth_light_unman_power:'',
                    seventh_light_time:'',
                    seventh_light_human_power:'',
                    seventh_light_unman_power:'',
                    eighth_light_time:'',
                    eighth_light_human_power:'',
                    eighth_light_unman_power:'',
                    ninth_light_time:'',
                    ninth_light_human_power:'',
                    ninth_light_unman_power:'',
                    tenth_light_time:'',
                    tenth_light_human_power:'',
                    tenth_light_unman_power:'',
                    begin_voltage:'',
                    end_voltage:'',
                    end_current:'',
                },
                loadParametersListNew:[
                    {model:'intell_power',label:'智能功率',unit:'',type:'select',option:'intell_power'},
                    {model:'begin_voltage',label:'智能功率USER1起始电压',unit:'V',type:'select',option:'intell_powerV'},
                    {model:'end_voltage',label:'智能功率USER1终止电压',unit:'V',type:'select',option:'intell_powerV'},
                    {model:'end_current',label:'智能功率USER1终止电流   ',unit:'A',type:'select',option:'intell_powerC'},

                    {model:'load_current',label:'负载电流',unit:'(A)',type:'select',option:'load_current'},
                    {model:'light_delay',label:'光控延时',unit:'',type:'select',option:'light_delay'},
                    {model:'induction_delay',label:'感应延时',unit:'(S)',type:'select',option:'induction_delay'},

                    {model:'first_light_time',label:'第一段亮灯时间',unit:'(HH:MM)',type:'timeSelect'},
                    {model:'first_light_human_power',label:'第一段有人功率',unit:'(%)',type:'select',option:'light_power'},
                    {model:'first_light_unman_power',label:'第一段无人功率',unit:'(%)',type:'select',option:'light_power'},

                    {model:'second_light_time',label:'第二段亮灯时间',unit:'(HH:MM)',type:'timeSelect'},
                    {model:'second_light_human_power',label:'第二段有人功率',unit:'(%)',type:'select',option:'light_power'},
                    {model:'second_light_unman_power',label:'第二段无人功率',unit:'(%)',type:'select',option:'light_power'},

                    {model:'third_light_time',label:'第三段亮灯时间',unit:'(HH:MM)',type:'timeSelect'},
                    {model:'third_light_human_power',label:'第三段有人功率',unit:'(%)',type:'select',option:'light_power'},
                    {model:'third_light_unman_power',label:'第三段无人功率',unit:'(%)',type:'select',option:'light_power'},

                    {model:'fourth_light_time',label:'第四段亮灯时间',unit:'(HH:MM)',type:'timeSelect'},
                    {model:'fourth_light_human_power',label:'第四段有人功率',unit:'(%)',type:'select',option:'light_power'},
                    {model:'fourth_light_unman_power',label:'第四段无人功率',unit:'(%)',type:'select',option:'light_power'},

                    {model:'fifth_light_time',label:'第五段亮灯时间',unit:'(HH:MM)',type:'timeSelect'},
                    {model:'fifth_light_human_power',label:'第五段有人功率',unit:'(%)',type:'select',option:'light_power'},
                    {model:'fifth_light_unman_power',label:'第五段无人功率',unit:'(%)',type:'select',option:'light_power'},

                    {model:'sixth_light_time',label:'第六段亮灯时间',unit:'(HH:MM)',type:'timeSelect'},
                    {model:'sixth_light_human_power',label:'第六段有人功率',unit:'(%)',type:'select',option:'light_power'},
                    {model:'sixth_light_unman_power',label:'第六段无人功率',unit:'(%)',type:'select',option:'light_power'},

                    {model:'seventh_light_time',label:'第七段亮灯时间',unit:'(HH:MM)',type:'timeSelect'},
                    {model:'seventh_light_human_power',label:'第七段有人功率',unit:'(%)',type:'select',option:'light_power'},
                    {model:'seventh_light_unman_power',label:'第七段无人功率',unit:'(%)',type:'select',option:'light_power'},

                    {model:'eighth_light_time',label:'第八段亮灯时间',unit:'(HH:MM)',type:'timeSelect'},
                    {model:'eighth_light_human_power',label:'第八段有人功率',unit:'(%)',type:'select',option:'light_power'},
                    {model:'eighth_light_unman_power',label:'第八段无人功率',unit:'(%)',type:'select',option:'light_power'},

                    {model:'ninth_light_time',label:'第九段亮灯时间',unit:'(HH:MM)',type:'timeSelect'},
                    {model:'ninth_light_human_power',label:'第九段有人功率',unit:'(%)',type:'select',option:'light_power'},
                    {model:'ninth_light_unman_power',label:'第九段无人功率',unit:'(%)',type:'select',option:'light_power'},

                    {model:'tenth_light_time',label:'晨亮时间',unit:'(HH:MM)',type:'timeSelect'},
                    {model:'tenth_light_human_power',label:'晨亮有人功率',unit:'(%)',type:'select',option:'light_power'},
                    {model:'tenth_light_unman_power',label:'晨亮无人功率',unit:'(%)',type:'select',option:'light_power'},
                ],
                loadParametersListEN:[],
                loadParametersListENOld:[
                    {model:'workmode',label:'Street light load mode',unit:'',type:'select',option:'workmodeList'},
                    {model:'worktimefirst',label:'First phase working hours',unit:'(H)',type:'input'},
                    {model:'workpowerfirst',label:'First stage operating power',unit:'(%)',type:'input'},
                    {model:'worktimesencond',label:'Second phase working hours',unit:'(H)',type:'input'},
                    {model:'workpowersencond',label:'Second stage operating power',unit:'(%)',type:'input'},
                    {model:'worktimethird',label:'Third stage working hours',unit:'(H)',type:'input'},
                    {model:'workpowerthird',label:'Third stage operating power',unit:'(%)',type:'input'},
                    {model:'worktimeforth',label:'Morning light time',unit:'(H)',type:'input'},
                    {model:'workpowerforth',label:'Morning light power',unit:'(%)',type:'input'},
                    {model:'voptically',label:'Light control voltage',unit:'(V)',type:'input'},
                    {model:'delaytime',label:'Light control delay time',unit:'(Min)',type:'select',option:'timeListEN'},
                    {model:'ledloadcurrent',label:'LED load current',unit:'(mA)',type:'input'},
                    {model:'powercmd',label:'Intelligent power control',unit:'',type:'select',option:'onOffEN'},
                    {model:'switchfeature',label:'Nightly lighting function',unit:'',type:'select',option:'onOffEN'},
                ],
                catcherloadParametersListENOld:[
                    {model:'workmode',label:'Load mode of insecticidal lamp',unit:'',type:'select',option:'workmodeList'},
                    {model:'worktimefirst',label:'First phase working hours',unit:'(H)',type:'input'},
                    {model:'worktimesencond',label:'Second phase working hours',unit:'(H)',type:'input'},
                    {model:'worktimethird',label:'Third stage working hours',unit:'(H)',type:'input'},
                    {model:'worktimeforth',label:'Morning light time',unit:'(H)',type:'input'},
                    {model:'voptically',label:'Light control voltage',unit:'(V)',type:'input'},
                    {model:'delaytime',label:'Light control delay time',unit:'(Min)',type:'select',option:'timeListEN'},
                    {model:'ledloadcurrent',label:'LED load current',unit:'(mA)',type:'input'},
                    {model:'powercmd',label:'Intelligent power control',unit:'',type:'select',option:'onOffEN'},
                    {model:'switchfeature',label:'Nightly lighting function',unit:'',type:'select',option:'onOffEN'},
                ],
                loadParametersListENNew:[
                    {model:'intell_power',label:'SpecialPowerCtrl',unit:'',type:'select',option:'intell_powerEN'},
                    {model:'begin_voltage',label:'AutoPowerStartUser1Volt',unit:'(V)',type:'select',option:'intell_powerV'},
                    {model:'end_voltage',label:'AutoPowerStopUser1Volt',unit:'(V)',type:'select',option:'intell_powerV'},
                    {model:'end_current',label:'AutoPowerStopUser1Power',unit:'(A)',type:'select',option:'intell_powerC'},
                    
                    {model:'load_current',label:'LedCurrSet',unit:'(A)',type:'select',option:'load_current'},
                    {model:'light_delay',label:'LightCtrlDelayTimeS',unit:'',type:'select',option:'light_delay'},
                    {model:'induction_delay',label:'SensorDelayTime',unit:'(S)',type:'select',option:'induction_delay'},

                    {model:'first_light_time',label:'LoadTime1',unit:'(HH:MM)',type:'timeSelect'},
                    {model:'first_light_human_power',label:'LoadSensorOnPower1',unit:'(%)',type:'select',option:'light_power'},
                    {model:'first_light_unman_power',label:'LoadSensorOffPower1',unit:'(%)',type:'select',option:'light_power'},

                    {model:'second_light_time',label:'LoadTime2',unit:'(HH:MM)',type:'timeSelect'},
                    {model:'second_light_human_power',label:'LoadSensorOnPower2',unit:'(%)',type:'select',option:'light_power'},
                    {model:'second_light_unman_power',label:'LoadSensorOffPower2',unit:'(%)',type:'select',option:'timeListEN'},

                    {model:'third_light_time',label:'LoadTime3',unit:'(HH:MM)',type:'timeSelect'},
                    {model:'third_light_human_power',label:'LoadSensorOnPower3',unit:'%',type:'select',option:'light_power'},
                    {model:'third_light_unman_power',label:'LoadSensorOffPower3',unit:'%',type:'select',option:'light_power'},

                    {model:'fourth_light_time',label:'LoadTime4',unit:'(HH:MM)',type:'timeSelect'},
                    {model:'fourth_light_human_power',label:'LoadSensorOnPower4',unit:'%',type:'select',option:'light_power'},
                    {model:'fourth_light_unman_power',label:'LoadSensorOffPower4',unit:'%',type:'select',option:'light_power'},

                    {model:'fifth_light_time',label:'LoadTime5',unit:'(HH:MM)',type:'timeSelect'},
                    {model:'fifth_light_human_power',label:'LoadSensorOnPower5',unit:'%',type:'select',option:'light_power'},
                    {model:'fifth_light_unman_power',label:'LoadSensorOffPower5',unit:'%',type:'select',option:'light_power'},

                    {model:'sixth_light_time',label:'LoadTime6',unit:'(HH:MM)',type:'timeSelect'},
                    {model:'sixth_light_human_power',label:'LoadSensorOnPower6',unit:'%',type:'select',option:'light_power'},
                    {model:'sixth_light_unman_power',label:'LoadSensorOffPower6',unit:'%',type:'select',option:'light_power'},

                    {model:'seventh_light_time',label:'LoadTime7',unit:'(HH:MM)',type:'timeSelect'},
                    {model:'seventh_light_human_power',label:'LoadSensorOnPower7',unit:'%',type:'select',option:'light_power'},
                    {model:'seventh_light_unman_power',label:'LoadSensorOffPower7',unit:'%',type:'select',option:'light_power'},

                    {model:'eighth_light_time',label:'LoadTime8',unit:'(HH:MM)',type:'timeSelect'},
                    {model:'eighth_light_human_power',label:'LoadSensorOnPower8',unit:'%',type:'select',option:'light_power'},
                    {model:'eighth_light_unman_power',label:'LoadSensorOffPower8',unit:'%',type:'select',option:'light_power'},

                    {model:'ninth_light_time',label:'LoadTime9',unit:'(HH:MM)',type:'timeSelect'},
                    {model:'ninth_light_human_power',label:'LoadSensorOnPower9',unit:'%',type:'select',option:'light_power'},
                    {model:'ninth_light_unman_power',label:'LoadSensorOffPower9',unit:'%',type:'select',option:'light_power'},

                    {model:'tenth_light_time',label:'LoadMorningLightTime',unit:'(HH:MM)',type:'timeSelect'},
                    {model:'tenth_light_human_power',label:'LoadMornLightSensorOnPower',unit:'%',type:'select',option:'light_power'},
                    {model:'tenth_light_unman_power',label:'LoadMornLightSensorOffPower',unit:'%',type:'select',option:'light_power'},
                ],
                monitorDialog:false,
                projectLoadDialog:false,
                loadSettingIsTrue:false,
                batterySettingIsTrue:false,
                batteryParametersData:{
                    light_voltage:'',
                    batterytype:'',
                    capacity:'',
                    vovervoltage:'',
                    vlimitedcharge:'',
                    vbalancecharge:'',
                    vpromotecharge:'',
                    vfloatingcharge:'',
                    vpromoterecover:'',
                    voverdischargerecover:'',
                    vundervoltagewarn:'',
                    voverdischarge:'',
                    balancechargetime:'',
                    promotechargetime:'',
                    balanceinterval:'',
                    tempcompensation:'',
                    tempcompmax:'',
                    tempcompmin:'',
                    turnfloatingcurrent:'',
                    // capacity:'',
                    // vpromotecharge:'',
                    // vpromoterecover:'',
                    // voverdischargerecover:'',
                    // voverdischarge:'',
                    vsystem:'',
                    minusnocharge:'',
                    chargemode:'',

                    battery_type:'',
                    system_voltage:'',
                    overvoltage:'',
                    char_limit_voltage:'',
                    equ_char_voltage:'',
                    li_battery_type:'',
                    increa_char_voltage:'',
                    float_char_voltage:'',
                    increa_char_return_voltage:'',
                    over_dischar_return_voltage:'',
                    over_dischar_voltage:'',
                    equ_char_time:'',
                    increa_char_time:'',
                    balan_char_interval:'',
                    temper_compen_coeff:'',
                    char_upper_limit_temper:'',
                    char_lower_limit_temper:'',
                    dischar_upper_limit_temper:'',
                    dischar_lower_limit_temper:'',
                },
                batteryParametersDataHC:{},
                batteryParametersList0:[],
                batteryParametersListOld0:[
                    {model:'capacity',label:'蓄电池容量',unit:'',type:'input'},
                    {model:'vovervoltage',label:'超压电压',unit:'(V)',type:'input'},
                    {model:'vlimitedcharge',label:'充电限制电压',unit:'(V)',type:'input'},
                    {model:'vbalancecharge',label:'均衡充电电压',unit:'(V)',type:'input'},
                    {model:'vpromotecharge',label:'提升充电电压',unit:'(V)',type:'input'},
                    {model:'vfloatingcharge',label:'浮充充电电压',unit:'(V)',type:'input'},
                    {model:'vpromoterecover',label:'提升充电恢复电压',unit:'(V)',type:'input'},
                    {model:'voverdischargerecover',label:'过放恢复电压',unit:'(V)',type:'input'},
                    {model:'vundervoltagewarn',label:'欠压警告电压',unit:'(V)',type:'input'},
                    {model:'voverdischarge',label:'过放电压',unit:'',type:'input'},
                    {model:'balancechargetime',label:'均衡充电时间',unit:'(H)',type:'select',option:'balancechargetime'},
                    {model:'promotechargetime',label:'提升充电时间',unit:'(H)',type:'select',option:'balancechargetime'},
                    {model:'balanceinterval',label:'均衡充电间隔',unit:'(天)',type:'input'},
                    {model:'tempcompensation',label:'温度补偿系数',unit:'(mV℃/2V)',type:'input'},
                    {model:'tempcompmax',label:'温度补偿最高温度',unit:'(℃)',type:'input'},
                    {model:'tempcompmin',label:'温度补偿最低温度',unit:'(℃)',type:'input'},
                    {model:'turnfloatingcurrent',label:'转浮充电流',unit:'(A)',type:'input'},
                ],
                batteryParametersListNew0:[
                    {model:'light_voltage',label:'光控电压',unit:'(V)',type:'select',option:'light_voltage'},
                    {model:'system_voltage',label:'系统电压',unit:'(V)',type:'select',option:'system_voltage0'},
                    {model:'overvoltage',label:'超压电压',unit:'(V)',type:'select',option:'increa_char_voltage0'},
                    {model:'char_limit_voltage',label:'充电限制电压',unit:'(V)',type:'select',option:'increa_char_voltage0'},
                    {model:'equ_char_voltage',label:'均衡充电电压',unit:'(V)',type:'select',option:'increa_char_voltage0'},
                    {model:'increa_char_voltage',label:'提升充电电压',unit:'(V)',type:'select',option:'increa_char_voltage0'},
                    {model:'float_char_voltage',label:'浮充充电电压',unit:'(V)',type:'select',option:'increa_char_voltage0'},
                    {model:'increa_char_return_voltage',label:'提升充电返回电压',unit:'(V)',type:'select',option:'increa_char_voltage0'},
                    {model:'over_dischar_return_voltage',label:'过放返回电压',unit:'(V)',type:'select',option:'increa_char_voltage0'},
                    {model:'over_dischar_voltage',label:'过放电压',unit:'(V)',type:'select',option:'increa_char_voltage0'},
                    {model:'equ_char_time',label:'均衡充电时间',unit:'(min)',type:'select',option:'equ_char_time'},
                    {model:'increa_char_time',label:'提升充电时间',unit:'(min)',type:'select',option:'equ_char_time'},
                    {model:'balan_char_interval',label:'均衡充电间隔',unit:'(day)',type:'select',option:'balan_char_interval'},
                    {model:'temper_compen_coeff',label:'温度补偿系数',unit:'(mV/℃/2V)',type:'select',option:'temper_compen_coeff'},
                    {model:'char_upper_limit_temper',label:'充电上限温度',unit:'(℃)',type:'select',option:'limit_temper'},
                    {model:'char_lower_limit_temper',label:'充电下限温度',unit:'(℃)',type:'select',option:'limit_temper'},
                    {model:'dischar_upper_limit_temper',label:'放电上限温度',unit:'(A)',type:'select',option:'limit_temper'},
                    {model:'dischar_lower_limit_temper',label:'放电下限温度',unit:'(A)',type:'select',option:'limit_temper'},
                ],
                batteryParametersListNew0EN:[
                    {model:'light_voltage',label:'OpticallyControlledVoltage',unit:'(V)',type:'select',option:'light_voltage'},
                    {model:'system_voltage',label:'BatRateVolt',unit:'(V)',type:'select',option:'system_voltage0'},
                    {model:'overvoltage',label:'BatOverVolt',unit:'(V)',type:'select',option:'increa_char_voltage0'},
                    {model:'char_limit_voltage',label:'BatChgLimitVolt',unit:'(V)',type:'select',option:'increa_char_voltage0'},
                    {model:'equ_char_voltage',label:'BatConstChgVolt',unit:'(V)',type:'select',option:'increa_char_voltage0'},
                    {model:'increa_char_voltage',label:'BatImprovChgVolt',unit:'(V)',type:'select',option:'increa_char_voltage0'},
                    {model:'float_char_voltage',label:'BatFloatChgVolt',unit:'(V)',type:'select',option:'increa_char_voltage0'},
                    {model:'increa_char_return_voltage',label:'BatImprovChgBackVolt',unit:'(V)',type:'select',option:'increa_char_voltage0'},
                    {model:'over_dischar_return_voltage',label:'BatOverDischgBackVolt',unit:'(V)',type:'select',option:'increa_char_voltage0'},
                    {model:'over_dischar_voltage',label:'BatOverDischgVolt',unit:'(V)',type:'select',option:'increa_char_voltage0'},
                    {model:'equ_char_time',label:'BatConstChgTime',unit:'(min)',type:'select',option:'equ_char_time'},
                    {model:'increa_char_time',label:'BatImprovChgTime',unit:'(min)',type:'select',option:'equ_char_time'},
                    {model:'balan_char_interval',label:'BatConstChgGapTime',unit:'(day)',type:'select',option:'balan_char_interval'},
                    {model:'temper_compen_coeff',label:'CoeffTemperCompen',unit:'(mV/℃/2V)',type:'select',option:'temper_compen_coeff'},
                    {model:'char_upper_limit_temper',label:'ChgMaxTemper',unit:'(℃)',type:'select',option:'limit_temper'},
                    {model:'char_lower_limit_temper',label:'ChgMinTemper',unit:'(℃)',type:'select',option:'limit_temper'},
                    {model:'dischar_upper_limit_temper',label:'DisChgMaxTemper',unit:'(A)',type:'select',option:'limit_temper'},
                    {model:'dischar_lower_limit_temper',label:'DisChgMinTemper',unit:'(A)',type:'select',option:'limit_temper'},
                ],
                batteryParametersList0EN:[],
                batteryParametersListOld0EN:[
                    {model:'capacity',label:'Battery capacity',unit:'',type:'input'},
                    {model:'vovervoltage',label:'Overvoltage voltage',unit:'(V)',type:'input'},
                    {model:'vlimitedcharge',label:'Charge limit voltage',unit:'(V)',type:'input'},
                    {model:'vbalancecharge',label:'Balanced charging voltage',unit:'(V)',type:'input'},
                    {model:'vpromotecharge',label:'Increase charging voltage',unit:'(V)',type:'input'},
                    {model:'vfloatingcharge',label:'Floating charge voltage',unit:'(V)',type:'input'},
                    {model:'vpromoterecover',label:'Increase charge recovery voltage',unit:'(V)',type:'input'},
                    {model:'voverdischargerecover',label:'Over-discharge recovery voltage',unit:'(V)',type:'input'},
                    {model:'vundervoltagewarn',label:'Undervoltage warning voltage',unit:'(V)',type:'input'},
                    {model:'voverdischarge',label:'Over discharge voltage',unit:'',type:'input'},
                    {model:'balancechargetime',label:'Balanced charging time',unit:'(H)',type:'select',option:'balancechargetime'},
                    {model:'promotechargetime',label:'Increase charging time',unit:'(H)',type:'select',option:'balancechargetime'},
                    {model:'balanceinterval',label:'Balanced charge interval',unit:'(day)',type:'input'},
                    {model:'tempcompensation',label:'Temperature compensation coefficient',unit:'(mV℃/2V)',type:'select',option:'tempcompensation'},
                    {model:'tempcompmax',label:'max-temperature compensation',unit:'(℃)',type:'input'},
                    {model:'tempcompmin',label:'min-temperature compensation',unit:'(℃)',type:'input'},
                    {model:'turnfloatingcurrent',label:'To float flow',unit:'(A)',type:'input'},
                ],
                batteryParametersList1:[],
                batteryParametersListOld1:[
                    {model:'capacity',label:'蓄电池容量',unit:'(AH)',type:'input'},
                    {model:'vpromotecharge',label:'过充电压',unit:'(V)',type:'input'},
                    {model:'vpromoterecover',label:'过充返回电压',unit:'(V)',type:'input'},
                    {model:'voverdischargerecover',label:'过放恢复电压',unit:'(V)',type:'input'},
                    {model:'voverdischarge',label:'过放电压',unit:'(V)',type:'input'},
                    {model:'vsystem',label:'系统电压',unit:'(V)',type:'select',option:'vsystem'},
                    {model:'minusnocharge',label:'零下禁充',unit:'',type:'select',option:'minusnocharge'},
                    {model:'chargemode',label:'充电模式',unit:'',type:'select',option:'chargemode'},
                ],
                batteryParametersListNew1:[
                    {model:'light_voltage',label:'光控电压',unit:'(V)',type:'select',option:'light_voltage'},
                    {model:'system_voltage',label:'系统电压',unit:'(V)',type:'select',option:'system_voltage1'},
                    {model:'li_battery_type',label:'锂电池类型',unit:'(V)',type:'select',option:'li_battery_type'},

                    {model:'increa_char_voltage',label:'充电电压',unit:'(V)',type:'select',option:'increa_char_voltage0'},
                    {model:'float_char_voltage',label:'充电返回电压',unit:'(V)',type:'select',option:'increa_char_voltage0'},
                    {model:'over_dischar_return_voltage',label:'过放返回电压',unit:'(V)',type:'select',option:'increa_char_voltage0'},
                    {model:'over_dischar_voltage',label:'过放电压',unit:'(V)',type:'select',option:'increa_char_voltage0'},
                    {model:'char_upper_limit_temper',label:'充电上限温度',unit:'(℃)',type:'select',option:'limit_temper'},
                    {model:'char_lower_limit_temper',label:'充电下限温度',unit:'(℃)',type:'select',option:'limit_temper'},
                    {model:'dischar_upper_limit_temper',label:'放电上限温度',unit:'(℃)',type:'select',option:'limit_temper'},
                    {model:'dischar_lower_limit_temper',label:'放电下限温度',unit:'(℃)',type:'select',option:'limit_temper'},
                ],
                batteryParametersListNew1EN:[
                    {model:'light_voltage',label:'OpticallyControlledVoltage',unit:'(V)',type:'select',option:'light_voltage'},
                    {model:'system_voltage',label:'BatRateVolt',unit:'(V)',type:'select',option:'system_voltage1'},

                    {model:'li_battery_type',label:'lithiumBatteryType',unit:'(V)',type:'select',option:'li_battery_typeEN'},

                    {model:'increa_char_voltage',label:'BatImprovChgVolt',unit:'(V)',type:'input'},
                    {model:'float_char_voltage',label:'BatFloatChgVolt',unit:'(V)',type:'input'},
                    {model:'over_dischar_return_voltage',label:'BatOverDischgBackVolt',unit:'(V)',type:'input'},
                    {model:'over_dischar_voltage',label:'BatOverDischgVolt',unit:'(V)',type:'input'},
                    {model:'char_upper_limit_temper',label:'ChgMaxTemper',unit:'(℃)',type:'select',option:'limit_temper'},
                    {model:'char_lower_limit_temper',label:'ChgMinTemper',unit:'(℃)',type:'select',option:'limit_temper'},
                    {model:'dischar_upper_limit_temper',label:'DisChgMaxTemper',unit:'(℃)',type:'select',option:'limit_temper'},
                    {model:'dischar_lower_limit_temper',label:'DisChgMinTemper',unit:'(℃)',type:'select',option:'limit_temper'},
                ],
                batteryParametersList1EN:[],
                batteryParametersListOld1EN:[
                    {model:'capacity',label:'Battery capacity',unit:'(Ah)',type:'input'},
                    {model:'vpromotecharge',label:'Overcharge voltage',unit:'(V)',type:'input'},
                    {model:'vpromoterecover',label:'Overcharge return voltage',unit:'(V)',type:'input'},
                    {model:'voverdischargerecover',label:'Over-discharge recovery voltage',unit:'(V)',type:'input'},
                    {model:'voverdischarge',label:'Over discharge voltage',unit:'(V)',type:'input'},
                    {model:'vsystem',label:'System voltage',unit:'(V)',type:'select',option:'vsystem'},
                    {model:'minusnocharge',label:'Zero charge',unit:'',type:'select',option:'minusnochargeEN'},
                    {model:'chargemode',label:'Charging mode',unit:'',type:'select',option:'chargemode'},
                ],
                option:{
                    equ_char_time:[],
                    temper_compen_coeff:[],
                    limit_temper:[],
                    increa_char_voltage0:[],
                    increa_char_voltage3:[],
                    increa_char_voltage6:[],
                    light_voltage:[],
                    load_current:[],
                    light_time:[],
                    light_power:[],

                    balan_char_interval:[],
                    intell_powerV:[],
                    intell_powerC:[],
                    li_battery_type:[
                        {id:'0',name:'磷酸铁锂'},
                        {id:'1',name:'三元锂'},
                    ],
                    li_battery_typeEN:[
                        {id:'0',name:'LiFePO4'},
                        {id:'1',name:'NCM'},
                    ],
                    system_voltage0:[
                        {id:'12',name:'12'},
                        {id:'24',name:'24'},
                    ],
                    system_voltage1:[
                        {id:'3',name:'3'},
                        {id:'6',name:'6'},
                        {id:'12',name:'12'},
                        {id:'24',name:'24'},
                    ],
                    light_delay:[],
                    induction_delay:[],
                    workmodeList:[],
                    intell_power:[
                        {id:'0',name:'关'},
                        {id:'1',name:'高'},
                        {id:'2',name:'中'},
                        {id:'3',name:'低'},
                        {id:'4',name:'自动'},
                        {id:'5',name:'USE'},
                    ],
                    intell_powerEN:[
                        {id:'0',name:'Off'},
                        {id:'1',name:'High'},
                        {id:'2',name:'Centre'},
                        {id:'3',name:'low'},
                        {id:'4',name:'Automatic'},
                        {id:'5',name:'USE'},
                    ],
                    chargemode:[
                        {id:'0',name:'PWM/MPPT'},
                        {id:'1',name:'ON/OFF'},
                    ],
                    minusnocharge:[
                        {id:'0',name:'可以充电'},
                        {id:'1',name:'禁止充电'},
                    ],
                    minusnochargeEN:[
                        {id:'0',name:'Can charge'},
                        {id:'1',name:'Prohibited chargeing'},
                    ],
                    vsystem:[
                        {id:'12',name:'12'},
                        {id:'24',name:'24'},
                    ],
                    balancechargetime:[
                        {id:'0',name:'0'},
                        {id:'1',name:'1'},
                        {id:'2',name:'2'},
                        {id:'3',name:'3'},
                        {id:'4',name:'4'},
                        {id:'5',name:'5'},
                        {id:'6',name:'6'},
                        {id:'7',name:'7'},
                        {id:'8',name:'8'},
                        {id:'9',name:'9'},
                        {id:'10',name:'10'},
                    ],
                    tempcompensation:[
                        {id:'-2',name:'-2'},
                        {id:'-3',name:'-3'},
                        {id:'-4',name:'-4'},
                        {id:'-5',name:'-5'},
                    ],
                    batteryList:[
                        {id:'0',name:'铅酸电池'},
                        {id:'1',name:'锂电池'},
                        {id:'2',name:'超级电容'},
                    ],
                    batteryListEN:[
                        {id:'0',name:'Lead-acid batteries'},
                        {id:'1',name:'lithium battery'},
                        {id:'2',name:'Supercapacitor'},
                    ],
                    onOff:[
                        {id:'1',name:'开启'},
                        {id:'0',name:'关闭'},
                    ],
                    onOffEN:[
                        {id:'1',name:'Open'},
                        {id:'0',name:'shut down'},
                    ],
                    timeList:[
                        {id:'1',name:'1分钟'},
                        {id:'5',name:'5分钟'},
                        {id:'10',name:'10分钟'},
                        {id:'15',name:'15分钟'},
                        {id:'20',name:'20分钟'},
                        {id:'25',name:'25分钟'},
                        {id:'30',name:'30分钟'},
                        {id:'35',name:'35分钟'},
                        {id:'40',name:'40分钟'},
                        {id:'45',name:'45分钟'},
                        {id:'50',name:'50分钟'},
                    ],
                    timeListEN:[
                        {id:'1',name:'1 minutes'},
                        {id:'5',name:'5 minutes'},
                        {id:'10',name:'10 minutes'},
                        {id:'15',name:'15 minutes'},
                        {id:'20',name:'20 minutes'},
                        {id:'25',name:'25 minutes'},
                        {id:'30',name:'30 minutes'},
                        {id:'35',name:'35 minutes'},
                        {id:'40',name:'40 minutes'},
                        {id:'45',name:'45 minutes'},
                        {id:'50',name:'50 minutes'},
                    ],
                },
                monitorType:'loadParameters',

                myChart2:'',

                currentPage:1,
                pageSize:0,
                total:0,
                pageSizeArr:[{id:10,name:'10/page'},{id:20,name:'20/page'},{id:50,name:'50/page'},{id:100,name:'100/page'}],

                loading:{
                    deviceList:false,
                    lampLightSlider:false,
                    batchProcessingFun:false,
                }
            }
        },
        components:{sideBarIdcol},
        computed:{
            ...mapGetters({
                token:'token',
                client_key:'client_key',
                username:'username',
                version:'version',
                privilege:'privilege',
                role:'role',
                remRatio:'remRatio',
                sideBarCompanyType:'sideBarCompanyType',
            }),
            historicalNavListENFor(){
                let list = [];
                for(let item of this.historicalNavListEN){
                    if(((item.model =='3'&&this.dataLSType=='0')||item.model !='3')&&((item.model =='system_info_log'&&this.dataLSType=='1')||item.model !='system_info_log')){
                        list.push(item)
                    }
                }
                return list
            },
            divisionName(){
                let name;
                for(let d of this.divisionNav){
                    if(d.id == this.division){
                        name = d.name;
                    }
                }
                return name;
            },
            roadIdName(){
                let name;
                if(this.roadId == 0){
                    return "All";
                }
                for(let d of this.tabNavList){
                    if(d.id == this.roadId){
                        name = d.name;
                    }
                }
                return name;
            },
            pageSizeName(){
                let name;
                for(let d of this.pageSizeArr){
                    if(d.id == this.pageSize){
                        name = d.name;
                    }
                }
                return name;
            },
        },
        mounted(){
            this.rightDate = '0';
            this.division = '0';
            this.roadId = 0;
            this.pageSize = 10;
            // this.currentPage = 1;

            // this.deviceArr = [
            //     {prop:'ID',label:'ID',align:'left',minWidth:60},
            //     {prop:'State',label:'State',minWidth:60,type:1},
            //     {prop:'Section',label:'Section',minWidth:60},
            //     {prop:'Brightness',label:'Brightness',minWidth:80,type:1},
            //     {prop:'Wireless',label:'Wireless',minWidth:70},
            //     {prop:'Power',label:'Power',minWidth:60},
            //     {prop:'Chargingstage',label:'Charging stage',minWidth:90},
            //     {prop:'Voltage',label:'Voltage',minWidth:70},
            //     {prop:'ElectricQuantity',label:'Electric quantity',minWidth:100},
            //     {prop:'Overdischarge',label:'Overdischarge',minWidth:80},
            //     {prop:'SolarPower',label:'Solar power',minWidth:70},
            //     {prop:'Fault',label:'Fault',minWidth:60},
            // ];
            // this.deviceList = [];
            this.getCountry();

            // this.getProjectNav('init');
        },
        methods:{
            tableRowClassName({row, rowIndex}) {
                console.log(row)
                if (rowIndex%2 == 0) {
                  return 'row_bg';
                }
                return '';
            },
            commandHide(val){
                this.$nextTick(function(){
                    if($('.'+val)&&$('.'+val+' >.select').offset()){
                        $('.'+val).animate({scrollTop: $('.'+val).scrollTop() + $('.'+val+' >.select').offset().top - $('.'+val).offset().top - 100})
                    }
                })
            },
            commandDropdown(obj){
                this.$set(this,obj.key,obj.id)
                if(obj.key == 'pageSize'||obj.key == 'roadId'){
                    this.getLightList();
                }
            },
            /*设备列表*/
            getLightListKeyUp(e){
                if(e.key == 'Enter'){
                  this.getLightList();
                }
            },
            /*获取表格数据*/
            getLightList(value,callback,download){
                let downloadVal = 0;
                if(download){
                    downloadVal = download;
                }else{
                    this.loading.deviceList = true;
                }
                baseApi.ajax_post(
                    allUrl.project.lampcontrolGet,
                    {
                        username:this.username,
                        client_key:this.client_key,
                        token:this.token,
                        fields:this.tableConfig.prop1.join(','),
                        field1:this.tableConfig.prop.join(','),
                        project_id:this.projectId,
                        keyword:this.keywords,
                        status:this.status,
                        alarmtype:this.alarmtype,
                        page:value,
                        count:this.pageSize,
                        offline:this.offline,
                        online:this.online,
                        download:downloadVal,
                        section:this.roadId,
                        type:this.sideBarCompanyType,
                        company:this.companyId,
                    },
                    {},
                    data =>{
                        if(callback){
                            callback(data)
                        }
                        if(downloadVal == 0){
                            this.deviceTotalData = data.data.total_data;
                            this.deviceList = data.data.lamps;
                            let i = (this.currentPage - 1)*this.pageSize+1;
                            for(let d of this.deviceList){
                                d.lighteness = parseInt(d.lighteness);
                                let hh1 = '',mm1 = '',hh2 = '',mm2 = '';
                                hh1 = parseInt(d.daychargemincurrent/3600);
                                mm1 = parseInt((d.daychargemincurrent%3600)/60);
                                hh2 = parseInt(d.daydischargemincurrent/3600);
                                mm2 = parseInt((d.daydischargemincurrent%3600)/60);
                                if(hh1<10){
                                    hh1 = '0'+hh1;
                                }
                                if(hh2<10){
                                    hh2 = '0'+hh2;
                                }
                                if(mm1<10){
                                    mm1 = '0'+mm1;
                                }
                                if(mm2<10){
                                    mm2 = '0'+mm2;
                                }
                                d.daychargemincurrent = hh1+':'+mm1;
                                d.daydischargemincurrent = hh2+':'+mm2;

                                d.webIndex = i;
                                i++;
                            }
                            this.total = Number(data.data.total);
                            this.count = data.data.count;
                            this.fault = data.data.fault;
                            this.loading.deviceList = false;
                            this.$refs.deviceList.doLayout();
                        }
                    },
                    this,
                    () => {
                        if(!download){
                            this.loading.deviceList = false;
                        }
                    }
                )
            },
            /*项目详情*/
            getProjectDetail(id,callback){
                baseApi.ajax_post(
                    allUrl.project.projectDetail,
                    {
                        username:this.username,
                        client_key:this.client_key,
                        token:this.token,
                        project_id:id,
                    },
                    {},
                    data =>{
                        if(callback){
                            callback(data)
                        }
                    },
                this)
            },
            getProjectData(id){
                this.projectId = id;
                baseApi.ajax_post(
                    allUrl.project.projectData,
                    {
                        username:this.username,
                        client_key:this.client_key,
                        token:this.token,
                        project_id:id,
                        type:this.sideBarCompanyType,
                        company:this.companyId,
                    },
                    {},
                    data =>{
                        this.detailData = data.data;
                        if(this.weatherList.length>0){
                            this.weatherList = data.data.weatherList;
                        }
                        this.networkSectionList();
                    },
                this)
            },
            networkSectionList(){
                baseApi.ajax_post(
                    allUrl.alarm.networkSectionList,
                    {
                        username:this.username,
                        client_key:this.client_key,
                        token:this.token,
                        project_id:this.projectId,
                    },
                    {},
                    data =>{
                        this.tabNavList = data.data.networks;
                    },
                this)
            },
            networkGet(){
                baseApi.ajax_post(
                    allUrl.alarm.networkGet,
                    {
                        username:this.username,
                        client_key:this.client_key,
                        token:this.token,
                        project_id:this.projectId,
                    },
                    {},
                    data =>{
                        this.networkList = data.data.networks;
                        // console.log(data,'组网下拉')
                    },
                this)
            },
            /*侧栏列表*/
            sideBarCompanyList(val,type,init){
                baseApi.ajax_post(
                    allUrl.project.projectNav,
                    {
                        username:this.username,
                        client_key:this.client_key,
                        token:this.token,
                        type:type,
                        keyword:val,
                    },
                    {},
                    data =>{
                        // console.log(data,'公司列表')
                        console.log(init)
                        let storage = window.localStorage;
                        let companyId = storage.getItem("companyId");
                        let projectId = storage.getItem("projectId")
                        if(type == 0){
                            if(data.data.length>0){
                                if(projectId){
                                    this.projectId = projectId;
                                }else{
                                    this.projectId = data.data[0].id;
                                }
                                this.getProjectData(this.projectId)
                                this.getFields();
                                this.networkGet();
                                for(let key in data.data){
                                    this.$set(data.data[key],'isOpen',false)
                                    if(data.data[key].id == this.projectId){
                                        this.$set(data.data[key],'isOpen',true)
                                    }
                                }
                            }

                        }else{
                            if(data.data.length>0){
                                if(companyId){
                                    this.companyId = companyId;
                                    if(data.data[0].projectList.length>0){
                                        if(projectId){
                                            this.projectId = projectId;
                                        }else{
                                            this.projectId = data.data[0].projectList[0].id;
                                        }
                                        // this.$set(data.data[0].projectList[0],'isOpen',true)
                                        this.getProjectData(this.projectId)
                                        this.getFields();
                                        this.networkGet();
                                    }else{
                                        this.projectId = null;
                                        this.deviceTotalData = {
                                            light_num:0,
                                            online_num:0,
                                            fault_count:0,
                                            network_num:0
                                        };
                                        this.deviceList = [];
                                        this.total = 0;
                                        this.count = 0;
                                        this.fault = 0;
                                    }
                                }else{
                                    this.companyId = data.data[0].cId;
                                    if(data.data[0].projectList.length>0){
                                        this.projectId = data.data[0].projectList[0].id;
                                        // this.$set(data.data[0].projectList[0],'isOpen',true)
                                        this.getProjectData(this.projectId)
                                        this.getFields();
                                        this.networkGet();
                                    }else{
                                        this.projectId = null;
                                        this.deviceTotalData = {
                                            light_num:0,
                                            online_num:0,
                                            fault_count:0,
                                            network_num:0
                                        };
                                        this.deviceList = [];
                                        this.total = 0;
                                        this.count = 0;
                                        this.fault = 0;
                                    }
                                }
                                for(let key in data.data){
                                    this.$set(data.data[key],'isOpen',false)
                                    if(data.data[key].cId == this.companyId){
                                        this.$set(data.data[key],'isOpen',true)
                                    }
                                    if(data.data[0].projectList.length>0){
                                        for(let d of data.data[0].projectList){
                                            this.$set(d,'isOpen',true)
                                            if(d.id == this.projectId){
                                                this.$set(d,'isOpen',true)
                                            }
                                        }
                                    }
                                }
                            }else{
                                this.companyId = null
                                this.projectId = null;
                                this.deviceTotalData = {
                                    light_num:0,
                                    online_num:0,
                                    fault_count:0,
                                    network_num:0
                                };
                                this.deviceList = [];
                                this.total = 0;
                                this.count = 0;
                                this.fault = 0;
                            }
                        }
                        console.log(this.companyId)
                        this.projectNav = data.data;
                    },
                this)
            },
            /*侧边栏打开关闭*/
            sideBarIsOn(){
                if(this.sideBarType == 'on'){
                    this.sideBarType = 'off';
                }else{
                    this.sideBarType = 'on';
                }
            },
            /*侧边栏里展开收起*/
            sideBarListIsOpen(data){
                if(data.isOpen){
                    data.isOpen = false;   
                }else{
                    data.isOpen = true;   
                }
            },
            projectAll(){
                this.projectId = 0;
                this.companyId = 0;
                var storage = window.localStorage;
                storage.setItem('projectId',false);
                storage.setItem('companyId',false);
            },
            projectSelectFun(type,data,d){
                var storage = window.localStorage;
                if(!data.isOpen||this.projectId != data.id){
                    this.$set(data,'isOpen',true)
                }else{
                    this.$set(data,'isOpen',false)
                }
                console.log(type,data,d)
                storage.setItem('projectId',data.id);
                if(type != 0){
                    if(d.cId != this.companyId){
                        this.companyId = d.cId;
                        storage.setItem('companyId',d.cId);
                    }
                }
                this.projectId = data.id;
                this.roadId = '';
                this.getLightList(this.currentPage);
                this.getProjectData(this.projectId)
            },
            roadSelectFun(data,obj,d){
                var storage = window.localStorage;
                if(this.sideBarCompanyType == 0){
                    if(data.id != this.projectId){
                        storage.setItem('projectId',data.id);
                        this.projectId = data.id;
                    }
                    this.roadId = obj.name;
                }else{
                    if(data.cId != this.companyId){
                        this.companyId = data.cId;
                        storage.setItem('companyId',data.cId);
                    }
                    if(obj.id != this.projectId){
                        storage.setItem('projectId',obj.id);
                        this.projectId = obj.id;
                    }
                    this.roadId = d.name;
                }
                this.getLightList(this.currentPage);
                this.getProjectData(this.projectId)
            },
            /*批量处理*/
            batchOperation(val){
                console.log(val,this.multipleSelection.length)
                if(this.multipleSelection.length <= '0'){
                    this.$message({
                      showClose: true,
                      message:'Please select the light control',
                      type: 'warning'
                    });
                }else{
                    this.lampcontrolOperationType = val
                    if(val == 'strategy'){
                        baseApi.ajax_post(
                            allUrl.strategy.policy_nav,
                            {
                                username:this.username,
                                client_key:this.client_key,
                                token:this.token,
                                client_type:'0',
                            },
                            {},
                            data =>{
                                this.policyList = data.data.list;
                            },
                        this)
                    }
                }
            },
            batchProcessingFun(type){
                if(this.loading.batchProcessingFun){
                    return
                }
                let lampIds = '';
                if(type == 'on'){
                    this.lampcontrolOperationType = '-1';
                    this.batchProcessing = type;
                    this.batchDimmingVal = 0;
                }else if(type == 'cancel'){
                    this.batchProcessing = 'off';
                }else{
                    if(this.lampcontrolOperationType == '参数'){
                        if(this.multipleSelection.length == 0){
                            this.$message({
                              showClose: true,
                              message:'Please select the light control first',
                              type: 'warning'
                            });
                        }else{
                            let oldBoolean = false;
                            let newBoolean = false;
                            let lampBoolean = false;
                            let catcherBoolean = false;
                            for(let d of this.multipleSelection){
                                if(d.lampProtocoltype == '0'){
                                    oldBoolean = true;
                                }else if(d.lampProtocoltype == '1'){
                                    newBoolean = true;
                                }
                                if(d.loadtype == '0'){
                                    lampBoolean = true;
                                }else if(d.loadtype == '1'){
                                    catcherBoolean = true;
                                }
                            }
                            console.log(newBoolean,oldBoolean,lampBoolean,catcherBoolean)
                            if(newBoolean && oldBoolean){
                                this.$message({
                                  showClose: true,
                                  message:'Cannot modify both old and new controller parameters at the same time',
                                  type: 'warning'
                                });
                            }else if(lampBoolean && catcherBoolean){
                                this.$message({
                                  showClose: true,
                                  message:'Unable to modify street lamp and insect trap parameters at the same time.',
                                  type: 'warning'
                                });
                            }else{
                                this.monitorType = 'loadParameters';
                                this.monitorDialog = true;
                                this.parameterLoadIsEdit = false;
                                this.parameterBatteryIsEdit = false;
                                this.batchModificationParameters = false;
                                this.loadSettingIsTrue = false;
                                this.loading.loadSetting = true;
                                this.batterySettingIsTrue = false;
                                this.loading.batterySetting = true;
                                if(oldBoolean){
                                    this.lampProtocoltype = '0';
                                    baseApi.ajax_post(
                                        allUrl.project.workmode,
                                        {
                                            username:this.username,
                                            client_key:this.client_key,
                                            token:this.token,
                                        },
                                        {},
                                        data =>{
                                            this.option.workmodeList = [];
                                            for(let key in data.data){
                                                this.option.workmodeList.push({
                                                    id:key,
                                                    name:data.data[key],
                                                })
                                            }
                                        },
                                    this)
                                    this.loadParametersData = this.loadParametersDataOld;
                                    if(catcherBoolean){
                                        this.loadtype = '1';
                                        if(this.version == '0'){
                                            this.loadParametersList = this.catcherloadParametersListOld;
                                        }else{
                                            this.loadParametersListEN = this.catcherloadParametersListENOld
                                        }
                                    }else{
                                        this.loadtype = '0';
                                        if(this.version == '0'){
                                            this.loadParametersList = this.loadParametersListOld;
                                        }else{
                                            this.loadParametersListEN = this.loadParametersListENOld
                                        }
                                    }
                                }
                                if(newBoolean){
                                    if(catcherBoolean){
                                        this.lampProtocoltype = '1';
                                        this.loadtype = '1';
                                        this.loadParametersData = this.loadParametersDataNew;
                                        if(this.version == '0'){
                                            this.loadParametersList = this.catcherloadParametersListNew
                                        }else{
                                            this.loadParametersListEN = this.catcherloadParametersListENNew;
                                        }
                                    }else{
                                        this.lampProtocoltype = '1';
                                        this.loadtype = '0';
                                        this.loadParametersData = this.loadParametersDataNew;
                                        if(this.version == '0'){
                                            this.loadParametersList = this.loadParametersListNew;
                                        }else{
                                            this.loadParametersListEN = this.loadParametersListENNew
                                        }
                                    }
                                }
                                for(let key in this.loadParametersData){
                                    this.loadParametersData[key] = '';
                                }
                                this.lampcontrolGetData(1,data=>{
                                    data.data.first_light_time = new Date('2018-08-06 '+data.data.first_light_time);
                                    data.data.second_light_time = new Date('2018-08-06 '+data.data.second_light_time);
                                    data.data.third_light_time = new Date('2018-08-06 '+data.data.third_light_time);
                                    data.data.fourth_light_time = new Date('2018-08-06 '+data.data.fourth_light_time);
                                    data.data.fifth_light_time = new Date('2018-08-06 '+data.data.fifth_light_time);
                                    data.data.sixth_light_time = new Date('2018-08-06 '+data.data.sixth_light_time);
                                    data.data.seventh_light_time = new Date('2018-08-06 '+data.data.seventh_light_time);
                                    data.data.eighth_light_time = new Date('2018-08-06 '+data.data.eighth_light_time);
                                    data.data.ninth_light_time = new Date('2018-08-06 '+data.data.ninth_light_time);
                                    data.data.tenth_light_time = new Date('2018-08-06 '+data.data.tenth_light_time);
                                    for(let key in data.data){
                                        this.loadParametersData[key] = data.data[key]
                                    }
                                    this.loadParametersDataHC = Object.assign({},this.loadParametersData);
                                    this.loadSettingIsTrue = true;
                                    this.loading.loadSetting = false;
                                })
                                this.lampcontrolGetData(2,data=>{
                                    console.log(data)
                                    for(let key in data.data){
                                        this.batteryParametersData[key] = data.data[key]
                                    }
                                    this.batteryParametersDataHC = Object.assign({},this.batteryParametersData)
                                    this.batteryParametersDataHC.type = '默认';
                                    this.batterySettingIsTrue = true;
                                    this.loading.batterySetting = false;
                                })
                            }
                        }
                    }else if(this.lampcontrolOperationType == '调光'){
                        if(this.multipleSelection.length == 0){
                            this.$message({
                              showClose: true,
                              message:'Please select the light control',
                              type: 'warning'
                            });
                        }else{
                            /*灯控调光*/
                            let this_ = this;
                            let i = 0;
                            // let key = 0;
                            this.giveCommandDialog = true;
                            this.giveCommandZS = this.multipleSelection.length;
                            this.giveCommandCG = 0;
                            this.giveCommandJD = 0;
                            this.giveCommandJournal = [];
                            let ids = '';
                            let ids_length = this.multipleSelection.length;
                            for(let d of this.multipleSelection){
                                if(ids == ''){
                                    ids = d.id;
                                }else{
                                    ids+=','+d.id;
                                }
                            }
                            this_.loading.batchProcessingFun = true;

                            baseApi.websocket1(allUrl.websocket.wss,data=>{
                                if(data.data.status == '1'){
                                    baseApi.ajax_post_ws(
                                        allUrl.gisMap.lampcontrolDimming,
                                        {
                                            username:this_.username,
                                            client_key:this_.client_key,
                                            token:this_.token,
                                            lamp_id:ids,
                                            type:'1',
                                            lightness:this_.batchDimmingVal,
                                            mode:'0',
                                            clientid:data.data.clientid,
                                        },
                                        this_,
                                    )
                                }
                                if(data.data.status == '2'){
                                    if(data.data.code == '0000'){
                                        console.log(1,'--')
                                        this_.$notify({
                                          title: 'Successful operation',
                                          message: 'lamp '+data.data.data.number,
                                          type: 'success'
                                        });
                                        this_.giveCommandJournal.push({
                                            time:this_.GMTToZero2(new Date()),
                                            text:data.data.msg,
                                            number:data.data.data.number,
                                            type:true
                                        })
                                        i++;
                                        this_.giveCommandCG ++;
                                        this_.giveCommandJD = i;

                                        if(i >= ids_length){
                                            this_.loading.batchProcessingFun = false;
                                            this_.batchProcessing = type;
                                            this_.getLightList(this_.currentPage);
                                            websocket.close();
                                        }
                                    }else{
                                        this_.$notify.error({
                                          title: 'Operation failed',
                                          message: 'Lamp '+data.data.data.number+':'+data.data.msg
                                        });
                                        this_.giveCommandJournal.push({
                                            time:this_.GMTToZero2(new Date()),
                                            text:data.data.msg,
                                            number:data.data.data.number,
                                            type:false
                                        })
                                        i++;
                                        this_.giveCommandJD = i;
                                        if(i >= ids_length){
                                            this_.loading.batchProcessingFun = false;
                                            this_.batchProcessing = type;
                                            this_.getLightList(this_.currentPage);
                                            websocket.close();
                                        }
                                    }
                                }
                              },() => {
                                this_.loading.batchProcessingFun = false;
                            },this_)
                        }
                    }else if(this.lampcontrolOperationType == '3'){
                        if(this.multipleSelection.length == 0){
                            this.$message({
                              showClose: true,
                              message:'Please select the light control',
                              type: 'warning'
                            });
                        }else{
                            for(let d of this.multipleSelection){
                                if(lampIds == ''){
                                    lampIds = d.id;
                                }else{
                                    lampIds += ',' + d.id;
                                }
                            }
                            this.$confirm('This operation will permanently delete the lamp control, will it continue?','Prompt', {
                              confirmButtonText: 'confirm',
                              cancelButtonText: 'cancel',
                              type: 'warning'
                            }).then(() => {
                              this.loading.batchProcessingFun = true;
                              baseApi.ajax_post(
                                allUrl.project.lampcontrolDel,
                                {
                                    username:this.username,
                                    client_key:this.client_key,
                                    token:this.token,
                                    lamp_ids:lampIds,
                                },
                                {},
                                data =>{
                                    // console.log(data,'灯控删除回调')
                                    this.$message({
                                      showClose: true,
                                      message:data.msg,
                                      type: 'success'
                                    });
                                    this.batchProcessing = type;
                                    this.getLightList(this.currentPage);
                                    this.networkSectionList();
                                    this.loading.batchProcessingFun = false;
                                },
                              this)
                            }).catch(() => {
                                this.$message({
                                    type: 'info',
                                    message: 'Undeleted'
                                });
                            });
                        }
                    }else if(this.lampcontrolOperationType == '-1'){
                        if(this.version == 0){
                            this.$message({
                              showClose: true,
                              message:'Please select the modified type first',
                              type: 'warning'
                            });
                        }else{
                            this.$message({
                              showClose: true,
                              message:'Please select the modification type',
                              type: 'warning'
                            });
                        }
                    }else if(this.lampcontrolOperationType == 'strategy'){
                        if(this.multipleSelection.length == 0){
                            this.$message({
                              showClose: true,
                              message:'Please select the light control first',
                              type: 'warning'
                            });
                        }else{
                            for(let d of this.multipleSelection){
                                if(lampIds == ''){
                                    lampIds = d.id;
                                }else{
                                    lampIds += ',' + d.id;
                                }
                            }
                            baseApi.ajax_post(
                                allUrl.strategy.set_policy,
                                {
                                    username:this.username,
                                    client_key:this.client_key,
                                    token:this.token,
                                    policyid:this.policyId,
                                    lampid:lampIds,
                                },
                                {},
                                data =>{
                                    this.$message({
                                      showClose: true,
                                      message:data.msg,
                                      type: 'success'
                                    });
                                    this.policyName = 'policy'
                                    this.batchProcessing = type;
                                    this.getLightList(this.currentPage);
                                    this.loading.batchProcessingFun = false;
                                },
                            this)
                        }
                    }else{
                        // console.log(this.multipleSelection)
                        if(this.multipleSelection.length == 0){
                            this.$message({
                              showClose: true,
                              message:'Please select the light control first',
                              type: 'warning'
                            });
                        }else{
                            let this_ = this;
                            let i = 0;
                            this.giveCommandDialog = true;
                            this.giveCommandZS = this.multipleSelection.length;
                            this.giveCommandCG = 0;
                            this.giveCommandJD = 0;
                            this.giveCommandJournal = [];
                            let ids = '';
                            let ids_length = this.multipleSelection.length;
                            for(let d of this.multipleSelection){
                                if(ids == ''){
                                    ids = d.id;
                                }else{
                                    ids+=','+d.id;
                                }
                            }
                            baseApi.websocket1(allUrl.websocket.wss,(data,websocket)=>{
                                this_.loading.batchProcessingFun = true;
                                if(data.data.status == '1'){
                                    baseApi.ajax_post_ws(
                                        allUrl.project.lampcontrolTurnonoff,
                                        {
                                            username:this_.username,
                                            client_key:this_.client_key,
                                            token:this_.token,
                                            lamp_id:ids,
                                            type:this_.lampcontrolOperationType,
                                            mode:0,
                                            clientid:data.data.clientid,
                                        },
                                        this_
                                    )
                                }else if(data.status == '2'){
                                    if(data.code == '0000'){
                                        this_.$notify({
                                          title: 'Successful operation',
                                          message: 'lamp '+data.data.number,
                                          type: 'success'
                                        });
                                        this_.giveCommandJournal.push({
                                            time:this_.GMTToZero2(new Date()),
                                            text:data.msg,
                                            number:data.data.number,
                                            type:true
                                        })
                                        i++;
                                        this_.giveCommandCG ++;
                                        this_.giveCommandJD = i;
                                        if(i >= ids_length){
                                            this_.loading.batchProcessingFun = false;
                                            this_.batchProcessing = type;
                                            this_.getLightList(this_.currentPage);
                                            websocket.close();
                                        }
                                    }else{
                                        this_.$notify.error({
                                          title: 'operation failed',
                                          message: 'Lamp'+data.data.number+':'+data.msg
                                        });
                                        this_.giveCommandJournal.push({
                                            time:this_.GMTToZero2(new Date()),
                                            text:data.msg,
                                            number:data.data.number,
                                            type:false
                                        })
                                        i++;
                                        this_.giveCommandJD = i;
                                        console.log(i >= ids_length)
                                        if(i >= ids_length){
                                            this_.loading.batchProcessingFun = false;
                                            this_.batchProcessing = type;
                                            this_.getLightList(this_.currentPage);
                                            websocket.close();
                                        }
                                    }
                                }
                            },() => {
                                this_.loading.batchProcessingFun = false;
                            },this_)
                        }
                    }
                }
            },
            GMTToZero2(time){
                let now = new Date(time);
                let hour = now.getHours();//得到小时
                let minu = now.getMinutes();//得到分钟
                let sec = now.getSeconds();//得到秒
                if (hour < 10) hour = "0" + hour;
                if (minu < 10) minu = "0" + minu;
                if (sec < 10) sec = "0" + sec;
                let times = "";
                times = hour + ":" + minu + ":" + sec;
                return times
            },
            /*获取表格字段*/
            getFields(){
                baseApi.ajax_post(
                    allUrl.project.homeFields,
                    {
                        username:this.username,
                        client_key:this.client_key,
                        token:this.token,
                    },
                    {},
                    data =>{
                        // console.log(data,'字段列表')
                        this.fieldList = data.data.list;
                        this.fieldKeep();
                    },
                this)
            },
            /*字段管理*/
            fieldManagement(){
                baseApi.ajax_post(
                    allUrl.project.homeFields,
                    {
                        username:this.username,
                        client_key:this.client_key,
                        token:this.token,
                    },
                    {},
                    data =>{
                        this.fieldList = data.data.list;
                    },
                this)
                this.fieldDialog = true;
            },
            /*字段选择*/
            fieldSelect(data){
                if(data.select == '1'){
                    if(data.fields1 == 'number' || data.fields1 == 'address' || data.fields1 == 'networkname' || data.fields1 == 'section'){
                        this.$message({
                          showClose: true,
                          message:'This field cannot be undisplayed',
                          type: 'warning'
                        });
                    }else{
                        data.select = '0'
                    }
                }else{
                    data.select = '1'
                }
            },
            /*字段*/
            fieldKeep(){
                this.tableConfig.label = [];
                this.tableConfig.prop = [];
                this.tableConfig.prop1 = [];
                this.tableConfig.width = [];
                for(var d of this.fieldList){
                    if(d.select == '1'){
                        this.$set(this.tableConfig.label,this.tableConfig.label.length,d.enname);
                        this.$set(this.tableConfig.prop1,this.tableConfig.prop1.length,d.field);
                        this.$set(this.tableConfig.prop,this.tableConfig.prop.length,d.fields1);
                        if(d.fields1 == 'updatetime'){
                            this.$set(this.tableConfig.width,this.tableConfig.width.length,160);
                        }else{
                            this.$set(this.tableConfig.width,this.tableConfig.width.length,(d.enname.length+1)*8+20);
                        }
                    }
                }
                let i = 0;
                this.deviceArr = [];
                for(let d of this.tableConfig.prop){
                    this.deviceArr.push({prop:d,label:this.tableConfig.label[i],minWidth:this.tableConfig.width[i],sortable:this.tableConfig.sortable[i]})
                    i++;
                }
                console.log(this.deviceArr)
                this.currentPage = 1;
                this.loading.fieldKeep = true;
                this.getLightList(this.currentPage,() => {
                    let this_ = this;
                    setTimeout(function(){
                        this_.fieldDialog = false;
                        this_.loading.fieldKeep = false;
                    },100)
                });
            },
            /*获取国家列表*/
            getCountry(){
                baseApi.ajax_post(
                    allUrl.common.get_country,
                    {
                        username:this.username,
                        client_key:this.client_key,
                        token:this.token,
                    },
                    {},
                    data =>{
                        this.countryList = data.data.list;
                    },
                this)
            },
            /*获取省份下拉*/
            getProvince(value){
                baseApi.ajax_post(
                    allUrl.common.get_province,
                    {
                        username:this.username,
                        client_key:this.client_key,
                        token:this.token,
                        countryId:value,
                    },
                    {},
                    data =>{
                        this.provinceList = data.data.list;
                    },
                this)
            },
            /*获取市级下拉*/
            getCity(value){
                baseApi.ajax_post(
                    allUrl.common.get_city,
                    {
                        username:this.username,
                        client_key:this.client_key,
                        token:this.token,
                        provinceId:value,
                    },
                    {},
                    data =>{
                        this.cityList = data.data.list;
                    },
                this)
            },
            /*获取区级下拉*/
            getArea(value){
                baseApi.ajax_post(
                    allUrl.common.get_area,
                    {
                        username:this.username,
                        client_key:this.client_key,
                        token:this.token,
                        cityId:value,
                    },
                    {},
                    data =>{
                        this.areaList = data.data.list;
                    },
                this)
            },
            /*公司下拉列表*/
            getCompanyNav(type){
                console.log(this.sideBarCompanyType)
                baseApi.ajax_post(
                    allUrl.user.company_nav,
                    {
                        username:this.username,
                        client_key:this.client_key,
                        token:this.token,
                        type:type,
                    },
                    {},
                    data =>{
                        if(type == 3){
                            this.companyNavSupplier = data.data.list;
                        }
                        if(type == 4){
                            this.companyNavPO = data.data.list;
                        }
                    },
                this)
            },
            
            /*添加项目*/
            addItemFun(){
                this.projectTitle = 'Add Project';
                this.projectButton = 'Create it now';
                
                this.addItemDialog = true;
                // let this_ = this;
                this.provinceList = [];
                this.cityList = [];
                this.areaList = [];
                this.$nextTick(function(){
                    this.$refs['addItemData'].resetFields();
                    // this.addItemData.company = this.companyId;
                    this.addItemData.patrolinterval = '60';
                    this.addItemData.countryId = '';
                    this.addItemData.provinceId = '';
                    this.addItemData.cityId = '';
                    this.addItemData.areaId = '';
                })
            },
            /*编辑项目*/
            editProject(){
                // console.log(this.detail)
                this.addItemDialog = true;
                this.projectTitle = 'Edit Project';
                this.projectButton = 'Save';
                this.$nextTick(function(){
                    this.$refs['addItemData'].resetFields();
                    this.getProjectDetail(this.projectId,data=>{
                        this.addItemData.projectName = data.data.project_name;
                        this.addItemData.projectNo = data.data.project_no;
                        this.addItemData.timezone = data.data.timezone;
                        this.getProvince(data.data.countryId)
                        this.getCity(data.data.provinceId);
                        this.getArea(data.data.cityId);
                        this.addItemData.countryId = data.data.countryId=='0'?'':data.data.countryId;
                        this.addItemData.provinceId = data.data.provinceId=='0'?'':data.data.provinceId;
                        this.addItemData.cityId = data.data.cityId=='0'?'':data.data.cityId;
                        this.addItemData.areaId = data.data.areaId=='0'?'':data.data.areaId;

                        this.addItemData.address = data.data.address;
                        // this.addItemData.company = this.companyId;
                        this.addItemData.patrolinterval = data.data.patrolinterval;
                    })

                })
            },
            countryType(val){
                this.getProvince(val)

                this.addItemData.provinceId = '';
                this.provinceList = [];
                this.addItemData.cityId = '';
                this.cityList = [];
                this.addItemData.areaId = '';
                this.areaList = [];
            },
            provinceType(val){
                this.getCity(val);
                this.addItemData.cityId = '';
                this.cityList = [];
                this.addItemData.areaId = '';
                this.areaList = [];
            },
            cityType(val){
                this.getArea(val);
                this.addItemData.areaId = '';
                this.areaList = [];
            },
            handleSelectionChange(val) {
                this.multipleSelection = val;
                this.popoverCLShow = false;
                for(let d of this.multipleSelection){
                    if(d.loadtype == '1'){
                        this.popoverCLShow = true;
                    }
                }
            },
            statusTypeFun(value,type,offline,online){
                if(this.status != value || this.alarmtype != type || this.offline != offline || this.online != online){
                    this.status = value;
                    this.alarmtype = type;
                    this.currentPage = 1;
                    this.offline = offline;
                    this.online = online;
                    this.getLightList(this.currentPage);
                }
            },

            brightnessAdjustment(e,data){
                console.log(e,'--------',data)
                this.lampLightSliderShow = true;
                let clientWidth = 0,clientHeight = 0,offsetX = 0,offsetY = 0,pageX = 0,pageY = 0;
                clientWidth = e.target.clientWidth;
                clientHeight = e.target.clientHeight;
                offsetX = e.offsetX;
                offsetY = e.offsetY;
                pageX = e.pageX;
                pageY = e.pageY;
                console.log(pageY,$('#app > .scrollbar_style.padding')[0].scrollTop,clientHeight - offsetY);
                this.lampLightSliderPageX = pageX - offsetX + clientWidth + 15;
                this.lampLightSliderPageY = pageY + $('#app > .scrollbar_style.padding')[0].scrollTop - (this.remRatio*(4.1+1.5/2)+71/2+6) + clientHeight - offsetY;
                this.lampLightSlider = parseInt(data.lighteness);
                this.lampId = data.id;
            },
            lampLightSliderClose(){
                this.lampLightSliderShow = false;
                this.lampLightSlider = 0;
            },
            lampLightSliderSave(){
                let this_ = this;
                this.loading.lampLightSlider = true;
                console.log(allUrl.websocket.wss)
                baseApi.websocket1(allUrl.websocket.wss,data=>{
                    if(data.data.status == '1'){
                        baseApi.ajax_post_ws(
                            allUrl.gisMap.lampcontrolDimming,
                            {
                                username:this_.username,
                                client_key:this_.client_key,
                                token:this_.token,
                                lamp_id:this_.lampId,
                                type:'1',
                                lightness:this_.lampLightSlider,
                                mode:'0',
                                clientid:data.data.clientid,
                            },
                            this_,
                        )
                    }
                    if(data.status == '2'){
                        if(data.code == '0000'){
                            this_.$message({
                              showClose: true,
                              message:data.msg,
                              type: 'success'
                            });
                            this_.loading.lampLightSlider = false;
                            this_.getLightList(this_.currentPage);
                            this_.lampLightSliderShow = false;
                        }else{
                            this_.$message({
                              showClose: true,
                              message:data.msg,
                              type: 'warning'
                            });
                            this_.loading.lampLightSlider = false;
                        }
                    }
                  },() => {
                    this_.loading.lampLightSlider = false;
                },this_)
            },
            handleCurrentChange(val){
                console.log(`current page: ${val}`);
                this.currentPage = val;
                this.getLightList(this.currentPage);
            },
            handleCurrentChangeLS(val) {
                this.lampcontrolHistorylist(val);
            },
            seeFun(data){
                this.detailsDialog = true;
                this.detailsFieldList = [];
                this.lampId = data.id;
                this.lampLoadtype = data.loadtype;
                if(data.loadtype == '1'){
                    this.detailsNavList[0].label ='Insect trap';
                }else{
                    this.detailsNavList[0].label ='lamp';
                }
                this.detailsNavSelect = 'lamp_info_log';
                this.lampcontrolViewloglist('lamp_info_log',data => {
                    // console.log(data,this.streetlightDetails)
                    let fieldList = Object.assign([],this.fieldList)
                    for(var key in data.data){
                        for(var d of this.streetlightDetails){
                            let obj = {};
                            for(let dd of fieldList){
                                console.log(dd.fields1,d.model)
                                if(dd.fields1 == 'number'){
                                    dd.fields1 = 'lamp_no'
                                }
                                if(dd.fields1 == 'networkname'){
                                    dd.fields1 = 'network_no'
                                }
                                if(dd.fields1 == 'projectname'){
                                    dd.fields1 = 'project_name'
                                }
                                if(dd.fields1 == d.model){
                                    obj.key = dd.enname
                                }
                            }
                            if(this.lampLoadtype == '1'){
                                if(d.model == 'lampstatus'){
                                    obj.key = 'Insect trap status'
                                }
                                if(d.model == 'lampvoltage'){
                                    obj.key = 'Insect trap voltage'
                                }
                                if(d.model == 'lampcurrent'){
                                    obj.key = 'Insect trap current'
                                }
                                if(d.model == 'lamppower'){
                                    obj.key = 'Insect trap power'
                                }
                                
                            }
                            if(d.model == 'monthly_can_usage'){
                                obj.key = '套餐总量'
                            }
                            if(d.model == 'monthly_already_usage'){
                                obj.key = '套餐使用量'
                            }
                            if(d.model == 'iccid'){
                                obj.key = 'ICCID'
                            }
                            if(d.model == key){
                                if(d.model != 'devicetype'){
                                    obj.value = data.data[key];
                                    obj.model = d.model;
                                    obj.unit = '';
                                    console.log(obj.key,obj)
                                    this.detailsFieldList.push(obj)
                                }
                            }
                        }
                    }
                })
            },
            detailsNavSelectFun(data){
                this.detailsNavSelect = data.model;
                this.detailsFieldList = [];
                this.lampcontrolViewloglist(data.model,data => {
                    // console.log(data,this.streetlightDetails)
                    let fieldList = Object.assign([],this.fieldList)
                    for(var key in data.data){
                        for(var d of this.streetlightDetails){
                            let obj = {};
                            for(let dd of fieldList){
                                if(dd.fields1 == 'number'){
                                    dd.fields1 = 'lamp_no'
                                }
                                if(dd.fields1 == 'networkname'){
                                    dd.fields1 = 'network_no'
                                }
                                if(dd.fields1 == 'projectname'){
                                    dd.fields1 = 'project_name'
                                }
                                if(dd.fields1 == d.model){
                                    obj.key = dd.enname
                                }
                            }
                            if(this.lampLoadtype == '1'){
                                if(d.model == 'lampstatus'){
                                    obj.key = 'Insect trap status'
                                }
                                if(d.model == 'lampvoltage'){
                                    obj.key = 'Insect trap voltage'
                                }
                                if(d.model == 'lampcurrent'){
                                    obj.key = 'Insect trap current'
                                }
                                if(d.model == 'lamppower'){
                                    obj.key = 'Insect trap power'
                                }
                                if(d.model == 'lamp_no'){
                                    obj.key = 'Insect trap number'
                                }
                            }
                            if(d.model == 'monthly_can_usage'){
                                obj.key = '套餐总量'
                            }
                            if(d.model == 'monthly_already_usage'){
                                obj.key = '套餐使用量'
                            }
                            if(d.model == 'iccid'){
                                obj.key = 'ICCID'
                            }
                            if(d.model == key){
                                if(d.model != 'devicetype'){
                                    obj.value = data.data[key];
                                    obj.model = d.model;
                                    obj.unit = '';
                                    console.log(obj.key,obj)
                                    this.detailsFieldList.push(obj)
                                }
                            }
                        }
                    }
                })
            },
            projectSaveDel(){
                this.$confirm('This operation will permanently delete the project, will it continue?', 'Prompt', {
                  confirmButtonText: 'confirm',
                  cancelButtonText: 'cancel',
                  type: 'warning'
                }).then(() => {
                  baseApi.ajax_post(
                    allUrl.project.projectDel,
                    {
                        username:this.username,
                        client_key:this.client_key,
                        token:this.token,
                        project_id:this.projectId,
                    },
                    {},
                    data =>{
                        this.$message({
                          showClose: true,
                          message:data.msg,
                          type: 'success'
                        });
                        var storage = window.localStorage;
                        storage.setItem('projectId',false);
                        storage.setItem('companyId',false);
                        this.projectId = '';
                        // this.getProjectNav('del',this.companyId);
                        // var storage = window.localStorage;
                        let searchType = storage.getItem("searchType");
                        this.sideBarCompanyList('',searchType)
                        this.addItemDialog = false;
                    },
                  this)
                }).catch(() => {
                    this.$message({
                        type: 'info',
                        message: 'Undeleted'
                    });
                });
            },
            projectKeydown(e){
                if(e.key == 'Enter'){
                    this.projectSaveFun();
                }
            },
            projectSaveFun(){
                var projectId;
                if(this.projectTitle == 'Edit Project'){
                    projectId = this.projectId;
                }else{
                    projectId = 0;
                }
                let pid = '';
                if(this.addItemData.areaId){
                    pid = this.addItemData.areaId;
                }else{
                    if(this.addItemData.cityId){
                        pid = this.addItemData.cityId;
                    }else{
                        if(this.addItemData.provinceId){
                            pid = this.addItemData.provinceId;
                        }else{
                            if(this.addItemData.countryId){
                                pid = this.addItemData.countryId;
                            }
                        }
                    }
                }
                this.$refs['addItemData'].validate((valid) => {
                    if(valid){
                        this.projectSaveLoading = true;
                        baseApi.ajax_post(
                            allUrl.project.projectSave,
                            {
                                username:this.username,
                                client_key:this.client_key,
                                token:this.token,
                                project_name:this.addItemData.projectName,
                                project_no:this.addItemData.projectNo,
                                pid:pid,
                                project_id:projectId,
                                address:this.addItemData.address,
                                // company:this.addItemData.company,
                                patrolinterval:this.addItemData.patrolinterval,
                            },
                            {},
                            data =>{
                                // console.log(data)
                                this.$message({
                                  showClose: true,
                                  message:data.msg,
                                  type: 'success'
                                });
                                let searchType = storage.getItem("searchType");
                                this.sideBarCompanyList('',searchType)
                                this.addItemDialog = false;
                                this.projectSaveLoading = false;
                            },
                        this,() =>{
                            this.projectSaveLoading = false;
                        })
                    }
                })
            },
            /*灯控详细数据*/
            lampcontrolViewloglist(value,callback){
                this.loading.detailsFieldList = true;
                baseApi.ajax_post(
                    allUrl.project.lampcontrolViewloglist,
                    {
                        username:this.username,
                        client_key:this.client_key,
                        token:this.token,
                        lamp_id:this.lampId,
                        datatype:value,
                    },
                    {},
                    data =>{
                        this.loading.detailsFieldList = false;
                        if(callback){
                            callback(data)
                        }
                        this.lampcontrolListHC = data.data;
                    },
                this,()=>{
                    this.loading.detailsFieldList = false;
                })
            },
            /*添加灯控*/
            addLightControlFun(value){
                this.getCompanyNav(3);
                this.getCompanyNav(4);
                this.lightControlTitle = 'Add Lamp';
                this.lightControlButton = 'Create it now';  
                
                this.addLightControlDialog = true;
                this.$nextTick(function(){
                    this.$refs['lightControlData'].resetFields();
                    if(value != 0){
                        this.lightControlData.network_id = value
                    }
                    this.lightControlData.longitude = this.detailData.longitude;
                    this.lightControlData.latitude = this.detailData.latitude;
                })
            },
            /*编辑灯控*/
            editFun(data){
                this.getCompanyNav(3);
                this.getCompanyNav(4);
                this.lampId = data.id;
                this.lampLoadtype = data.loadtype;
                if(this.lampLoadtype == '1'){
                    // this.lightControlList[0].label = '捕虫器编号';
                    // this.lightControlList[11].label = '捕虫器类型';
                    this.lightControlListEN[0].label = 'Insect trap number';
                    this.lightControlListEN[11].label = 'Insect trap Type';
                }else{
                    // this.lightControlList[0].label = '路灯编号';
                    // this.lightControlList[11].label = '路灯类型';
                    this.lightControlListEN[0].label = 'Lamp number';
                    this.lightControlListEN[11].label = 'Lamp type';
                }
                if(this.lampLoadtype == '1'){
                    this.lightControlTitle = 'Edit Insect trap';
                }else{
                    this.lightControlTitle = 'Edit Lamp';
                }
                this.lightControlButton = 'Save';
            
                this.addLightControlDialog = true;
                this.lampcontrolViewloglist('lampinfo',data=>{
                    // console.log(data)
                    this.$nextTick(function(){
                        this.$refs['lightControlData'].resetFields();
                        for(let key in this.lightControlData){
                            this.lightControlData[key] = data.data[key];
                        }
                    })
                })
            },
            lampKeydown(e){
                if(e.key == 'Enter'){
                    this.lightControlFun();
                }
            },
            lightControlFun(){
                // console.log(this.lightControlData)
                let lamp_id;
                if(this.lightControlTitle == 'Add Lamp'){
                    lamp_id = 0;
                }else if(this.lightControlTitle == 'Edit Lamp' ||this.lightControlTitle == 'Edit Insect trap'){
                    lamp_id = this.lampId;
                }
                this.lightControlData.PO = this.lightControlData.poName;
                this.lightControlData.supplier = this.lightControlData.supplierName;
                this.$refs['lightControlData'].validate((valid) => {
                    if(valid){
                        baseApi.ajax_post(
                            allUrl.project.lampcontrolSave,
                            {
                                username:this.username,
                                client_key:this.client_key,
                                token:this.token,
                                lamp_id:lamp_id,
                                network_id:this.networkId,
                                project_id:this.projectId,
                                ...this.lightControlData
                            },
                            {},
                            data =>{
                                // console.log(data,'灯控回调')
                                this.$message({
                                  showClose: true,
                                  message:data.msg,
                                  type: 'success'
                                });
                                this.getLightList(this.currentPage);
                                this.addLightControlDialog = false;
                                // this.networkSectionList();
                            },
                        this)
                    }
                })
            },
            amapWrapperFun(){
                this.lampLongitude = Number(this.lightControlData.longitude);
                this.lampLatitude = Number(this.lightControlData.latitude);
                if(isNaN(this.lampLongitude) || isNaN(this.lampLatitude) || this.lampLongitude>180||this.lampLongitude<-180||this.lampLatitude>90||this.lampLatitude<-90){
                    this.$message({
                      showClose: true,
                      message: 'Please enter the correct latitude and longitude',
                      type: 'warning'
                    });
                }else{
                    let this_ = this;
                    this.amapWrapper = true;
                    this.$nextTick(function(){
                        $('#lampAmapWrapper').css('height',$(window).height()*0.6+'px')
                        // console.log(this.lightControlData)

                        let JDstr = '';
                        let WDstr = '';
                        JDstr = 'longitude';
                        WDstr = 'latitude';
                        
                        let lat = 0;
                        let lng = 0;
                        if(!isNaN(this.lampLongitude) && !isNaN(this.lampLatitude) &&!(this.lampLongitude ==0 &&this.lampLongitude ==0)){
                            let bd_decrypt = this.bd_decrypt(this.lampLongitude,this.lampLatitude)
                            this.lampLatitude = Number(bd_decrypt.lat.toFixed(8));
                            this.lampLongitude = Number(bd_decrypt.lng.toFixed(8));
                            console.log(this.lampLatitude,this.lampLongitude,'----s')
                            lat = bd_decrypt.lat;
                            lng = bd_decrypt.lng;
                            this_.mapDWIsTrue = false;
                            this.map = new google.maps.Map(document.getElementById('lampAmapWrapper'), {
                                center:{lat: this.lampLatitude, lng: this.lampLongitude},
                                zoom: 16,
                                gestureHandling: 'greedy',
                                streetViewControl:false,
                                mapTypeControlOptions:{
                                  style:google.maps.MapTypeControlStyle.DROPDOWN_MENU,
                                  position:google.maps.ControlPosition.RIGHT_TOP
                                },
                                mapTypeId:google.maps.MapTypeId.ROADMAP,
                            });
                            // console.log('---------1',lat,lng)
                        }else{
                            this_.mapDWIsTrue = true;
                            this.map = new google.maps.Map(document.getElementById('lampAmapWrapper'), {
                                center:{lat: 0, lng: 0},
                                zoom: 16,
                                gestureHandling: 'greedy',
                                streetViewControl:false,
                                mapTypeControlOptions:{
                                  style:google.maps.MapTypeControlStyle.DROPDOWN_MENU,
                                  position:google.maps.ControlPosition.RIGHT_TOP
                                },
                                mapTypeId:google.maps.MapTypeId.ROADMAP,
                            });
                        }
                        // console.log(Number(lat),Number(lng))
                        this.geocoder = new google.maps.Geocoder();
                        let bgColor = 'linear-gradient(#fc8440, #fe7121)';
                        let borderColor = 'rgba(253, 122, 48, 0.18)';
                        this_.positionPicker = new RichMarker({
                          position:new google.maps.LatLng(Number(lat),Number(lng)),
                          map: this_.map,
                          draggable: true,
                          content:'<div class="lm_img_mover" style="text-align:center;border:11px solid '+borderColor+'; border-radius:50%;cursor:pointer;"><div style="text-align:center;background:'+bgColor+';background-clip: padding-box;border:2px solid #fff; height: 16px; width: 16px; border-radius:50%;"></div></div>'
                        })
                        var controlDiv = document.createElement('DIV');
                        controlDiv.className = "google_Location_box"
                        var controlUI = document.createElement('DIV');
                        controlUI.className = "google_Location"
                        controlDiv.appendChild(controlUI);
                        var svg = document.createElementNS('http://www.w3.org/2000/svg','svg');
                        svg.setAttribute('viewBox','25 25 50 50');
                        svg.setAttribute('class','circular');
                        svg.setAttribute('styel','display:none');
                        var circle = document.createElementNS('http://www.w3.org/2000/svg','circle');
                        circle.setAttribute('cx','50');
                        circle.setAttribute('cy','50');
                        circle.setAttribute('r','20');
                        circle.setAttribute('fill','none');
                        circle.setAttribute('class','path');

                        svg.appendChild(circle);
                        controlDiv.appendChild(svg);
                        
                        google.maps.event.addDomListener(controlDiv, 'click', function() {
                            if (navigator.geolocation && this_.googleMapLocattion) {
                                this_.googleMapLocattion = false;
                                $('.google_Location').css('display','none');
                                $('.google_Location_box .circular').css('display','inline-block');
                                let options ={
                                    enableHighAccuracy:false,
                                    timeout:3000,
                                    maximumAge:3000
                                }
                                navigator.geolocation.getCurrentPosition(successHandler,errorHandler,options)
                            }
                        });
                        function successHandler(position){
                            this_.map.setCenter(new google.maps.LatLng(position.coords.latitude,position.coords.longitude));
                            lat = position.coords.latitude;
                            lng = position.coords.longitude;
                            this_.positionPicker.setPosition(new google.maps.LatLng(position.coords.latitude,position.coords.longitude))
                            this_.googleMapLocattion = true;
                            $('.google_Location').css('display','inline-block');
                            $('.google_Location_box .circular').css('display','none');
                            console.log('---------1--------',position)
                        }
                        function errorHandler(error){
                            console.log('------2-----------',error)
                            this_.googleMapLocattion = true;
                            $('.google_Location').css('display','inline-block');
                            $('.google_Location_box .circular').css('display','none');
                            this_.$message({
                              showClose: true,
                              message:'seek failed',
                              type: 'warning'
                            });
                        }
                        this_.map.controls[google.maps.ControlPosition.BOTTOM_RIGHT].push(controlDiv);
                        if(this_.screenMap && this_.mapDWIsTrue){
                            this_.geocoder.geocode({address:this_.screenMap},function(status, result){
                                // console.log(status, result)
                                if(result === 'OK'){
                                    this_.mapDWIsTrue = false;
                                    lng = status[0].geometry.location.lng();
                                    lat = status[0].geometry.location.lat();
                                    // console.log(lng,lat)
                                    this_.positionPicker.setPosition(new google.maps.LatLng(lat,lng))
                                    this_.map.setCenter(new google.maps.LatLng(lat,lng));
                                }else{
                                    this_.mapDWIsTrue = true;
                                    this_.$message({
                                      showClose: true,
                                      message: 'Unrecognized, please change the search content',
                                      type: 'warning'
                                    });
                                }
                                function_navigator(this_,lat,lng);
                            })
                        }else{
                            function_navigator(this_,lat,lng);
                        }
                        // console.log(navigator.geolocation , this_.mapDWIsTrue)
                        function function_navigator(this_) {
                            if (navigator.geolocation && this_.mapDWIsTrue && this_.googleMapLocattion) {
                                this_.googleMapLocattion = false;
                                let time1 = setInterval(function(){
                                    if($('.google_Location').length>0 && $('.google_Location_box .circular').length>0){
                                        $('.google_Location').css('display','none');
                                        $('.google_Location_box .circular').css('display','inline-block');
                                        clearInterval(time1);
                                    }
                                },1)
                                let options ={
                                    enableHighAccuracy:false,
                                    timeout:3000,
                                    maximumAge:3000
                                }
                                navigator.geolocation.getCurrentPosition(successHandler_,errorHandler_,options)
                            }
                        }
                        function successHandler_(position){
                            this_.map.setCenter(new google.maps.LatLng(position.coords.latitude,position.coords.longitude));
                            lat = position.coords.latitude;
                            lng = position.coords.longitude;
                            this_.positionPicker.setPosition(new google.maps.LatLng(position.coords.latitude,position.coords.longitude))
                            this_.googleMapLocattion = true;
                            let time2 = setInterval(function(){
                                if($('.google_Location').length>0 && $('.google_Location_box .circular').length>0){
                                    $('.google_Location').css('display','inline-block');
                                    $('.google_Location_box .circular').css('display','none');
                                    clearInterval(time1);
                                    clearInterval(time2);
                                }
                            },1)
                            // console.log('---------1--------')
                        }
                        function errorHandler_(){
                            // console.log('------2-----------')
                            this_.googleMapLocattion = true;
                            let time3 = setInterval(function(){
                                if($('.google_Location').length>0 && $('.google_Location_box .circular').length>0){
                                    $('.google_Location').css('display','inline-block');
                                    $('.google_Location_box .circular').css('display','none');
                                    clearInterval(time1);
                                    clearInterval(time3);
                                }
                            },1)
                            this_.$message({
                              showClose: true,
                              message:'seek failed',
                              type: 'warning'
                            });
                        }
                        google.maps.event.addListener(this_.positionPicker,"position_changed",function(){
                            $('.lampLongitude'+this_.lampId).text(this.getPosition().lng().toFixed(8));
                            $('.lampLatitude'+this_.lampId).html(this.getPosition().lat().toFixed(8));
                            let bd_encrypt = this_.bd_encrypt(this.getPosition().lng().toFixed(8),this.getPosition().lat().toFixed(8))
                            this_.lampLongitude = bd_encrypt.bd_lng;
                            this_.lampLatitude = bd_encrypt.bd_lat;
                        })
                        let time = setInterval(function(){
                            if($('.lm_img_mover').length >0){
                                let div = $('<div class="lamp_coordinate_en lamp_coordinate_'+this_.lampId+'"><span><span>'+ JDstr +' : <span class="lampLongitude'+this_.lampId+'">'+this_.lampLongitude+'</span></span><span>'+ WDstr +' : <span class="lampLatitude'+this_.lampId+'">'+this_.lampLatitude+'</span></span></span><i class="determine_l"></i><i class="cancel_l"></i></div>')
                                $('.lm_img_mover').parent().append(div);
                                
                                $('.lamp_coordinate_'+this_.lampId).children('i').mouseup(function(e){
                                    let className = e.target.className.split(' ');
                                    if(className[0] == 'determine_l'){
                                        this_.lightControlData.longitude = this_.lampLongitude;
                                        this_.lightControlData.latitude = this_.lampLatitude;
                                        $('.lamp_coordinate_'+this_.lampId).css('display','none');
                                        $('.lamp_'+this_.lampId).unbind("mousedown");
                                        this_.amapWrapper = false;
                                    }else if(className[0] == 'cancel_l'){
                                        this_.amapWrapper = false;
                                    }
                                })
                                clearInterval(time)
                            }
                        },1)
                    
                    })
                }
            },
            devicetypeChange(){
                this.lightControlData['protocoltype'] = '';
                this.lightControlData['network_id'] = '';
            },
            screenMapKeyUp(e){
                if(e.key == 'Enter'){
                    this.screenMapChange(this.screenMap);
                }
            },
            screenMapChange(val){
                let this_ = this;
                // console.log(val)
                //地理编码,返回地理编码结果
                this_.geocoder.geocode({address:val},function(status, result){
                    // console.log(status, result)
                    let lng = 0;
                    let lat = 0;
                    if(result === 'OK'){
                        lng = status[0].geometry.location.lng();
                        lat = status[0].geometry.location.lat();
                        console.log(lng,lat)
                        this_.positionPicker.setPosition(new google.maps.LatLng(lat,lng))
                        this_.map.setCenter(new google.maps.LatLng(lat,lng));
                        this_.mapDWIsTrue = false;
                    }else{
                        this_.$message({
                          showClose: true,
                          message:'Unrecognized, please change the search content',
                          type: 'warning'
                        });
                        this_.mapDWIsTrue = true;
                    }
                })
            },
            gisFun(obj,type){
                this.lampId = obj.id;
                let isImplement = false;
                for(let val of this.privilege){
                    if(val == '2'){
                        isImplement = true;
                    }
                }
                console.log(this.role)
                if(this.role == '1'){
                    isImplement = true;
                }
                if(isImplement){
                    this.lampcontrolViewloglist('lampinfo',data=>{
                        window.open('#/'+type+'?longitude='+data.data.longitude+'&latitude='+data.data.latitude+'&id='+obj.id);
                    })
                }else{
                    this.$message({
                      showClose: true,
                      message:'No view permissions',
                      type: 'warning'
                    });
                }

            },
            /*历史*/
            historicalFun(data){
                // console.log(data)
                this.lampId = data.id;
                this.historicalLampId = data.id;
                this.lampLoadtype = data.loadtype;
                this.historicalDialog = true;
                this.currentPageLS = 1;
                this.historicalNavSelect = 'lamp_info_log';
                if(data.loadtype == '1'){
                    this.historicalNavListEN[0].label = 'Insect trap';
                }else{
                    this.historicalNavListEN[0].label = 'lamp';
                }
                this.historicalTableList = JSON.parse(JSON.stringify(this[this.historicalNavSelect+'TableListEN']));
                
                this.lampcontrolHistorylist(1);
                this.lampHistoryData();
                this.getLampList();
            },
            historicalLampClick(id){
                this.historicalLampId = id;
                this.lampId = id;
                if(this.dataLSType == '1'){
                    this.lampcontrolHistorylist(1);
                }else{
                    this.lampHistoryData();
                }
            },
            getLampList(){
                this.loading.getLampList = true;
                baseApi.ajax_post(
                    allUrl.common.lamp_list,
                    {
                        username:this.username,
                        client_key:this.client_key,
                        token:this.token,
                        client_type:'0',
                        projectid:this.projectId,
                    },
                    {},
                    data =>{
                        this.historicalLampList = data.data;
                        this.loading.getLampList = false;
                        console.log($('.history_box .main_list .lamp_list .select'))
                        let isTrue = true;
                        let time = setInterval(function(){
                            if($('.history_box .main_list .lamp_list .select')){
                                $('.history_box .main_list .lamp_list').animate({scrollTop: $('.history_box .main_list .lamp_list .select').offset().top - 250 + $('.history_box .main_list .lamp_list').scrollTop()});
                                clearInterval(time);
                            }
                            if(isTrue){
                                setTimeout(function(){
                                    clearInterval(time);
                                },3000)
                            }
                            isTrue = false;
                        },100)
                    },
                this,()=>{
                    this.loading.getLampList = false;
                })
            },
            LSDataTypeFun(val){
                this.LSDataType = val;
                this.lampHistoryData();
            },
            dataLSTypeFun(val){
                let historicalNavSelect = this.historicalNavSelect;
                this.dataLSType = val;
                if(val == '0'){
                    if(historicalNavSelect == 'system_info_log'){
                        this.historicalNavSelect = 'lamp_info_log';
                    }
                    this.lampHistoryData();
                }else{
                    if(historicalNavSelect == '3'){
                        this.historicalNavSelect = 'lamp_info_log';
                    }
                    this.currentPageLS = 1;
                    this.historicalTableList = this[this.historicalNavSelect+'TableListEN'];
                    this.lampcontrolHistorylist(1,0);
                }
            },
            lampHistoryData(){
                let type = this.historicalNavSelect,date = this.screenDateLS[0]+'/'+this.screenDateLS[1];
                if(this.historicalNavSelect == 'lamp_info_log'){
                    type = '0';
                }
                if(this.historicalNavSelect == 'battery_info_log'){
                    type = '1';
                }
                if(this.historicalNavSelect == 'solar_info_log'){
                    type = '2';
                }
                console.log(type,date)
                this.loading.historyEcharts = true;
                baseApi.ajax_post(
                    allUrl.project.lampHistoryData,
                    {
                        username:this.username,
                        client_key:this.client_key,
                        client_type:'0',
                        token:this.token,
                        lampid:this.lampId,
                        type:type,
                        dateType:this.LSDataType,
                        date:date,
                    },
                    {},
                    data =>{
                        this.loading.historyEcharts = false;
                        this.historyDataInfo = data.data;
                        if(data.data.list.updatetime){
                            this.historyEcharts(data.data.list,type);
                        }
                    },
                    this,()=>{
                    this.loading.historyEcharts = false;
                    for(let key in this.historyDataInfo){
                        this.historyDataInfo[key] = '';
                    }
                })
            },
            historyEcharts(data,type){
                let this_ = this,series = [],dataListMax = 3,gridLeft,legendData = [],legendSelected = {};
                if(type == '0'){
                    series =  [
                        {
                            name:'Voltage',
                            id:'V_0',
                            data:data.lampvoltage,
                            type: 'line',
                            smooth: true,
                            color:'#15CA56',
                            showSymbol:false,
                        },{
                            name:'Current',
                            id:'A_1',
                            data:data.lampcurrent,
                            type: 'line',
                            smooth: true,
                            color:'#F3BC12',
                            showSymbol:false,
                        },{
                            name:'power',
                            id:'W_2',
                            data:data.lamppower,
                            type: 'line',
                            smooth: true,
                            color:'#3898F8',
                            showSymbol:false,
                        },{
                            name:'brightness',
                            id:'%_3',
                            data:data.lighteness,
                            type: 'line',
                            smooth: true,
                            color:'#F05904',
                            showSymbol:false,
                        },
                    ];
                    legendData = [
                        {name:'Voltage',icon:'circle'},
                        {name:'Current',icon:'circle'},
                        {name:'power',icon:'circle'},
                        {name:'brightness',icon:'circle',select:false}
                    ];
                    legendSelected['Voltage'] = true;
                    legendSelected['Current'] = true;
                    legendSelected['power'] = true;
                    legendSelected['brightness'] = false;
                    for(let d of data.lamppower){
                        d = parseInt(d);
                        if(d > dataListMax){
                            dataListMax = d;
                        }
                    }
                    dataListMax = dataListMax +'00'
                    gridLeft = dataListMax.length*10;
                }
                if(type == '1'){
                    series =  [
                        {
                            name:'Voltage',
                            id:'V_0',
                            data:data.battvoltage,
                            type: 'line',
                            smooth: true,
                            color:'#15CA56',
                            showSymbol:false,
                        },{
                            name:'Current',
                            id:'A_1',
                            data:data.batterycurrent,
                            type: 'line',
                            smooth: true,
                            color:'#F3BC12',
                            showSymbol:false,
                        },{
                            name:'power',
                            id:'W_2',
                            data:data.batterypower,
                            type: 'line',
                            smooth: true,
                            color:'#3898F8',
                            showSymbol:false,
                        }
                    ];
                    legendData = [
                        {name:'Voltage',icon:'circle'},
                        {name:'Current',icon:'circle'},
                        {name:'power',icon:'circle'},
                    ];
                    legendSelected['Voltage'] = true;
                    legendSelected['Current'] = true;
                    legendSelected['power'] = true;
                    for(let d of data.batterypower){
                        d = parseInt(d);
                        if(d > dataListMax){
                            dataListMax = d;
                        }
                    }
                    dataListMax = dataListMax +'00'
                    gridLeft = dataListMax.length*10;
                }
                if(type == '2'){
                    series =  [
                        {
                            name:'Voltage',
                            id:'V_0',
                            data:data.solarvoltage,
                            type: 'line',
                            smooth: true,
                            color:'#15CA56',
                            showSymbol:false,
                        },{
                            name:'Current',
                            id:'A_1',
                            data:data.solarcurrent,
                            type: 'line',
                            smooth: true,
                            color:'#F3BC12',
                            showSymbol:false,
                        },{
                            name:'power',
                            id:'W_2',
                            data:data.solarpower,
                            type: 'line',
                            smooth: true,
                            color:'#3898F8',
                            showSymbol:false,
                        },
                    ];
                    legendData = [
                        {name:'Voltage',icon:'circle'},
                        {name:'Current',icon:'circle'},
                        {name:'power',icon:'circle'},
                    ];
                    legendSelected['Voltage'] = true;
                    legendSelected['Current'] = true;
                    legendSelected['power'] = true;
                    for(let d of data.solarpower){
                        d = parseInt(d);
                        if(d > dataListMax){
                            dataListMax = d;
                        }
                    }
                    dataListMax = dataListMax +'00'
                    gridLeft = dataListMax.length*10;
                }
                if(type == '3'){
                    series =  [
                        {
                            name:'Charge',
                            id:'AH_0',
                            data:data.daychargeah,
                            type: 'line',
                            smooth: true,
                            color:'#15CA56',
                            showSymbol:false,
                        },{
                            name:'Discharge',
                            id:'AH_1',
                            data:data.daydischarah,
                            type: 'line',
                            smooth: true,
                            color:'#F3BC12',
                            showSymbol:false,
                        }
                    ];
                    legendData = [
                        {name:'Charge',icon:'circle'},
                        {name:'Discharge',icon:'circle'},
                    ];
                    legendSelected['Charge'] = true;
                    legendSelected['Discharge'] = true;
                    for(let d of data.daychargeah){
                        d = parseInt(d);
                        if(d > dataListMax){
                            dataListMax = d;
                        }
                    }
                    for(let d of data.daydischarah){
                        d = parseInt(d);
                        if(d > dataListMax){
                            dataListMax = d;
                        }
                    }
                    dataListMax = dataListMax +'00'
                    gridLeft = dataListMax.length*10;
                }
               
                // console.log(data,'------')
                let legendOrient = 'horizontal';
                if(document.body.offsetWidth <1500){
                    this_.legendWidth = '180px';
                    // if(type == '3'){
                    //  legendOrient = 'vertical';
                    // }
                }else{
                    this_.legendWidth = 'auto';
                    // legendOrient = 'horizontal';
                }
                this.$nextTick(function(){
                    if(document.getElementsByClassName('history_echarts')[0]){
                        const myChart = this.$echarts.init(document.getElementsByClassName('history_echarts')[0]);
                        let arry = [],hh,month,dd,mm;
                        for(let d of data.updatetime){
                            d = new Date(d);month = d.getMonth()+1;dd = d.getDate();
                            hh = d.getHours()<10?'0'+d.getHours():d.getHours();
                            mm = d.getMinutes()<10?'0'+d.getMinutes():d.getMinutes();
                            arry.push(month+'-'+dd+' '+hh+':'+mm)
                        }
                        let option = {
                            tooltip:{
                                trigger:'axis',
                                axisPointer:{
                                    snap:true,
                                    lineStyle:{
                                        width:2,
                                        color:'rgba(252, 130, 61, 0.19)',
                                        type:'dashed',
                                    }
                                },
                                padding:0,
                                backgroundColor:'rgba(0,0,0,0.6)',
                                formatter: function (params) {
                                    var tls,p='';
                                    for(let key in params){
                                    // console.log('sapn_'+params[key].seriesId.split('_')[1])
                                        p=p+'<p><span class="span_'+params[key].seriesId.split('_')[1]+'"></span>'+params[key].seriesName+': '+params[key].data+' '+params[key].seriesId.split('_')[0]+'</p>'
                                    }
                                    tls = '<div class="history_echarts_tooltip"><p>'+data.updatetime[params[0].dataIndex]+'</p>'+p+'</div>'
                                    return tls;
                                },
                            },
                            grid:{
                                top:60,
                                left:gridLeft,
                                bottom:20,
                                right:40,
                            },
                            legend: {
                                data:legendData,
                                selected:legendSelected,
                                orient:legendOrient,
                                type: 'scroll',
                                left: '20px',
                                top: '0px',
                                width:this_.legendWidth,
                                itemWidth: 12,
                                itemHeight: 12,
                                textStyle:{
                                    color:'rgba(102,102,102,1)',
                                    fontSize:14,
                                    fontWeight:500,
                                },
                            },
                            xAxis: {
                                data: arry,
                                type: 'category',
                                boundaryGap: false,
                                axisLabel:{
                                    color:'rgba(136, 136, 136, 1)',
                                    fontSize:'12',
                                },
                                axisTick:{
                                    show:false
                                },
                                axisLine:{
                                    show:false
                                },
                            },
                            yAxis: {
                                type: 'value',
                                nameGap:6,
                                // interval:6,
                                // max:
                                axisLabel:{
                                    color:'rgba(136, 136, 136, 1)',
                                    fontSize:'12',
                                },
                                axisTick:{
                                    show:false
                                },
                                axisLine:{
                                    show:false
                                },
                                splitNumber:4,
                                splitLine:{
                                    lineStyle:{
                                        color:'rgba(240, 240, 240, 1)',
                                    }
                                },
                            },
                            series: series,
                        };
                        myChart.setOption(option,true);

                        window.onresize = function(){
                          if(document.body.offsetWidth <1500){
                                this_.legendWidth = '180px';
                            }else{
                                this_.legendWidth = 'auto';
                            }
                            myChart.setOption(option,true);
                            myChart.resize();
                        }
                    }
                })
            },
            historicalNavSelectFun(obj){
                this.historicalNavSelect = obj.model;
                if(this.dataLSType == '0'){
                    this.lampHistoryData();
                }else{
                    this.currentPageLS = 1;
                    this.historicalTableList = this[this.historicalNavSelect+'TableListEN'];
                    this.lampcontrolHistorylist(1,0);
                }
                // console.log(this.historicalTableList)
            },
            lampcontrolHistorylist(val,download,callback,error){
                let isDownload;
                if(!download){
                    isDownload = 0;
                    this.historicalTableLoading = true;
                }else{
                    this.loading.exportTableLS = true;
                    isDownload = download;
                }
                let date = this.screenDateLS[0]+'/'+this.screenDateLS[1];
                console.log(isDownload,callback,error,date)
                baseApi.ajax_post(
                    allUrl.project.lampcontrolHistorylist,
                    {
                        username:this.username,
                        client_key:this.client_key,
                        token:this.token,
                        lamp_id:this.lampId,
                        page:val,
                        count:this.zCount,
                        datatype:this.historicalNavSelect,
                        download:isDownload,
                        date:date,
                    },
                    {},
                    data =>{
                        // console.log(data,'表格历史数据')
                        if(callback){
                            callback()
                        }
                        if(download){
                            // var $eleBtn2 = $("#btn2");
                            var $eleForm = $("<form method='get'></form>");
                            $eleForm.attr("action",data.data.path);
                            $(document.body).append($eleForm);
                            //提交表单，实现下载
                            $eleForm.submit();
                            this.loading.exportTableLS = false;
                        }else{
                            this.historicalTableLoading = false;
                            if(data.data.list){
                                this.historicalTableData = data.data.list;
                                this.totalLS = data.data.total*16;
                                let i = (this.currentPageLS - 1)*16+1;
                                for(let d of this.historicalTableData){
                                    let hh1 = '',mm1 = '',hh2 = '',mm2 = '';
                                    hh1 = parseInt(d.daychargemincurrent/3600);
                                    mm1 = parseInt((d.daychargemincurrent%3600)/60);
                                    hh2 = parseInt(d.daydischargemincurrent/3600);
                                    mm2 = parseInt((d.daydischargemincurrent%3600)/60);
                                    if(hh1<10){
                                        hh1 = '0'+hh1;
                                    }
                                    if(hh2<10){
                                        hh2 = '0'+hh2;
                                    }
                                    if(mm1<10){
                                        mm1 = '0'+mm1;
                                    }
                                    if(mm2<10){
                                        mm2 = '0'+mm2;
                                    }
                                    d.daychargemincurrent = hh1+':'+mm1;
                                    d.daydischargemincurrent = hh2+':'+mm2;

                                    d.LSLD_index = i;
                                    i++;
                                }
                            }else{
                                this.historicalTableData = [];
                                this.totalLS = 0;
                            }
                        }
                    },
                    this,()=>{
                        if(error){
                            error()
                        }
                        if(download){
                            this.loading.exportTableLS = false;
                        }else{
                            this.historicalTableData = [];
                            this.totalLS = 0;
                            this.historicalTableLoading = false;
                        }
                    }
                )
            },

            /*参数弹框*/
            monitorFun(data){
                console.log(data,'-------')
                this.lampId = data.id;
                this.loadtype = data.loadtype;
                this.monitorType = 'loadParameters';
                this.monitorDialog = true;
                this.parameterLoadIsEdit = false;
                this.parameterBatteryIsEdit = false;
                baseApi.ajax_post(
                    allUrl.project.workmode,
                    {
                        username:this.username,
                        client_key:this.client_key,
                        token:this.token,
                    },
                    {},
                    data =>{
                        this.option.workmodeList = [];
                        // console.log(data,'路灯负载模式下拉列表')
                        for(let key in data.data){
                            this.option.workmodeList.push({
                                id:key,
                                name:data.data[key],
                            })
                        }
                    },
                this)
                this.loadParametersData = this.loadParametersDataOld;
                if(data.loadtype == '1'){
                    this.loadParametersListEN = this.catcherloadParametersListENOld
                }else{
                    this.loadParametersListEN = this.loadParametersListENOld
                }
                for(let key in this.loadParametersData){
                    this.loadParametersData[key] = '';
                }
                
                this.loadSetting();
                
                for(let key in this.batteryParametersData){
                    this.batteryParametersData[key] = '';
                }
                this.batterySetting();
            },
            loadNoEditFun(){
                this.loadParametersData = Object.assign({},this.loadParametersDataHC);
                this.parameterLoadIsEdit = false;
            },
            batteryNoEditFun(){
                this.batteryParametersData = Object.assign({},this.batteryParametersDataHC)
                this.parameterBatteryIsEdit = false;
            },
            setLoadFun(){
                // console.log(this.batchModificationParameters,'------1')
                let loadParametersData = JSON.parse(JSON.stringify(this.loadParametersData));
                loadParametersData.first_light_time = this.datezhuanhuan(loadParametersData.first_light_time);
                loadParametersData.second_light_time = this.datezhuanhuan(loadParametersData.second_light_time);
                loadParametersData.third_light_time = this.datezhuanhuan(loadParametersData.third_light_time);
                loadParametersData.fourth_light_time = this.datezhuanhuan(loadParametersData.fourth_light_time);
                loadParametersData.fifth_light_time = this.datezhuanhuan(loadParametersData.fifth_light_time);
                loadParametersData.sixth_light_time = this.datezhuanhuan(loadParametersData.sixth_light_time);
                loadParametersData.seventh_light_time = this.datezhuanhuan(loadParametersData.seventh_light_time);
                loadParametersData.eighth_light_time = this.datezhuanhuan(loadParametersData.eighth_light_time);
                loadParametersData.ninth_light_time = this.datezhuanhuan(loadParametersData.ninth_light_time);
                loadParametersData.tenth_light_time = this.datezhuanhuan(loadParametersData.tenth_light_time);
                if(this.batchModificationParameters){
                    this.loading.setLoadFun = true;

                    baseApi.websocket1(allUrl.websocket.wss,data=>{
                        if(data.data.status == '1'){
                            baseApi.ajax_post_ws(
                                allUrl.project.setLoad,
                                {
                                    username:this.username,
                                    client_key:this.client_key,
                                    token:this.token,
                                    lamp_id:this.lampId,
                                    clientid:data.data.clientid,
                                    ...loadParametersData,
                                },
                                this,
                            )
                        }
                        if(data.data.status == '2'){
                            if(data.data.code == '0000'){
                                this.$message({
                                  showClose: true,
                                  message:data.data.msg,
                                  type: 'success'
                                });
                                this.loading.setLoadFun = false;
                                this.parameterLoadIsEdit = false;
                            }else{
                                this.$message({
                                  showClose: true,
                                  message:data.data.msg,
                                  type: 'warning'
                                });
                                this.loading.setLoadFun = false;
                                this.parameterLoadIsEdit = false;       
                            }
                        }
                    },() => {
                        this.loading.setLoadFun = false;
                    },this)
                }else{
                    let this_ = this;
                    let i = 0;
                    let type = 'off';
                    this.loading.setLoadFun = false;
                    this.parameterLoadIsEdit = false;
                    this.monitorDialog = false;
                    this.giveCommandDialog = true;
                    this.giveCommandZS = this.multipleSelection.length;
                    this.giveCommandCG = 0;
                    this.giveCommandJD = 0;
                    this.giveCommandJournal = [];
                    console.log(this.multipleSelection)
                    let ids = '';
                    let ids_length = this.multipleSelection.length;
                    for(let d of this.multipleSelection){
                        if(ids == ''){
                            ids = d.id;
                        }else{
                            ids+=','+d.id;
                        }
                    }
                    baseApi.websocket1(allUrl.websocket.wss,(data,websocket)=>{
                        this_.loading.batchProcessingFun = true;
                        if(data.data.status == '1'){
                            baseApi.ajax_post_ws(
                                allUrl.project.setLoad,
                                {
                                    username:this_.username,
                                    client_key:this_.client_key,
                                    token:this_.token,
                                    lamp_id:ids,
                                    clientid:data.data.clientid,
                                    ...loadParametersData,
                                },
                                this,
                            )
                        }
                        if(data.data.status == '2'){
                            if(data.data.code == '0000'){
                                this_.$notify({
                                    title: 'Successful operation',
                                    message: 'Lamp '+data.data.data.number,
                                    type: 'success'
                                });
                                this_.giveCommandJournal.push({
                                    time:this_.GMTToZero2(new Date()),
                                    text:data.data.msg,
                                    number:data.data.data.number,
                                    type:true
                                })
                                i++;
                                this_.giveCommandCG ++;
                                this_.giveCommandJD = i;
                                if(i >= ids_length){
                                    this_.loading.batchProcessingFun = false;
                                    this_.batchProcessing = type;
                                    this_.getLightList(this_.currentPage);
                                    websocket.close();
                                }
                            }else{
                                this_.$notify.error({
                                  title: 'Operation failed',
                                  message: 'Lamp '+data.data.data.number+':'+data.data.msg
                                });
                                this_.giveCommandJournal.push({
                                    time:this_.GMTToZero2(new Date()),
                                    text:data.data.msg,
                                    number:data.data.data.number,
                                    type:false
                                })
                                i++;
                                this_.giveCommandJD = i;
                                if(i >= ids_length){
                                    this_.loading.batchProcessingFun = false;
                                    this_.batchProcessing = type;
                                    this_.getLightList(this_.currentPage);
                                    websocket.close();
                                }
                            }
                        }
                    },() => {
                        this_.loading.batchProcessingFun = false;
                    },this_)
                }
            },
            setProjectLoadFun(){
                this.loading.setProjectLoadFun = true;

                baseApi.ajax_post(
                    allUrl.project.projectSetPramData,
                    {
                        // controlType:this.lampProtocoltype,
                        username:this.username,
                        client_key:this.client_key,
                        token:this.token,
                        projectid:this.projectId,
                        ...this.loadParametersData,
                    },
                    {},
                    data => {
                        if(data.data.code == '0000'){
                            console.log(data)
                            this.$message({
                              showClose: true,
                              message:data.msg,
                              type: 'success'
                            });
                            this.loading.setProjectLoadFun = false;
                            this.parameterLoadIsEdit = false;
                        }else{
                            this.$message({
                              showClose: true,
                              message:data.msg,
                              type: 'warning'
                            });
                            this.loading.setProjectLoadFun = false;
                            this.parameterLoadIsEdit = false;       
                        }
                    },
                    this,
                    () => {
                        this.loading.setProjectLoadFun = false;
                    },
                )
            },
            setBatteryFun(){
                console.log(this.batchModificationParameters,'-----2')
                if(this.batchModificationParameters){
                    this.loading.setBatteryFun = true;
                    let parameter = {};
                    let obj = [];
                    let objData = {};
                    obj = this['batteryParametersList'+this.batteryParametersData.batterytype+'EN']
                    for(let d of obj){
                        console.log(d.model)
                        parameter[d.model] = this.batteryParametersData[d.model]
                    }
                    objData = {
                        username:this.username,
                        client_key:this.client_key,
                        token:this.token,
                        lamp_id:this.lampId,
                        batterytype:this.batteryParametersData.batterytype,
                        ...parameter,
                    }
                    // console.log(data)
                    baseApi.websocket1(allUrl.websocket.wss,data=>{
                        if(data.data.status == '1'){
                            baseApi.ajax_post_ws(
                                allUrl.project.setBattery,
                                {
                                    clientid:data.data.clientid,
                                    ...objData
                                },
                                this,
                            )
                        }
                        if(data.data.status == '2'){
                            if(data.data.code == '0000'){
                                this.$message({
                                  showClose: true,
                                  message:data.data.msg,
                                  type: 'success'
                                });
                                this.loading.setBatteryFun = false;
                                this.parameterBatteryIsEdit = false;
                            }else{
                                this.$message({
                                  showClose: true,
                                  message:data.data.msg,
                                  type: 'warning'
                                });
                                this.loading.setBatteryFun = false;
                                this.parameterBatteryIsEdit = false;
                            }
                        }
                    },() => {
                        this.loading.setBatteryFun = false;
                    },this)
              //    baseApi.ajax_post(
                    //  allUrl.project.setBattery,
                    //  {
                    //      username:this.username,
                    //      client_key:this.client_key,
                    //      token:this.token,
                    //      lamp_id:this.lampId,
                    //      batterytype:this.batteryParametersData.batterytype,
                    //      ...data,
                    //  },
                    //  {},
                    //  data =>{
                    //      this.$message({
                    //           showClose: true,
                    //           message:data.msg,
                    //           type: 'success'
                    //         });
                    //         this.loading.setBatteryFun = false;
                    //         this.parameterBatteryIsEdit = false;
                    //  },
                    //  this,
                    //  data =>{
                    //      this.$message({
                    //           showClose: true,
                    //           message:data.msg,
                    //           type: 'warning'
                    //         });
                    //         this.loading.setBatteryFun = false;
                    //         this.parameterBatteryIsEdit = false;
                    //  }
                    // )
                }else{
                    let this_ = this;
                    let i = 0;
                    let type = 'off';
                    this.loading.setBatteryFun = false;
                    this.parameterBatteryIsEdit = false;
                    this.monitorDialog = false;
                    this.giveCommandDialog = true;
                    this.giveCommandZS = this.multipleSelection.length;
                    this.giveCommandCG = 0;
                    this.giveCommandJD = 0;
                    this.giveCommandJournal = [];
                    console.log(this.multipleSelection)

                    let ids = '';
                    let ids_length = this.multipleSelection.length;
                    for(let d of this.multipleSelection){
                        if(ids == ''){
                            ids = d.id;
                        }else{
                            ids+=','+d.id;
                        }
                    }
                    baseApi.websocket1(allUrl.websocket.wss,(data,websocket)=>{
                        this_.loading.batchProcessingFun = true;
                        if(data.data.status == '1'){
                            baseApi.ajax_post_ws(
                                allUrl.project.setBattery,
                                {
                                    username:this_.username,
                                    client_key:this_.client_key,
                                    token:this_.token,
                                    lamp_id:ids,
                                    clientid:data.data.clientid,
                                    ...this_.batteryParametersData,
                                },
                                this_,
                            )
                        }
                        if(data.data.status == '2'){
                            if(data.data.code == '0000'){
                                this_.$notify({
                                    title: 'Successful operation',
                                    message: 'Lamp '+data.data.data.number,
                                    type: 'success'
                                });
                                this_.giveCommandJournal.push({
                                    time:this_.GMTToZero2(new Date()),
                                    text:data.data.msg,
                                    number:data.data.data.number,
                                    type:true
                                })
                                i++;
                                this_.giveCommandCG ++;
                                this_.giveCommandJD = i;
                                if(i >= ids_length){
                                    this_.loading.batchProcessingFun = false;
                                    this_.batchProcessing = type;
                                    this_.getLightList(this_.currentPage);
                                    websocket.close();
                                }
                            }else{
                                this_.$notify.error({
                                    title: 'Operation failed',
                                    message: 'Lamp '+data.data.data.number+':'+data.data.msg
                                });
                                this_.giveCommandJournal.push({
                                    time:this_.GMTToZero2(new Date()),
                                    text:data.data.msg,
                                    number:data.data.data.number,
                                    type:false
                                })
                                i++;
                                this_.giveCommandJD = i;
                                if(i >= ids_length){
                                    this_.loading.batchProcessingFun = false;
                                    this_.batchProcessing = type;
                                    this_.getLightList(this_.currentPage);
                                    websocket.close();
                                }
                            }
                        }
                    },() => {
                        this_.loading.batchProcessingFun = false;
                    },this_)
                }
            },
            loadSettingFun(){
                for(let key in this.loadParametersData){
                    this.loadParametersData[key] = '';
                }
                this.loadSetting();
            },
            loadSetting(callback,error){
                this.loadSettingIsTrue = false;
                this.loading.loadSetting = true;
                this.batchModificationParameters = true;
                baseApi.ajax_post(
                    allUrl.project.loadSetting,
                    {
                        username:this.username,
                        client_key:this.client_key,
                        token:this.token,
                        lamp_id:this.lampId,
                    },
                    {},
                    data =>{
                        let arr = Object.keys(data);
                        if(arr.length != 0){
                            if(callback){
                                callback(data)
                            }
                            this.$message({
                                showClose: true,
                                message:'Get load parameters successfully',
                                type: 'success'
                            });
                            data.data.first_light_time = new Date('2018-08-06 '+data.data.first_light_time);
                            data.data.second_light_time = new Date('2018-08-06 '+data.data.second_light_time);
                            data.data.third_light_time = new Date('2018-08-06 '+data.data.third_light_time);
                            data.data.fourth_light_time = new Date('2018-08-06 '+data.data.fourth_light_time);
                            data.data.fifth_light_time = new Date('2018-08-06 '+data.data.fifth_light_time);
                            data.data.sixth_light_time = new Date('2018-08-06 '+data.data.sixth_light_time);
                            data.data.seventh_light_time = new Date('2018-08-06 '+data.data.seventh_light_time);
                            data.data.eighth_light_time = new Date('2018-08-06 '+data.data.eighth_light_time);
                            data.data.ninth_light_time = new Date('2018-08-06 '+data.data.ninth_light_time);
                            data.data.tenth_light_time = new Date('2018-08-06 '+data.data.tenth_light_time);
                            this.loadParametersDataHC = Object.assign({},data.data)
                            for(let key in data.data){
                                this.loadParametersData[key] = data.data[key]
                            }
                            // this.loadParametersDataHC = Object.assign({},this.loadParametersData);
                            this.loadSettingIsTrue = true;
                            this.loading.loadSetting = false;
                            
                            // console.log(data,'获取负载参数成功')
                        }
                    },
                    this,
                    data =>{
                        if(error){
                            error(data)
                        }
                        if(data.status == '0006'){
                            this.loadSettingIsTrue = true;
                            this.loading.loadSetting = false;
                        }else{
                            this.loadSettingIsTrue = false;//555
                            this.loading.loadSetting = false;
                        }
                        this.$message({
                          showClose: true,
                          message:data.msg,
                          type: 'warning'
                        });
                    }
                )
            },
            batterySettingFun(){
                for(let key in this.batteryParametersData){
                    this.batteryParametersData[key] = '';
                }
                this.batterySetting();
            },
            batterySetting(callback,error){
                this.batterySettingIsTrue = false;
                this.loading.batterySetting = true;
                this.batchModificationParameters = true;
                baseApi.ajax_post(
                    allUrl.project.batterySetting,
                    {
                        username:this.username,
                        client_key:this.client_key,
                        token:this.token,
                        lamp_id:this.lampId,
                    },
                    {},
                    data =>{
                        if(callback){
                            callback(data)
                        }
                        this.$message({
                            showClose: true,
                            message:'Get battery parameters successfully',
                            type: 'success'
                        });
                        this.batteryParametersDataHC = Object.assign({},data.data)
                        for(let key in data.data){
                            this.batteryParametersData[key] = data.data[key]
                            // console.log(key,'------')
                        }
                        // this.batteryParametersData.batterytype = data.data.batterytype;
                        console.log(this.batteryParametersData,data.data,'------------')
                        this.batterySettingIsTrue = true;
                        this.loading.batterySetting = false;
                        // console.log(data,'获取蓄电池参数成功')
                    },
                    this,
                    data =>{
                        if(error){
                            error(data)
                        }
                        if(data.status == '0006'){
                            this.batterySettingIsTrue = true;
                            this.loading.batterySetting = false;
                        }else{
                            this.batterySettingIsTrue = false;//555
                            this.loading.batterySetting = false;
                        }
                        this.$message({
                          showClose: true,
                          message:data.msg,
                          type: 'warning'
                        });
                    }
                )
            },

            //百度坐标转高德（传入经度、纬度）
            bd_decrypt(bd_lng, bd_lat) {
                var X_PI = Math.PI * 3000.0 / 180.0;
                var x = bd_lng - 0.0065;
                var y = bd_lat - 0.006;
                var z = Math.sqrt(x * x + y * y) - 0.00002 * Math.sin(y * X_PI);
                var theta = Math.atan2(y, x) - 0.000003 * Math.cos(x * X_PI);
                var gg_lng = z * Math.cos(theta);
                var gg_lat = z * Math.sin(theta);
                return {lng: gg_lng, lat: gg_lat}
            },
            //高德坐标转百度（传入经度、纬度）
            bd_encrypt(gg_lng, gg_lat) {
                var X_PI = Math.PI * 3000.0 / 180.0;
                var x = gg_lng, y = gg_lat;
                var z = Math.sqrt(x * x + y * y) + 0.00002 * Math.sin(y * X_PI);
                var theta = Math.atan2(y, x) + 0.000003 * Math.cos(x * X_PI);
                var bd_lng = z * Math.cos(theta) + 0.0065;
                var bd_lat = z * Math.sin(theta) + 0.006;
                return {
                    bd_lat: bd_lat,
                    bd_lng: bd_lng
                };
            }
        },
        watch:{
            "lightControlData.devicetype":function (){
                let list =  JSON.parse(JSON.stringify(this.lightControlListEN))
                for(let key in list){
                    if((list[key].model == 'network_id' && this.lightControlData.devicetype == '1')||(list[key].model == 'protocoltype' && this.lightControlData.devicetype == '0')){
                        list.splice(key,1)
                    }
                }
                // this.lightControlListEN_for = list;
                this.$set(this,'lightControlListEN_for',list)
            }
        }
    }
</script>

<style type="text/css" lang="less">
    .projectManagement_template{
        width: 100%;
        height: 100%;
        // height: 105rem;
        min-height: 50rem;
        // min-width: 120rem;
        margin: 0 auto;
        overflow: hidden;
        position: relative;
        .nav_top{
            display: flex;
            justify-content: space-between;
            width:100%;
            height:3.3rem;line-height: 3.3rem;
            background:rgba(255,255,255,1);
            border:0.1rem solid rgba(240,240,240,1);
            .left_title{
                display: flex;
                align-items: center;
                img{
                    display: inline-block;
                    // width: 1.2rem;
                    height: 1rem;
                    margin: 0 0.6rem;
                }
                .span{
                    font-size:1rem;
                    font-family:HiraginoSansGB-W3,HiraginoSansGB;
                    font-weight:normal;
                    color:rgba(101,112,133,1);
                }
            }
            .right_operation{
                display: flex;
                align-items: center;
                padding-right: 1.6rem;
                .el-dropdown{
                    width: 10rem;
                    height: 2rem;line-height: 2rem;
                    background:rgba(246,248,250,1);
                    border-radius: 0.2rem;
                    margin-right: 0.8rem;
                    .el-dropdown-link{
                        cursor: pointer;
                        height: 100%;
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        padding: 0 0.8rem;
                        font-size:1rem;
                        font-family:PingFang-SC-Medium,PingFang-SC;
                        font-weight:500;
                        color:rgba(101,112,133,1);
                    }
                }
                .el-input{
                    width: 16.5rem;
                    height: 2rem;line-height: 2rem;
                    .el-input__inner{
                        height: 2rem;line-height: 2rem;
                        background:rgba(246,248,250,1);
                        border: none;
                    }
                    .el-input__icon{
                        width: 1.8rem;
                        height: 2rem;line-height: 2rem;
                        border-top-right-radius: 0.2rem;
                        border-bottom-right-radius: 0.2rem;
                        background:#FC8440;
                        color: #fff;
                        font-size: 1rem;
                        cursor: pointer;

                        position: absolute;
                        top: 0;
                        right: 0;
                    }
                }
                .btn{
                    margin-left: 0.6rem;
                    display: flex;
                    align-items: center;
                    padding: 0.5rem 1rem;
                    height:2rem;line-height: 2rem;
                    background:rgba(255,255,255,1);
                    border-radius:0.2rem 0.1rem 0.1rem 0.2rem;
                    border:0.1rem solid rgba(240,240,240,1);

                    cursor: pointer;
                    font-size:1rem;
                    font-family:PingFang-SC-Medium,PingFang-SC;
                    font-weight:500;
                    color:rgba(51,51,51,1);
                    img{
                        height: 1.2rem;
                        margin-right: 0.5rem;
                    }
                }
            }
        }
        .projectManagement_main{
            background:rgba(246,248,250,1);
            padding: 0.8rem 1.5rem 1.5rem;
            height: calc(100% - 3.3rem);
            position: relative;
            .side_bar_left{
                position: absolute;
                left:0rem;
                height: calc(100% - 2.2rem);
            }
            .main_top{
                // margin-top: 0.8rem;
                display: flex;
                .main_top_left{
                    width:82.5rem;
                    height:11.6rem;
                    padding: 0rem 0 0 19rem;
                    // background:linear-gradient(134deg,rgba(252,169,64,1) 0%,rgba(252,132,64,1) 100%);
                    background-image: url(../img/project_box1_bg.png);
                    background-position: center;
                    background-size: 100% 100%;
                    border-radius:0.3rem;
                    display: flex;
                    .main_top_left_left{
                        flex: 1;
                        .title{
                            margin-top: 1.8rem;
                            display: flex;
                            align-items: center;
                            justify-content: space-between;
                            height: 1.6rem;
                            .l_text{
                                .span1{
                                    font-size:1.33rem;
                                    font-family:PingFangSC-Medium,PingFang SC;
                                    font-weight:500;
                                    color:rgba(255,255,255,1);
                                }
                                .span2{
                                    margin-left: 1rem;
                                    font-size:1rem;
                                    font-family:PingFangSC-Regular,PingFang SC;
                                    font-weight:400;
                                    color:rgba(255,255,255,1);
                                }
                            }
                            .r_btn{
                                margin-right: 3rem;
                                width:1.6rem;
                                height:1.6rem;line-height: 1.6rem;
                                text-align: center;
                                background:rgba(255,255,255,0.1);
                                border-radius:0.2rem;
                                cursor: pointer;
                                i{
                                    font-size: 1rem;
                                    color:rgba(255, 255, 255, 0.8);
                                }
                            }
                        }
                        .p{
                            margin-top: 0.6rem;
                            display: flex;
                            align-items: center;
                            i{
                                font-size: 1rem;
                                color: #fff;
                            }
                            span{
                                margin-left: 0.3rem;
                                font-size:1rem;
                                font-family:PingFangSC-Medium,PingFang SC;
                                font-weight:500;
                                color:rgba(255,255,255,0.6);
                            }
                        }
                        .data_bpx{
                            margin-top: 1.2rem;
                            display: flex;
                            height:3.8rem;
                            border:0.05rem solid rgba(253,195,148,1);
                            margin-right: 3rem;
                            .li{
                                flex: 1;
                                text-align:center;
                                border-right:0.05rem solid rgba(253,195,148,1);;
                                .p1{
                                    margin-top: 0.5rem;
                                    font-size:1.3rem;
                                    font-family:PingFangSC-Regular,PingFang SC;
                                    font-weight:400;
                                    color:rgba(255,255,255,1);
                                    .span2{
                                        margin-left: 0.3rem;
                                        font-size:1rem;
                                        font-family:PingFangSC-Regular,PingFang SC;
                                        font-weight:400;
                                        color:rgba(255,255,255,0.5);
                                    }
                                }
                                .p2{
                                    font-size:1rem;
                                    font-family:PingFangSC-Regular,PingFang SC;
                                    font-weight:400;
                                    color:rgba(255,255,255,0.7);
                                }
                            }
                        }
                    }
                    .main_top_left_right{
                        width: 18.8rem;
                        border-left: 0.1rem dotted #fff;
                        padding-top: 0.8rem;
                        padding-left: 0.8rem;
                        .box{
                            margin-bottom: 0.6rem;
                            .p1{
                                font-size:1rem;
                                font-family:PingFangSC-Regular,PingFang SC;
                                font-weight:400;
                                color:rgba(255,255,255,1);
                                position: relative;
                                i{
                                    position: absolute;
                                    display: inline-block;
                                    top: 0.3rem;
                                    left: -1.2rem;
                                    width:0.5rem;
                                    height:0.5rem;
                                    background:rgba(252,134,64,1);
                                    border:0.1rem solid rgba(255,201,54,1);
                                    border-radius: 50%;
                                }
                            }
                            .p2{
                                margin-top: 0.2rem;
                                font-size:1rem;
                                font-family:PingFangSC-Regular,PingFang SC;
                                font-weight:400;
                                color:rgba(255,255,255,0.6);
                            }
                        }
                    }
                }
                .main_top_right{
                    margin-left: 0.8rem;
                    flex: 1;
                    height:11.8rem;
                    background:rgba(255,255,255,1);
                    border-radius:0.3rem;
                    border:0.1rem solid rgba(240,240,240,1);
                    .weather_top{
                        display: flex;
                        justify-content: space-between;
                        padding: 1.4rem 1.6rem 0 1.6rem;
                        .weather_top_l{
                            display: flex;
                            height: 2.8rem;
                            .box1{
                                img{
                                    height: 2.8rem;
                                }
                            }
                            .box2{
                                margin-left: 0.5rem;
                            }
                            .p1{
                                font-size:1.2rem;
                                font-family:PingFangSC-Regular,PingFang SC;
                                font-weight:400;
                                color:rgba(51,51,51,1);
                            }
                        }
                        .p2{
                            font-size:1rem;
                            font-family:PingFangSC-Regular,PingFang SC;
                            font-weight:400;
                            color:rgba(101,112,133,1);
                        }
                        .weather_top_r{
                            display: flex;
                            .box1,.box2{
                                text-align:center;
                                img{
                                    height: 1.6rem;
                                }
                            }
                            .box2{
                                margin-left: 2.2rem;
                            }
                            .box3{
                                font-size:2rem;
                                font-family:PingFang-SC-Regular,PingFang-SC;
                                font-weight:400;
                                color:rgba(34,34,34,1);
                                span{
                                    position: relative;
                                    margin-left: 1.2rem;
                                    padding-left: 0.8rem;
                                    top: 0.2rem;
                                    border-left: 0.1rem dotted rgba(198, 205, 213, 1);
                                }
                            }
                        }
                    }
                    .weather_top_bottom{
                        display: flex;
                        margin-top: 0.7rem;
                        padding: 0 1.6rem;
                        .li{
                            flex: 1;
                            height:5.8rem;
                            margin-right: 1rem;
                            background:rgba(251,252,253,1);
                            border-radius:0.42rem;
                            border:0.08rem solid rgba(235,239,242,1);
                            text-align:center;
                            &:last-child{
                                margin-right: 0;
                            }
                            .p1{
                                font-size:1rem;
                                font-family:AlibabaPuHuiTiR;
                                color:rgba(101,112,133,1);
                            }
                            img{
                                margin: 0.2rem 0 0.2rem;
                                height: 1.8rem;
                            }
                            .p2{
                                font-size:1rem;
                                font-family:PingFangSC-Regular,PingFang SC;
                                font-weight:400;
                                color:rgba(51,51,51,1);
                            }
                        }
                    }
                }
            }
            .main_table{
                height: calc(100% - 12.4rem);
                margin-top: 0.8rem;
                background-color: #fff;
                border:0.08rem solid rgba(240,240,240,1);
                padding: 0 1.6rem;
                .table_top{
                    padding: 1.3rem 0 0.8rem;
                    display: flex;
                    justify-content: space-between;
                    background-color: #fff;
                    .table_top_l{
                        display: flex;
                        .el-dropdown{
                            width: 10rem;
                            height: 2rem;line-height: 2rem;
                            background:rgba(246,248,250,1);
                            border-radius: 0.2rem;
                            margin-right: 0.8rem;
                            .el-dropdown-link{
                                cursor: pointer;
                                height: 100%;
                                display: flex;
                                align-items: center;
                                justify-content: space-between;
                                padding: 0 0.8rem;
                                font-size:1rem;
                                font-family:PingFang-SC-Medium,PingFang-SC;
                                font-weight:500;
                                color:rgba(101,112,133,1);
                            }
                        }
                        .nav_box{
                            height:2rem;line-height: 2rem;
                            background:rgba(246,248,250,1);
                            border-radius:0.2rem;
                            display: flex;
                            .li{
                                padding: 0 1rem;
                                font-size:1rem;
                                font-family:PingFangSC-Regular,PingFang SC;
                                font-weight:400;
                                color:rgba(101,112,133,1);
                                cursor: pointer;
                                &.select{
                                    background:rgba(252,132,64,1);
                                    box-shadow:0rem 0.17rem 0.5rem 0rem rgba(252,132,64,0.3);
                                    border-radius:0.2rem;

                                    font-size:1rem;
                                    font-family:PingFang-SC-Medium,PingFang-SC;
                                    font-weight:500;
                                    color:rgba(255,255,255,1);
                                }
                            }
                        }
                        .left_button{
                            display: flex;
                            >span{
                                height:2rem;line-height:2rem;
                                font-size: 1rem;
                                font-family: PingFangSC-Regular, PingFang SC;
                                font-weight: 400;
                                color:rgba(101,112,133,1);
                            }
                            >div{
                                margin-left: 1rem;
                                padding: 0 0.5rem;
                                height:2rem;line-height:2rem;
                                border: 1px solid #E8E8E8;
                                cursor:pointer;
                                >span{
                                    font-size: 1rem;
                                    font-family: PingFangSC-Regular, PingFang SC;
                                    font-weight: 400;
                                    color:rgba(101,112,133,1);
                                }
                            }
                            .lampcontrol_type_select{
                                >span{
                                    color: #FC8440;
                                }
                            }
                            .dimming_slider_box{
                                display: flex;
                                // width: 15rem;
                                .el-slider{
                                    position: relative;
                                    top: 0;
                                    width: 5rem;
                                    .el-slider__runway{
                                        margin: 0.7rem 0 0.7rem 1rem;
                                        height: 0.6rem;
                                        .el-slider__bar{
                                            background-color: #fc8440;
                                            height: 0.6rem;
                                        }
                                        .el-slider__button-wrapper{
                                            top: -0.5rem;
                                            width: 1.2rem;height: 1.2rem;
                                            .el-slider__button{
                                                width:100%;height: 100%;
                                                background:url(../img/GIS/Lamp_icon-pre.png);
                                                background-size: 100% 100%;
                                                border:0px;
                                            }

                                        }
                                    }
                                }
                                .span_last{
                                    float: right;
                                    color: #FC8440;
                                    margin-left: 27px;
                                }
                            }
                            >:nth-child(6){
                                border: 0px;
                                color: #FE7325;
                                margin-left: 0px;
                                span{
                                    color: #FC8440;
                                    text-decoration:underline;
                                    cursor:pointer;
                                }
                            }
                            >div:nth-child(7){
                                border: 0px;
                                color: #FE7325;
                                padding: 0px;
                                span{
                                    color: #888888;
                                    text-decoration:underline;
                                    cursor:pointer;
                                }
                            }
                            .wxzzt{
                                span{
                                    color: #666666;
                                }
                            }
                            .el-loading-spinner{
                                height: 100%;
                                top: 0;
                                margin-top: 0;
                                .circular{
                                    height: 100%;
                                    width: 100%;
                                }
                            }
                        }
                    }
                    .table_top_r{
                        display: flex;
                        .btn{
                            padding: 0 0.5rem;
                            img{
                                height: 1.2rem;
                            }
                        }
                    }
                    .btn{
                        margin-left: 0.6rem;
                        display: flex;
                        align-items: center;
                        padding: 0.5rem 1rem;
                        height:2rem;line-height: 2rem;
                        background:rgba(255,255,255,1);
                        border-radius:0.2rem 0.1rem 0.1rem 0.2rem;
                        border:0.1rem solid rgba(240,240,240,1);
                        cursor: pointer;

                        font-size:1rem;
                        font-family:PingFang-SC-Medium,PingFang-SC;
                        font-weight:500;
                        color:rgba(51,51,51,1);
                        i{
                            font-size: 1.2rem;
                            color: rgba(252, 137, 64, 1);
                        }
                        span{
                            margin-left: 0.5rem;
                        }
                    }
                }
                .el-table{
                    width: 100%;
                    th,td{
                        padding: 0;
                        >.cell{
                            padding: 0 0.5rem;
                        }
                    }
                    th{
                        height: 3.33rem;line-height: 3.33rem;
                        background:rgba(246,248,250,1);
                        font-size:1rem;
                        font-family:PingFang-SC-Medium,PingFang-SC;
                        font-weight:500;
                        color:rgba(102,102,102,1);
                    }
                    td{
                        height: 4.2rem;line-height: 4.2rem;
                        font-size:1rem;
                        font-family:PingFangSC-Medium,PingFang SC;
                        font-weight:500;
                        color:rgba(51,51,51,1);
                    }
                    // tr:hover>td{
                    //     background: rgba(246, 248, 250, 1);
                    //     >.cell{
                    //         font-family:PingFangSC-Semibold,PingFang SC;
                    //         font-weight:600;
                    //     }
                    // }
                    .btn{
                        padding: 0.5rem 0.5rem;
                        cursor: pointer;
                        .iconfont{
                            font-size: 1rem;
                            color: rgba(163, 175, 187, 1);
                        }
                    }
                    .status{
                        display: flex;align-items: center;justify-content: center;
                        img{
                            width: 1.3rem;
                        }
                    }
                    .Brightness{
                        padding: 0 1rem;
                        .progress_outer{
                            height:1.5rem;
                            position: relative;
                            cursor: pointer;
                            border-radius:0.75rem;
                            overflow: hidden;
                            .progress_inner{
                                height:1.5rem;;line-height:1.5rem;
                                background:linear-gradient(134deg,rgba(252,169,64,1) 0%,rgba(252,132,64,1) 100%);
                            }
                            .text{
                                background:rgba(252,132,64,0.1);
                                position: absolute;
                                top: 0;left:0;
                                width: 100%;height: 1.5rem;line-height: 1.5rem;
                                text-align: center;

                                font-size:1rem;
                                font-family:PingFang-SC-Medium,PingFang-SC;
                                font-weight:500;
                                color:#BC4502;
                                &.light50{
                                    color: #FFFFFF;
                                }
                                &.light0{
                                    color: #657085;
                                    background-color:#EBEFF2;
                                }
                            }
                        }
                    }
                }
                .pagination_box{
                    height: 2.3rem;line-height: 2.3rem;
                    margin-top: 1.6rem;
                    margin-bottom: 1.6rem;
                    display: flex;
                    .left{
                        margin-left: auto;
                        display: flex;
                        align-items: center;
                        background:rgba(246,248,250,1);
                        border-radius:1.2rem;
                        padding: 0 1.2rem;
                        .totle{
                            font-size:1rem;
                            font-family:AlibabaPuHuiTiR;
                            color:rgba(51,51,51,1);
                            .span2{
                                margin-left: 0.2rem;
                                color: rgba(252, 132, 64, 1);
                            }
                        }
                        .line{
                            margin: 0 0.7rem;
                            width:0.08rem;
                            height:1rem;
                            background-color: rgba(235, 239, 242, 1);
                        }
                        .el-dropdown-link{
                            font-size:1rem;
                            font-family:AlibabaPuHuiTiR;
                            color:rgba(51,51,51,1);
                            cursor: pointer;
                        }
                    }
                    .el-pagination{
                        margin: 0 auto 0 0.8rem;
                        // border-radius:1.2rem;
                        padding: 0;
                        .btn-next,.btn-prev{
                            height: 2.3rem;line-height: 2.3rem;
                            background:rgba(246,248,250,1);
                            &:hover{
                                background:rgba(252,132,64,1);
                                font-family:AlibabaPuHuiTiM;
                                color:rgba(255,255,255,1);
                            }
                            &.active{
                                font-family:AlibabaPuHuiTiM;
                                color:rgba(255,255,255,1);
                                cursor: default;
                                background:rgba(252,132,64,1);
                            }
                        }
                        // button{
                        //     &:disabled{
                        //         background-color: initial;
                        //     }
                        // }
                        .btn-prev{
                            border-top-left-radius: 1.2rem;
                            border-bottom-left-radius: 1.2rem;
                        }
                        .btn-next{
                            border-top-right-radius: 1.2rem;
                            border-bottom-right-radius: 1.2rem;
                        }
                        .el-pager{
                            background:rgba(246,248,250,1);
                            li{
                                height: 2.3rem;line-height: 2.3rem;
                                background-color: initial;

                                font-size:1rem;
                                font-family:AlibabaPuHuiTiR;
                                color:rgba(51,51,51,1);
                                border-radius:0.25rem;
                                &:hover{
                                    background:rgba(252,132,64,1);
                                    font-family:AlibabaPuHuiTiM;
                                    color:rgba(255,255,255,1);
                                }
                                &.active{
                                    font-family:AlibabaPuHuiTiM;
                                    color:rgba(255,255,255,1);
                                    cursor: default;
                                    background:rgba(252,132,64,1);
                                }
                            }
                        }
                        .el-pagination__jump{
                            margin-left: 0.8rem;
                            height:2.3rem;line-height: 2.3rem;
                            background:rgba(246,248,250,1);
                            border-radius:1.2rem;
                            padding: 0 1.2rem;

                            font-size:1rem;
                            font-family:AlibabaPuHuiTiR;
                            color:rgba(51,51,51,1);
                            .el-input{
                                height:2.3rem;line-height: 2.3rem;
                                .el-input__inner{
                                    height:2.3rem;line-height: 2.3rem;
                                    border: none;
                                    background-color: #f6f8fa;
                                }
                            }
                        }
                    }
                }
            }
        }
        /*添加编辑项目*/
        .addItem_box{
            .box{
                padding: 0 40px 0 20px;
                .left_box{
                    .el-input{
                        width: 90%;
                    }
                }
                .el-select{
                    width:100%;
                }
            }
            .project_del{
                color: #fc8440;
                margin-left: 30px;
                cursor: pointer;
                text-decoration: underline;
            }
            .project_upgrade{
                color: #409EFF;
                margin-left: 30px;
                cursor: pointer;
                text-decoration: underline;
            }
        }
        /*字段管理*/
        .field_box{
            .fielf_box{
                >div{
                    width: 25%;
                    font-size:12px;
                }
            }
            .field_list{
                float:left;
                width: 20%;
                margin-bottom:20px;
                div{
                    margin-right: 20px;
                    height:40px;
                    line-height: 40px;
                    text-align: center;
                    border-radius: 6px;
                    color: #888888;
                    border: 1px solid #DCDCDC;
                    cursor: pointer;
                    position: relative;
                    img{
                        position: absolute;
                        top: 15px;
                        left: 10px;
                    }
                }
            }
            .field_select{
                div{
                    background:#3A96FF;
                    color: #FFFFFF;
                    border: 1px solid #3A96FF;
                }
            }
        }
        /*灯控详情*/
        .details_box{
            .wrap{
                .table_box{
                    text-align: center;
                    th{
                        text-align: center;
                        color: #444444;
                    }
                }
                .el-table--enable-row-hover .el-table__body tr:hover>td{
                    // background: inherit;
                }
                .row_bg{
                    background: #F6F6F9;
                }
                position: relative;
                // height: 50px;
                .nav{
                    position: absolute;
                    width:428px;
                    height:50px;
                    line-height: 50px;
                    left: 50%;
                    margin-left: -214px;
                    background:rgba(255,255,255,1);
                    border-radius: 100px;
                    border:1px solid #E8E8E8;
                    .nav_list{
                        float: left;
                        width: 19%;
                        text-align: center;
                        cursor: pointer;
                        span{
                            font-size:14px;
                            font-family:PingFangSC-Medium;
                            color:#888888;
                        }
                    }
                    .details_nav_select{
                        background:linear-gradient(-90deg,rgba(54,130,251,1),rgba(56,161,246,1));
                        border-radius: 100px;
                        width: 24%;
                        span{
                            color: #ffffff;
                        }
                    }
                }
                .historicalnav{
                    position: absolute;
                    width:428px;
                    height:50px;
                    line-height: 50px;
                    left: 50%;
                    margin-left: -214px;
                    background:rgba(255,255,255,1);
                    border-radius: 100px;
                    border:1px solid #E8E8E8;
                    .nav_list{
                        float: left;
                        width: 24%;
                        text-align: center;
                        cursor: pointer;
                        span{
                            font-size:14px;
                            font-family:PingFangSC-Medium;
                            color:#888888;
                        }
                    }
                    .details_nav_select{
                        background:linear-gradient(-90deg,rgba(54,130,251,1),rgba(56,161,246,1));
                        border-radius: 100px;
                        width: 28%;
                        span{
                            color: #ffffff;
                        }
                    }
                }
                .details_list_box{
                    padding-top: 126px;
                    display: flex;
                    // justify-content: space-between;
                    flex-direction: row;
                    flex-wrap: wrap;
                    .details_list{
                        // float: left;
                        width: 25%;
                        position: relative;
                        margin-bottom: 30px;
                        span{
                            display: inline-block;
                            font-size:16px;
                            font-family:PingFangSC-Medium;
                            color:#222222;
                            line-height:16px;
                            height:44px;
                            line-height: 44px;
                            // white-space: nowrap;
                            // overflow: hidden;
                            // text-overflow: ellipsis;
                        }
                        span:first-child{
                            position: absolute;
                            width: 180px;
                            padding-right:20px;
                            text-align: right;
                        }
                        span:last-child{
                            padding: 0 20px;
                            margin-left: 190px;
                            width:calc(100% - 242px);
                            background:#F8F9FC;
                            border-radius: 2px ;
                            border: 1px solid #E8E8E8;
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis;
                        }
                    }
                }
                .details_list_box_EN{
                    .details_list_min{
                        width: 33.3%;
                    }
                    .details_list{
                        span:first-child{
                            width: 255px;
                            // line-height: 22px;
                        }
                        span:last-child{
                            margin-left: 260px;
                            width:calc(100% - 300px);
                        }
                    }
                }
            }
        }
        /*添加编辑灯控*/
        .addLightControl_box{
            .list_box{
                width: 20%;
                float: left;
                height: 40px;
            }
            .list_box_min{
                width: 25%;
            }
            .project_del{
                color: #fc8440;
                margin-left: 30px;
                cursor: pointer;
                text-decoration: underline;
            }
            .el-input-number{
                width:100%;
                .el-input__inner{
                    text-align: left;
                }
            }
            .el-select{
                width: 100%;
            }
        }
        .monitor_box{
            .el-date-editor.el-input, .el-date-editor.el-input__inner{
                width: 100%;
            }
            .el-dialog__header{
                border-bottom: 0px;
                height: 25px;
            }
            .el-dialog{
                margin-top: 60px !important;
            }
            .el-dialog__body{
                // padding: 30px 0px 0 60px;
                .dialog_foot .el-button{
                    width: 160px;
                }
            }
            .el-input-number{
                width: 100%;
                input{
                    text-align: left;
                }
            }
            .el-select{
                width: 100%;
            }
            .wrap{
                position: relative;
                padding-top: 80px;
                .button{
                    position: absolute;
                    top: -10px;right: 0px;
                    .el-button{
                        background: linear-gradient(140.3deg, #fc8440, #fe7121);
                        color: #fff;
                        border: 0px;
                    }
                }
                .nav{
                    position: absolute;
                    top: -10px;
                    left: 50%;
                    margin-left: -209px;
                    width:418px;
                    height:50px; 
                    background:rgba(232,232,232,1);
                    border-radius: 100px;
                    div{
                        float: left;
                        text-align: center;
                        width:209px;
                        height:50px;
                        line-height: 50px;
                        border-radius: 100px ;
                        cursor: pointer;
                        span{
                            font-size:14px;
                            font-family:PingFangSC-Medium;
                        }
                    }
                    .monitor_type{
                        background:rgba(55,59,68,1);
                        span{
                            color:rgba(255,255,255,1);
                        }
                    }
                }
                .box{
                    // overflow: auto;
                    // padding-right: 75px;
                    .list_box{
                        width: 25%;
                        float: left;
                        height: 40px;
                    }
                    .list_boxEN{
                        width: 33.33%;
                        float: left;
                        height: 40px;
                    }
                    
                }
                .box_padding{
                    padding-right: 0px;
                }
            }
        }
        /*历史弹框*/
        .history_box{
            .el-dialog__body{
                padding:0px;
            }
            .wrap{
                position: relative;
                height: 600px;
                display: flex;
                .main_list{
                    width: 200px;
                    // display: flex;
                    box-sizing: border-box;
                    border-right: 2px solid rgba(240, 240, 240, 1);
                    .main_list_title{
                        height: 48px;
                        line-height: 48px;
                        font-size:14px;
                        font-family:PingFangSC-Semibold;
                        font-weight:600;
                        color:rgba(34,34,34,1);
                        padding-left:23px;
                        border-bottom: 1px solid rgba(240, 240, 240, 1);
                    }
                    .main_list_box{
                        height: calc(100% - 50px);
                        display: flex;
                        &.EN{
                            .nav_list{
                                padding-left: 10px;
                                span{
                                    display: inline-block;
                                    max-width: 100%;
                                    line-height: 12px;
                                    vertical-align: middle; // 行内垂直平行
                                }
                            }
                        }
                    }
                    .lamp_list{
                        text-align: center;
                        height: calc(100%);
                        overflow: auto;
                        box-sizing: border-box;
                        width: 100px;
                        border-right: 2px solid rgba(240, 240, 240, 1);
                        .li{
                            height:49px;
                            line-height: 49px;

                            font-size:14px;
                            font-family:PingFang-SC-Medium;
                            font-weight:500;
                            color:rgba(102,102,102,1);
                            cursor: pointer;
                            &.select{
                                font-family:PingFangSC-Semibold;
                                font-weight:600;
                                color:rgba(254,119,43,1);
                                background:rgba(253,124,51,0.1);
                            }
                        }
                    }
                    .historicalnav{
                        box-sizing: border-box;
                        background-color:rgba(248, 248, 248, 1);
                        width: 100px;
                    }
                    .nav_list{
                        padding-left: 20px;
                        height: 50px;
                        line-height: 50px;
                        border-bottom: 1px solid rgba(240, 240, 240, 1);
                        // background-color:rgba(255, 255, 255, 1);
                        cursor: pointer;
                        span{
                            display: inline-block;
                            max-width: 80px;

                            // white-space: nowrap;
                            // overflow: hidden;
                            // text-overflow: ellipsis;
                        }
                    }
                    .details_nav_select{
                        color: rgba(255, 117, 39, 1);
                    }
                }
                .main_box{
                    width: calc(100% - 240px);
                    padding: 24px 20px 0 20px;
                    .screen_box{
                        height: 32px;
                        line-height: 32px;
                        margin-bottom: 24px;
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        >div{
                            display: flex;
                        }
                        .el-pager{
                            padding-top: 5px;
                            li{
                                height: 22px;
                                line-height: 22px;
                                &.active {
                                    color: #fff;
                                    background: #fc8440;
                                    border-radius: 20px;
                                }
                            }
                        }
                        .el-pagination{
                            font-weight: normal;
                        }
                        .el-select .el-input.is-focus .el-input__inner{
                            border-color: #fc8440;
                        }
                        .el-input.is-active .el-input__inner, .el-input__inner:focus{
                            border-color: #fc8440;
                        }
                        .el-pagination button, .el-pagination span:not([class*=suffix]){
                            height: 32px;
                            line-height: 32px;
                        }
                        .el-pagination__editor{
                            height: 32px;
                            line-height: 32px;
                        }
                        .el-pagination__editor.el-input .el-input__inner{
                            height: 22px;
                        }
                        .el-pager .more::before{
                            line-height: 22px;
                        }
                    }
                    .screen_date{
                        border-radius: 20px;
                        border:1px solid #DCDFE6;
                        overflow: hidden;
                        margin-right: 20px;
                        .el-date-editor{
                            width: 140px;
                            border:none;
                        }
                        .el-button{
                            border: none;
                            border-left: 1px solid #DCDFE6;
                            .el-icon-arrow-right{
                                margin: 0 0 0 18px;
                            }
                        }
                    }
                    .el-table{
                        td,th{
                            padding: 7px 0px;
                        }
                    }
                    .data_type_nav{
                        display: flex;
                        width: 200px;
                        height: 32px;line-height: 32px;
                        border: 1px solid rgba(232, 232, 232, 1);
                        border-radius: 16px;
                        overflow: hidden;
                        text-align: center;
                        margin-top: 50px;
                        position: relative;
                        margin-left: -100px;
                        left: 50%;
                        .li{
                            flex: 1;
                            cursor: pointer;
                        }
                        .select{
                            color: #fff;
                            height:32px;
                            background:linear-gradient(270deg,rgba(54,130,251,1) 0%,rgba(56,161,246,1) 100%);
                            border-radius:100px;
                        }
                    }
                    .LS_echarts{
                        display: flex;
                        .left_echarts{
                            width: 81.31%;
                            position: relative;
                            .echarts_top{
                                position: absolute;
                                z-index: 1;
                                right: 0px;
                                display: flex;
                                align-items: center;
                                justify-content: space-between;
                                >div{
                                    display: flex;
                                }
                            }
                            .screen_date_select{
                                margin-right: 20px;
                                width: 240px;
                                height:30px;line-height:30px;
                                border: 1px solid #DCDFE6;
                                border-radius: 20px;
                                overflow: hidden;
                                text-align: center;
                                display: flex;
                                font-size: 12px;
                                cursor: pointer;
                                .li{
                                    flex:1;
                                    border-right: 1px solid #DCDFE6;
                                    &:last-child{
                                        border-right: none;
                                    }
                                }
                                .select{
                                    color: rgba(253, 125, 52, 1);
                                }
                            }
                            .history_echarts{
                                width: 100%;
                                height: 430px;
                            }
                            .history_echarts_noData{
                                width: 100%;
                                height: 430px;
                                h3{

                                    margin-top: 30px;
                                    text-align: center;
                                }
                            }
                        }
                        .left_data{
                            width: 18.69%;
                            height:498px;
                            background:rgba(255,249,245,1);
                            border-radius:2px;
                            border:1px solid rgba(238,238,238,1);
                            padding: 0 10px;
                            p{
                                text-align: center;
                                font-size:12px;
                                font-family:PingFang-SC-Medium;
                                font-weight:500;
                                color:rgba(51,51,51,1);
                                margin: 19px 0 23px 0;
                                img{
                                    position:relative;
                                    top: 2px;
                                    margin-right: 10px;
                                }
                            }
                            .ul{
                                .li{
                                    height:40px;
                                    line-height: 40px;
                                    background:rgba(249,240,233,1);
                                    border-radius:4px;
                                    display: flex;
                                    align-items: center;
                                    justify-content: space-between;
                                    margin-bottom: 10px;
                                    .span1{
                                        font-size:12px;
                                        font-family:PingFang-SC-Medium;
                                        font-weight:500;
                                        color:rgba(102,102,102,1);
                                        margin-left: 13px;
                                    }
                                    .span_r{
                                        display: flex;
                                        height: 40px;
                                        align-items: center;
                                        flex: 1;
                                        justify-content: flex-end;
                                    }
                                    .span2{
                                        font-size:19px;
                                        font-family:PingFang-SC-Medium;
                                        font-weight:500;
                                        color:rgba(51,51,51,1);
                                        margin-right: 5px;

                                        display: inline-block;
                                        // max-width: 38px;
                                        width: calc(100% - 40px);
                                        white-space: nowrap;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                        @media (max-width: 1500px){
                                            font-size: 12px;
                                            margin-right: 5px;
                                            // position: relative;
                                            // top: 7px;
                                        }
                                    }
                                    .span3{
                                        margin-right: 10px;
                                        font-size:14px;
                                        font-family:PingFang-SC-Medium;
                                        font-weight:500;
                                        color:rgba(153,153,153,1);
                                        // margin-right: 7px;
                                        // @media (max-width: 1500px){
                                        //  display: inline-block;
                                        //  line-height: 40px;
                                            // position: relative;
                                            // top: -7px;
                                        // }
                                    }
                                }
                                &.EN{
                                    .li{
                                        .span1{
                                            display: inline-block;
                                            max-width: calc(100% - 100px);
                                            line-height: 12px;
                                        }
                                    }
                                }
                            }
                        }
                    }
                    .echarts_bottom{
                        position: relative;
                        display: flex;
                        .echarts_bottom_text{
                            margin-top: 50px;
                            height: 32px;
                            line-height: 32px;
                            font-size:12px;
                            font-family:PingFang-SC-Medium;
                            font-weight:500;
                            color:rgba(102,102,102,1);
                        }
                        &.echarts_line{
                            .data_type_nav{
                                margin-left: -180px;
                                left: 61.49%;
                            }
                        }
                    }
                }
                .table_box{
                    text-align: center;
                    th{
                        text-align: center;
                        color: #444444;
                    }
                }
                .el-table--enable-row-hover .el-table__body tr:hover>td{
                    // background: inherit;
                }
                .row_bg{
                    background: #F6F6F9;
                }
            }
        }
    }

    .lampAmapWrapper_box{
        position: relative;
        .screenMap{
            position: absolute;
            top: 20px;left:40px;
            width:250px;
            z-index: 1;
            line-height: 50px;
            i{
                font-size: 20px;
                cursor: pointer;
            }
        }
    }
    #lampAmapWrapper{
        width: 100%;
        min-height: 400px;
        .google_Location_box{
            width: 40px;
            height: 40px;
            background: #fff;
            right: 10px !important;
            bottom: 120px !important;
            .google_Location{
                display:none;
                background: #fff url(http://webapi.amap.com/theme/v1.3/markers/b/loc_gray.png) 50% 50% no-repeat;
                width: 38px;
                height: 38px;
                border: 1px solid #ccc;
                cursor: pointer;
            }
            .circular{
                height: 40px;
                width: 40px;
                animation: loading-rotate 2s linear infinite;
                .path{
                    animation: loading-dash 1.5s ease-in-out infinite;
                    stroke-dasharray: 90,150;
                    stroke-dashoffset: 0;
                    stroke-width: 2;
                    stroke: #409eff;
                    stroke-linecap: round;
                }
            }
        }
        .lamp_coordinate_en{
            .determine_l{
                background: url(../img/GIS/determine-icon.png);
                display:inline-block;
                width: 38px;height: 38px;
            }
            .cancel_l{
                background: url(../img/GIS/cancel-icon.png);
                display:inline-block;
                width: 38px;height: 38px;
                margin-left: 10px;
            }
            
        }
        .lamp_coordinate_en{
            // width: 200px
            // display: none;
            position: absolute;
            line-height: 40px;
            width: 600px;
            top: -6px;
            left: 50px;
            display: flex;
            align-items: center;
            >span{
                display: inline-block;
                padding: 0 20px;
                margin-right: 20px;
                font-size: 14px;
                color: #888888;
                background: #fff;
                span{
                    span{
                        color:#fc8440;
                    }
                }
                >:first-child{
                    margin-right: 10px;
                }
            }
            >i{
                font-size:30px;
                z-index: 1;
                cursor: pointer;
            }
        }
        .lamp_coordinate{
            // width: 200px
            // display: none;
            position: absolute;
            line-height: 40px;
            width: 450px;
            top: 0px;
            left: 78px;
            >span{
                display: inline-block;
                padding: 0 20px;
                margin-right: 20px;
                font-size: 14px;
                color: #888888;
                background: #fff;
                span{
                    span{
                        color:#fc8440;
                    }
                }
                >:first-child{
                    margin-right: 10px;
                }
            }
            >i{
                font-size:30px;
                z-index: 1;
                cursor: pointer;
            }
        }
    }
    .lamp_light_slider{
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        .bg{
            position:absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
        }
        .box{
            position:absolute;
            width: 342px;
            padding: 5px 0 15px 0;
            background-color: #fff;
            box-shadow:0px 2px 24px 0px rgba(90,90,90,0.12);
            border-radius:2px;
        }
        .div1{
            position: absolute;
            top: 40px;
            left: -15px;
            display: flex;
            width: 25px;
            span{
                display: inline-block;
                width:15px;
                height:1px;
                border-top:1px solid rgba(252, 132, 64, 1); 
            }
            i{
                position: relative;
                top: -3px;
                display: inline-block;
                width:7px;
                height:7px;
                border-radius: 7px;
                background:rgba(252,132,64,1);
            }
        }
        .div2{
            padding: 0 16px 0 18px;
            >div:nth-child(1){
                height:25px;
                line-height:25px;
                span:nth-child(1){
                    font-size:12px;
                    font-family:PingFang-SC-Medium;
                    font-weight:500;
                    color:rgba(102,102,102,1);
                }
                span:nth-child(2){
                    padding: 0px 10px;
                    font-size:14px;
                    font-family:PingFang-SC-Medium;
                    font-weight:500;
                    color:rgba(252,129,58,1);
                    float: right;
                    cursor: pointer;
                }
            }
            .el-slider__bar{
                background-color:rgba(252, 132, 64, 1);
            }
            .el-slider__button{
                position: relative;
                top: 15px;
                border:none;
                background-image: url(../img/projectManagement/slider_button.png);
                background-size: 100% 100%;
            }
            .el-slider__runway{
                margin: 10px 0;
            }
        }
    }
</style>