mt-fe-group/11-mes-new
12
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

lb #12

Merged
gtz217 merged 27 commits from lb into master 2022-11-18 17:04:51 +08:00
Conversation 0 Commits 27 Files Changed 33 +16 -12
2 changed files with 16 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit c309be87eb - Show all commits

16
src/views/EquipmentManager/components/EquipmentAnalysisBox.vue
View File

@ -14,16 +14,16 @@
<div class="flex items-center gap-8"> <div class="flex items-center gap-8">
<span class="param-name">MTBR</span> <span class="param-name">MTBR</span>
<div class="progress-bar grow"> <div class="progress-bar grow">
<ProgreeBar :process="+mtbr * 100" :colors="['#2EC6B4', '#85F6E9']" /> <ProgreeBar :process="+mtbr" :max="30" :colors="['#2EC6B4', '#85F6E9']" />
</div> </div>
<span class="param-value">{{ mtbr | noDecimalFilter }}%</span> <span class="param-value">{{ mtbr }}min</span>
</div> </div>
<div class="flex items-center gap-8"> <div class="flex items-center gap-8">
<span class="param-name">MTBF</span> <span class="param-name">MTBF</span>
<div class="progress-bar grow"> <div class="progress-bar grow">
<ProgreeBar :process="+mtbf * 100" :colors="['#EB46A1', '#FF8BC3']" /> <ProgreeBar :process="+mtbf" :max="99999" :colors="['#EB46A1', '#FF8BC3']" />
</div> </div>
<span class="param-value">{{ mtbf | noDecimalFilter }}%</span> <span class="param-value">{{ mtbf }}h</span>
</div> </div>
</div> </div>
</TechyBox> </TechyBox>
@ -39,6 +39,10 @@ const ProgreeBar = {
type: Number, type: Number,
default: 0 default: 0
}, },
max: {
type: Number,
default: 100
},
colors: { colors: {
type: Array, type: Array,
default: () => ['#1295FF', '#9DD5FF'] default: () => ['#1295FF', '#9DD5FF']
@ -68,7 +72,7 @@ const ProgreeBar = {
position: 'absolute', position: 'absolute',
left: 0, left: 0,
top: 0, top: 0,
width: this.process + '%', width: this.process / this.max * 100 + '%',
height: '100%', height: '100%',
borderRadius: 'calc(8px * var(--beilv))', borderRadius: 'calc(8px * var(--beilv))',
background: `linear-gradient(to right, ${this.colors[0]}, ${this.colors[1]})` background: `linear-gradient(to right, ${this.colors[0]}, ${this.colors[1]})`
@ -141,7 +145,7 @@ export default {
width: 24px; */ width: 24px; */
font-size: calc(12px * var(--beilv)); font-size: calc(12px * var(--beilv));
line-height: calc(14px * var(--beilv)); line-height: calc(14px * var(--beilv));
width: 25%; width: 15%;
} }
.param-list::before { .param-list::before {

12
src/views/EquipmentManager/mockData.js
View File

@ -142,12 +142,12 @@ export const OEE_PER_LINE = {
} }
export const equipmentAnalysisData = [ export const equipmentAnalysisData = [
{ 'name': '冷端下片单元', "oee": 0.85, "mtbr": 21, "mtbf": 77991 }, { 'name': '冷端下片单元', "oee": 0.62, "mtbr": 25, "mtbf": 54875 },
{ 'name': '磨边单元', "oee": 0.754, "mtbr": 22, "mtbf": 790301 }, { 'name': '磨边单元', "oee": 0.789, "mtbr": 25, "mtbf": 61323 },
{ 'name': '丝印', "oee": 0.86, "mtbr": 28, "mtbf": 882301 }, { 'name': '丝印', "oee": 0.83, "mtbr": 19, "mtbf": 89653 },
{ 'name': '上片机器人', "oee": 0.76, "mtbr": 17, "mtbf": 293736 }, { 'name': '上片机器人', "oee": 0.66, "mtbr": 30, "mtbf": 71839 },
{ 'name': '激光打孔', "oee": 0.7, "mtbr": 8, "mtbf": 173827 }, { 'name': '激光打孔', "oee": 0.71, "mtbr": 11, "mtbf": 39362 },
{ 'name': '镀膜', "oee": 0.688, "mtbr": 3, "mtbf": 223811 }, { 'name': '镀膜', "oee": 0.686, "mtbr": 25, "mtbf": 62901 },
] ]
export const sparepartsProps = [ export const sparepartsProps = [