| | |
| | | <template> |
| | | <div id="container" class="dark"> |
| | | <div class="warn-dialog" :class="dialogShow"> |
| | | <div>预警消息:<p style="margin-top: 20px;font-size: 18px;line-height: 28px;text-align: left">企业8月份总体安全生产预警指数SPI风险值高于预警阈值,可能存在未处理隐患,请注意查阅相关风险因素,采取风险防控措施。</p></div> |
| | | <div>预警消息</div> |
| | | <p>企业8月份总体安全生产预警指数SPI风险值高于预警阈值,可能存在未处理隐患,请注意查阅相关风险因素,采取风险防控措施。</p> |
| | | <span @click="dialogShow = 'hide'">关闭</span> |
| | | </div> |
| | | <div class="info-panel" :class="dialogHide" @click="openDialog"> |
| | |
| | | transition: .3s; |
| | | box-shadow: 0 15px 30px rgba(0,0,0,.2); |
| | | border: 1px solid rgba(17,254,238,.4); |
| | | padding: 40px; |
| | | padding: 1.5rem; |
| | | background: rgba(0,16,32,.8); |
| | | |
| | | div{ |
| | | font-size: 1.5rem; |
| | | text-align: center; |
| | | } |
| | | |
| | | p{ |
| | | margin-top: 20px; |
| | | font-size: 1.125rem; |
| | | line-height: 28px; |
| | | text-align: left |
| | | } |
| | | |
| | | span{ |
| | | position: inherit; |
| | |
| | | top: 20px; |
| | | font-size: 1rem; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | div{ |
| | | font-size: 1.5rem; |
| | | text-align: center; |
| | | } |
| | | } |
| | | |
| | |
| | | transition: .3s; |
| | | box-shadow: 0 15px 30px rgba(0,0,0,.2); |
| | | border: 1px solid #ccc; |
| | | padding: 40px; |
| | | padding: 1.5rem; |
| | | background: #fff; |
| | | |
| | | div{ |
| | | font-size: 1.5rem; |
| | | text-align: center; |
| | | } |
| | | |
| | | p{ |
| | | margin-top: 20px; |
| | | font-size: 1.125rem; |
| | | line-height: 28px; |
| | | text-align: left |
| | | } |
| | | |
| | | span{ |
| | | position: inherit; |
| | |
| | | top: 20px; |
| | | font-size: 1rem; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | div{ |
| | | font-size: 1.5rem; |
| | | text-align: center; |
| | | } |
| | | } |
| | | |