| | |
| | | <!-- |
| | | * @Date: 2024-01-13 20:46:33 |
| | | * @LastEditors: Sneed |
| | | * @LastEditTime: 2024-01-13 22:39:16 |
| | | * @LastEditTime: 2024-01-13 23:35:27 |
| | | * @FilePath: /belleson-frontend/Users/mache/Documents/demo/mdc/src/container/workshop/device.vue |
| | | --> |
| | | <template> |
| | |
| | | <li> |
| | | <img src="./img/sd.png" alt=""> |
| | | <div> |
| | | <p>{{ item.cycleCount }}</p> |
| | | <p>{{ item.cycleCount || 0 }}</p> |
| | | <p>能力利用率</p> |
| | | </div> |
| | | </li> |
| | | <li> |
| | | <img src="./img/sd.png" alt=""> |
| | | <div> |
| | | <p>{{ item.cycleCount }}</p> |
| | | <p>{{ item.cycleCount || 0 }}</p> |
| | | <p>日利用率</p> |
| | | </div> |
| | | </li> |
| | | <li> |
| | | <img src="./img/sd.png" alt=""> |
| | | <div> |
| | | <p>{{ item.cycleCount }}</p> |
| | | <p>{{ item.cycleCount || 0 }}</p> |
| | | <p>完工件数</p> |
| | | </div> |
| | | </li> |
| | |
| | | &>p:before { |
| | | content: ''; |
| | | position: absolute; |
| | | z-index: 0; |
| | | top: 50%; |
| | | left: 0; |
| | | transform: translateY(-50%); |
| | | width: 60px; |
| | | width: 30px; |
| | | height: 1px; |
| | | background: linear-gradient(270deg, #65A5D6 0%, rgba(11,70,115,0) 100%); |
| | | } |
| | |
| | | top: 50%; |
| | | right: 0; |
| | | transform: translateY(-50%); |
| | | width: 60px; |
| | | width: 30px; |
| | | height: 1px; |
| | | background: linear-gradient(90deg, #65A5D6 0%, rgba(11,70,115,0) 100%); |
| | | } |