From c55d9376565a78ce31a5b8d78dad89df16c2628e Mon Sep 17 00:00:00 2001
From: gaosp <gaosp>
Date: 星期四, 18 一月 2024 23:34:54 +0800
Subject: [PATCH] 删除完 更新
---
src/container/workshop/device.vue | 65 ++++++++++++++++++++++++++++----
1 files changed, 56 insertions(+), 9 deletions(-)
diff --git a/src/container/workshop/device.vue b/src/container/workshop/device.vue
index 200863b..37dc837 100644
--- a/src/container/workshop/device.vue
+++ b/src/container/workshop/device.vue
@@ -1,13 +1,13 @@
<!--
* @Date: 2024-01-13 20:46:33
* @LastEditors: Sneed
- * @LastEditTime: 2024-01-13 22:39:16
+ * @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 }}</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>
@@ -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)
})
},
@@ -93,10 +139,11 @@
&>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%);
}
@@ -106,7 +153,7 @@
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%);
}
--
Gitblit v1.9.3