| | |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- <div class="down-menu"> |
| | | <div class="nc" @click="ncListShow = !ncListShow"> |
| | | <span>农场</span> |
| | | <i class="el-icon-caret-bottom"></i> |
| | | </div> |
| | | <div class="jk"> |
| | | <span>监控设备</span> |
| | | <i class="el-icon-caret-bottom"></i> |
| | | </div> |
| | | <div class="jc"> |
| | | <span>监测设备</span> |
| | | <i class="el-icon-caret-bottom"></i> |
| | | </div> |
| | | |
| | | <div v-show="ncListShow" class="nc-list"> |
| | | <div class="title" @click="ncListShow = false"> |
| | | 农场 |
| | | <i class="el-icon-caret-top"></i> |
| | | </div> |
| | | <div |
| | | v-for="(item, index) in farmNumArray" |
| | | :key="index" |
| | | class="box" |
| | | :class="{first: index == 0}" |
| | | @click="setCenter(item)" |
| | | >{{item.farmName}}</div> |
| | | </div> |
| | | </div>--> |
| | | |
| | | <div class="down-menu"> |
| | | <div |
| | | class="nc" |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | // .down-menu { |
| | | // display: flex; |
| | | // // align-items: center; |
| | | // justify-content: space-around; |
| | | // flex-direction: column; |
| | | // position: absolute; |
| | | // top: 102px; |
| | | // left: 438px; |
| | | // width: 146px; |
| | | // height: 156px; |
| | | |
| | | // & > div { |
| | | // padding: 0 16px; |
| | | // display: flex; |
| | | // align-items: center; |
| | | // justify-content: space-between; |
| | | // height: 46px; |
| | | // background: rgba(3, 50, 82, 0.4); |
| | | // border-radius: 8px 8px 8px 8px; |
| | | // border: 1px solid #69e2ed; |
| | | // box-sizing: border-box; |
| | | // font-size: 18px; |
| | | // color: #6de9f3; |
| | | // cursor: pointer; |
| | | |
| | | // i { |
| | | // font-size: 12px; |
| | | // } |
| | | // } |
| | | |
| | | // .nc-list { |
| | | // display: flex; |
| | | // flex-direction: column; |
| | | // justify-content: flex-start; |
| | | // position: absolute; |
| | | // top: 0; |
| | | // left: 172px; |
| | | // width: 144px; |
| | | // height: 224px; |
| | | // overflow-x: hidden; |
| | | // overflow-y: auto; |
| | | // background: rgba(6, 28, 29, 0.8); |
| | | // border-radius: 8px 8px 8px 8px; |
| | | // border: 1px solid #69e2ed; |
| | | // box-sizing: border-box; |
| | | |
| | | // .title { |
| | | // width: 100%; |
| | | // height: 46px; |
| | | // display: flex; |
| | | // align-items: center; |
| | | // justify-content: space-between; |
| | | // font-size: 20px; |
| | | // } |
| | | |
| | | // .box { |
| | | // margin-top: 16px; |
| | | // padding-left: 20px; |
| | | // width: 100%; |
| | | // height: 24px; |
| | | // text-align: left; |
| | | // } |
| | | |
| | | // .box.first { |
| | | // margin-top: 0 !important; |
| | | // } |
| | | // } |
| | | // } |
| | | .down-menu { |
| | | display: flex; |
| | | // align-items: center; |