| | |
| | | type: { |
| | | type: [Number, String], |
| | | default: 0, |
| | | }, |
| | | blBl: { |
| | | type: Boolean, |
| | | default: true |
| | | } |
| | | }); |
| | | |
| | |
| | | state = ""; |
| | | break; |
| | | } |
| | | |
| | | if(props.blBl) { |
| | | state+=" bl-bl" |
| | | } |
| | | |
| | | return state; |
| | | }); |
| | | </script> |
| | |
| | | box-shadow: 0 0 6px 6px #4afd8880; |
| | | } |
| | | |
| | | .hdw-light.error-light:before { |
| | | .hdw-light.error-light.bl-bl:before { |
| | | background-color: #fd5b67; |
| | | animation: errorLight 1000ms infinite; |
| | | box-shadow: 0 0 6px 6px #fd586480; |
| | | } |
| | | .hdw-light.error-light:before { |
| | | background-color: #fd5b67; |
| | | box-shadow: 0 0 6px 6px #fd586480; |
| | | } |
| | | .hdw-light.gray-light:before { |
| | | background-color: #878787; |
| | | width: 12px; |
| | |
| | | |
| | | const doorInfos = reactive([ |
| | | { |
| | | ip: "192.168.10.19", |
| | | ip: "192.168.0.19", |
| | | passWord: "a1234567.", |
| | | port: 8000, |
| | | userName: "admin", |
| | | status: "未知" |
| | | }, |
| | | { |
| | | ip: "192.168.10.18", |
| | | ip: "192.168.0.18", |
| | | passWord: "a1234567.", |
| | | port: 8000, |
| | | userName: "admin", |
| | | status: "未知" |
| | | }, |
| | | { |
| | | ip: "192.168.10.44", |
| | | ip: "192.168.0.44", |
| | | passWord: "a1234567.", |
| | | port: 8000, |
| | | userName: "admin", |
| | |
| | | <div class="state-item"> |
| | | <div class="state-text">异常状态</div> |
| | | <div class="light-container"> |
| | | <hdw-light :type="1"></hdw-light> |
| | | <hdw-light :type="1" :bl-bl="false"></hdw-light> |
| | | </div> |
| | | </div> |
| | | <div class="state-item"> |
| | |
| | | .header-wrapper { |
| | | color: @font-color-high-light; |
| | | font-weight: bold; |
| | | font-size: 14px; |
| | | font-size: 16px; |
| | | padding: 8px 16px; |
| | | box-sizing: border-box; |
| | | .title-text { |
| | |
| | | margin-top: 16px; |
| | | .input-box { |
| | | display: inline-block; |
| | | font-size: 14px; |
| | | font-size: 16px; |
| | | text-align: right; |
| | | color: #ffffff; |
| | | |
| | |
| | | display: inline-block; |
| | | text-align: center; |
| | | color: #00feff; |
| | | font-size: 14px; |
| | | font-size: 16px; |
| | | vertical-align: middle; |
| | | margin-right: 8px; |
| | | } |
| | |
| | | margin-top: 12px; |
| | | } |
| | | } |
| | | .state-text { |
| | | font-size: 16px; |
| | | } |
| | | </style> |
| | |
| | | } |
| | | } |
| | | .el-menu-vertical { |
| | | font-size: 16px; |
| | | border-right: 0; |
| | | .el-menu-item.is-active{ |
| | | background-color: rgb(4, 32, 119); |