update

gaosp

2024-01-19 5b9a1d6cb3a7d59c8f2de83c495bba1a069b2723

 src/container/workshop/device.vue

@@ -1,13 +1,13 @@
<!--
 * @Date: 2024-01-13 20:46:33
 * @LastEditors: Sneed
 * @LastEditTime: 2024-01-13 23:35:27
 * @LastEditTime: 2024-01-17 23:06:46
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/mdc/src/container/workshop/device.vue
-->
<template>
    <div class="device-item">
        <el-checkbox class="care" v-model="care" @change="change"></el-checkbox>
        <p>YKX123123213</p>
        <p>{{ machineName }}</p>
        <div class="device-item-box">
            <div class="img">
                <span class="img-status" v-if="item.status === 'STOP'">停机</span>
@@ -20,21 +20,21 @@
                <li>
                    <img src="./img/sd.png" alt="">
                    <div>
                        <p>{{ item.cycleCount || 0 }}</p>
                        <p>{{ efficiency}}</p>
                        <p>能力利用率</p>
                    </div>
                </li>
                <li>
                    <img src="./img/sd.png" alt="">
                    <div>
                        <p>{{ item.cycleCount || 0 }}</p>
                        <p>{{ utilizationDaily}}</p>
                        <p>日利用率</p>
                    </div>
                </li>
                <li>
                    <img src="./img/sd.png" alt="">
                    <div>
                        <p>{{ item.cycleCount || 0 }}</p>
                        <p>{{ info.cycleCount}}</p>
                        <p>完工件数</p>
                    </div>
                </li>
@@ -45,17 +45,63 @@
<script>
import { getRequest,getUrl } from '@/api/Api'
export default {
    props: ['id'],
    props: {
        id: {
            type: [String,Number]
        },
        info: {
            type: Object,
            default: function () {
                return {}
            }
        },
        deviceList: {
            type: Array,
            default: function() {
                return []
            }
        },
        plantDeviceList: {
            type: Array,
            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
        },
        machineName () {
            let machineName = ''
            try {
                machineName =  this.deviceList.find(item => item.machineId=== this.id).machineName
            } catch (error) {console.error(error)}
            try {
                machineName =  this.plantDeviceList.find(item => item.machineId=== this.id).machineName
            } catch (error) {console.error(error)}
            if (machineName) {
                return machineName
            }
            return ''
        }
    },
    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)
            })
        },