tao.zhang/tianyi_DataV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
刘佳
2024-03-15 10:01:20 +08:00
parent 0c5818fb27
commit 0f2bb63f62
11 changed files with 300 additions and 1044 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/eqpView/index.vue
+50 -68
View File
@@ -1,83 +1,61 @@
<template>
<div class="box">
<div v-for="(it,ind) of data" :key="ind" class="item" :class="it.type==1?'typeOne':it.type==0?'typeTwo':'typeth'">
{{ it.name }}
<div v-for="(it, ind) of data" :key="ind" class="item"
:class="it.type == 1 ? 'typeOne' : it.type == 0 ? 'typeTwo' : 'typeFo'">
<div class="lists">
<div>{{ it.device_code }}</div>
<div>设备状态:{{ it.device_state.replace("。", "") }}</div>
<div v-if="it.zsspeed">注射速度:{{ it.zsspeed }}</div>
<div v-if="it.sjspeed">射胶速度:{{ it.sjspeed }}</div>
<div v-if="it.sjspeed">成型时间:{{ it.sjspeed }}</div>
<div v-if="it.temp1">一段温度:{{ it.temp1 }}</div>
<div v-if="it.temp3">三段温度:{{ it.temp3 }}</div>
<div v-if="it.temp5">五段温度:{{ it.temp5 }}</div>
</div>
</div>
</div>
</template>
<script>
import { getEqpList } from '@/api/index'
export default {
name: 'yclView',
data() {
return {
data: [
{ type: 1, name: '设备1' },
{ type: 2, name: '设备2' },
{ type: 0, name: '设备3' },
{ type: 0, name: '设备3' },
{ type: 0, name: '设备3' },
{ type: 0, name: '设备3' },
{ type: 1, name: '设备3' },
{ type: 0, name: '设备3' },
{ type: 1, name: '设备3' },
{ type: 1, name: '设备3' },
{ type: 0, name: '设备3' },
{ type: 0, name: '设备3' },
{ type: 1, name: '设备3' },
{ type: 1, name: '设备3' },
{ type: 0, name: '设备3' },
{ type: 1, name: '设备3' },
{ type: 0, name: '设备3' },
// { type: 0, name: '设备3' },
// { type: 0, name: '设备3' },
// { type: 0, name: '设备3' },
// { type: 0, name: '设备3' },
// { type: 0, name: '设备3' },
// { type: 0, name: '设备3' },
// { type: 0, name: '设备3' },
// { type: 0, name: '设备3' },
// { type: 0, name: '设备3' },
// { type: 0, name: '设备3' },
// { type: 0, name: '设备3' },
// { type: 0, name: '设备3' },
// { type: 0, name: '设备3' },
// { type: 0, name: '设备3' },
// { type: 0, name: '设备3' },
// { type: 0, name: '设备3' },
// { type: 0, name: '设备3' },
// { type: 0, name: '设备3' },
// { type: 0, name: '设备3' },
// { type: 0, name: '设备3' },
// { type: 0, name: '设备3' },
// { type: 0, name: '设备3' },
// { type: 0, name: '设备3' },
// { type: 0, name: '设备3' },
// { type: 0, name: '设备3' },
// { type: 0, name: '设备3' },
// { type: 0, name: '设备3' },
// { type: 0, name: '设备3' },
// { type: 0, name: '设备3' },
// { type: 0, name: '设备3' },
// { type: 0, name: '设备3' },
]
data: []
}
},
created() {
this.getEqpList()
},
mounted() {
},
beforeDestroy() {
},
methods: {
getEqpList() {
const loading = this.$loading({
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
});
getEqpList().then(res => {
this.data = res.data.data || []
}).finally(e => { loading.close(); })
}
}
}
</script>
<style lang="scss" scoped>
@import '@/assets/scss/tianyi.scss';
.box {
width: 100%;
height: 860px;
@@ -88,22 +66,26 @@ export default {
.item {
width: 200px;
height: 220px;
height: 210px;
margin-right: 20px;
color: rgba(0, 0, 0, .5);
font-size: 20px;
color: #cbaeae;
// color: rgba(0, 0, 0, .5);
text-align: center;
line-height: 220px;
border-radius: 6%;
position: relative;
// padding-top: 90px;
.lists {
line-height: 20px;
width: 100%;
font-size: 14px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
.typeOne{
background-color: #35ff39;
}
.typeTwo{
background-color: #849384;
}
.typeth{
background-color: #d2de25;
}
}
</style>