|  |  |  | 
|---|
|  |  |  | alt="" | 
|---|
|  |  |  | @click="turnState" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <span class="text_Time">{{ dateFormat }}</span> | 
|---|
|  |  |  | <span class="text_Time"> | 
|---|
|  |  |  | <el-date-picker | 
|---|
|  |  |  | v-model="selectData" | 
|---|
|  |  |  | popper-class="tpc" | 
|---|
|  |  |  | value-format="yyyy-MM-dd HH" | 
|---|
|  |  |  | format="yyyy-MM-dd HH" | 
|---|
|  |  |  | :clearable="false" | 
|---|
|  |  |  | :editable="false" | 
|---|
|  |  |  | type="datetime" | 
|---|
|  |  |  | placeholder="选择日期时间" | 
|---|
|  |  |  | @change="changeData" | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | </span> | 
|---|
|  |  |  | <img | 
|---|
|  |  |  | class="drop-icon" | 
|---|
|  |  |  | :src="turnImg" | 
|---|
|  |  |  | 
|---|
|  |  |  | turnImg: require('@/assets/images/regionalOverview/dropDown.png'), | 
|---|
|  |  |  | showOrHidden: true, | 
|---|
|  |  |  | dateFormat: '', | 
|---|
|  |  |  | selectData: new Date(), | 
|---|
|  |  |  | alarmTableVisible: false, | 
|---|
|  |  |  | chooseTimeInfo: false, // 是否选择了时间点 | 
|---|
|  |  |  | chooseTime: false, | 
|---|
|  |  |  | 
|---|
|  |  |  | // }) | 
|---|
|  |  |  | window.map = map | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | changeData (val) { | 
|---|
|  |  |  | this.nyr = val + ':00' | 
|---|
|  |  |  | this.chooseTime = true | 
|---|
|  |  |  | this.initData() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // 更改不同的值区间 | 
|---|
|  |  |  | change (index) { | 
|---|
|  |  |  | this.changeColor = index | 
|---|
|  |  |  | 
|---|
|  |  |  | margin-top: 9px; | 
|---|
|  |  |  | margin-left: 10px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .text_Time { | 
|---|
|  |  |  | float: left; | 
|---|
|  |  |  | margin-left: 37px; | 
|---|
|  |  |  | .el-date-editor{ | 
|---|
|  |  |  | width: 145px!important; | 
|---|
|  |  |  | .el-input__prefix{ | 
|---|
|  |  |  | display: none!important; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .el-input__inner{ | 
|---|
|  |  |  | cursor: pointer; | 
|---|
|  |  |  | font-size: 18px; | 
|---|
|  |  |  | color: #fff; | 
|---|
|  |  |  | padding: 0px!important; | 
|---|
|  |  |  | border: none; | 
|---|
|  |  |  | background: inherit; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .tpc{ | 
|---|
|  |  |  | left: unset!important; | 
|---|
|  |  |  | right: 60px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .tpc .el-time-spinner__wrapper { | 
|---|
|  |  |  | width:100% !important; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .tpc .el-scrollbar:nth-of-type(2) { | 
|---|
|  |  |  | display: none !important; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .my-div-icon { | 
|---|
|  |  |  | font-size: 14px; | 
|---|
|  |  |  | text-align: center; | 
|---|