全景追踪关联摄像机轮播组件标题部分样式更新;检索查询详情卡片摄像机名称限制展示宽度;事件推送人员等级选项调试
| | |
| | | <p> |
| | | <span class="fontStyleForModel">{{ data.picDate | formatTime}}</span> |
| | | </p> |
| | | <p> |
| | | <span class="fontStyleForModel">{{ data.cameraAddr }}</span> <span class="fontStyleForModel analyServer" style="margin-left:20px;">{{ data.analyServerName }}</span> |
| | | <p class="align-right"> |
| | | <span class="fontStyleForModel camera-addr" :title="data.cameraAddr">{{ data.cameraAddr }}</span> <span class="fontStyleForModel analyServer" style="margin-left:20px;">{{ data.analyServerName }}</span> |
| | | </p> |
| | | <p style="width:100%"> |
| | | <span v-for="(item,index) in data.alarmRules" :key="index+'rule'"> |
| | |
| | | float: left; |
| | | margin-top: 5px; |
| | | p { |
| | | &.align-right{ |
| | | text-align: right; |
| | | .camera-addr{ |
| | | display: inline-block; |
| | | vertical-align: top; |
| | | width: 90px; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | white-space: nowrap; |
| | | } |
| | | } |
| | | b { |
| | | //color: #e43933; |
| | | } |
| | |
| | | }); |
| | | }, |
| | | selectArg(rule, resetNext = false) { |
| | | debugger |
| | | let argInfo = rule.topicArgOptions.filter(arg => { |
| | | return arg.value === rule.topic_arg; |
| | | }) |
| | |
| | | > |
| | | <swiper-slide v-for="camera in cameras" :key="camera.id+'c'"> |
| | | <div class="swiper-draw-box-title"> |
| | | <b>{{camera.name}}</b> |
| | | <div class="left-fixed"> |
| | | <b style="margin-left:14px;">绘制区域</b> |
| | | <span |
| | | class="el-dropdown-link" |
| | |
| | | > |
| | | <i class="iconfont iconbianji1" style="font-size: 28px; "></i> |
| | | </span> |
| | | </div> |
| | | <b>{{camera.name}}</b> |
| | | </div> |
| | | <polygon-canvas |
| | | class="polygon-canvas" |
| | |
| | | <i class="iconfont iconyou1"></i> |
| | | </div> |
| | | </div> |
| | | |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | background: #666; |
| | | } |
| | | .swiper-draw-box-title { |
| | | position: relative; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | |
| | | b { |
| | | font-size: 14px; |
| | | } |
| | | .left-fixed{ |
| | | position: absolute; |
| | | left: 0; |
| | | top: -6px; |
| | | } |
| | | } |
| | | .wrap-box { |
| | | width: 100%; |