| | |
| | | <!-- |
| | | * @Date: 2024-01-13 20:46:33 |
| | | * @LastEditors: Sneed |
| | | * @LastEditTime: 2024-01-13 22:39:16 |
| | | * @LastEditTime: 2024-01-14 13:18:54 |
| | | * @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>{{ efficiency}}</p> |
| | | <p>能力利用率</p> |
| | | </div> |
| | | </li> |
| | | <li> |
| | | <img src="./img/sd.png" alt=""> |
| | | <div> |
| | | <p>{{ item.cycleCount }}</p> |
| | | <p>{{ utilizationDaily}}</p> |
| | | <p>日利用率</p> |
| | | </div> |
| | | </li> |
| | | <li> |
| | | <img src="./img/sd.png" alt=""> |
| | | <div> |
| | | <p>{{ item.cycleCount }}</p> |
| | | <p>{{ info.cycleCount}}</p> |
| | | <p>完工件数</p> |
| | | </div> |
| | | </li> |
| | |
| | | <script> |
| | | import { getRequest,getUrl } from '@/api/Api' |
| | | export default { |
| | | props: ['id'], |
| | | props: { |
| | | id: { |
| | | type: [String,Number] |
| | | }, |
| | | info: { |
| | | type: Object, |
| | | default: function () { |
| | | return {} |
| | | } |
| | | } |
| | | }, |
| | | data () { |
| | | return { |
| | | care: false, |
| | | item: {} |
| | | } |
| | | }, |
| | | computed: { |
| | | efficiency () { |
| | | return this.info.efficiency || 0 |
| | | }, |
| | | utilizationDaily () { |
| | | return this.info.utilizationDaily || 0 |
| | | }, |
| | | cycleCount () { |
| | | return this.info.cycleCount || 0 |
| | | } |
| | | }, |
| | | methods: { |
| | | change (val) { |
| | | console.log(val) |
| | | getRequest('machineConcern',{concern: val ? 1 : 0,id: this.item.id}).then(res => { |
| | | getRequest('machineConcern',{concern: val ? 1 : 0,id: this.id}).then(res => { |
| | | console.log(res) |
| | | }) |
| | | }, |
| | |
| | | &>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%); |
| | | } |