| | |
| | | <!-- |
| | | * @Date: 2024-01-08 19:38:05 |
| | | * @LastEditors: Sneed |
| | | * @LastEditTime: 2024-01-08 19:38:30 |
| | | * @LastEditTime: 2024-01-13 22:09:04 |
| | | * @FilePath: /belleson-frontend/Users/mache/Documents/demo/mdc/src/components/newComp/Status.vue |
| | | --> |
| | | <template> |
| | | <div class="top"> |
| | | <slot name="before"></slot> |
| | | <div class="top-item top-1"> |
| | | <div>16</div> |
| | | <div>{{info.stop}}</div> |
| | | <div>停机状态</div> |
| | | </div> |
| | | <div class="top-item top-2"> |
| | | <div>16</div> |
| | | <div>停机状态</div> |
| | | <div>{{info.run}}</div> |
| | | <div>运行状态</div> |
| | | </div> |
| | | <div class="top-item top-3"> |
| | | <div>16</div> |
| | | <div>停机状态</div> |
| | | <div>{{info.idle}}</div> |
| | | <div>待机状态</div> |
| | | </div> |
| | | <div class="top-item top-4"> |
| | | <div>{{info.alarm}}</div> |
| | | <div>报警状态</div> |
| | | </div> |
| | | <slot name="after"></slot> |
| | | <!-- <div class="top-item top-5"> |
| | | <div>16</div> |
| | | <div>停机状态</div> |
| | | </div> |
| | | <div class="top-item top-5"> |
| | | <div>16</div> |
| | | <div>停机状态</div> |
| | | </div> |
| | | </div> --> |
| | | </div> |
| | | </template> |
| | | <script> |
| | | export default { |
| | | props: ['info'], |
| | | } |
| | | </script> |
| | | <style lang="scss" scoped> |
| | | .top { |
| | | display: flex; |