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

工单&物料

Browse Source
This commit is contained in:
朱菊兰
2022-11-17 08:55:51 +08:00
parent f01052d96f
commit d39bb981ec
10 changed files with 400 additions and 234 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/views/material-manage/cockpit/components/bomList.vue
View File

@@ -1,8 +1,8 @@
<template>
<div :style="{ padding: 8 * beilv + 'px ' + 24 * beilv + 'px '+ 24 * beilv + 'px' }" class="box">
<div :style="{ padding: 8 * beilv + 'px ' + 24 * beilv + 'px 0'}" class="box">
<div v-for="(item, i) in bomMsg" :key="i" class="bom-box" :style="{ marginBottom: 11 * beilv + 'px'}">
<img src="./../../../../assets/img/cockpit/bom.png" alt="" :width="355 * beilv + 'px'" :height="280 * beilv + 'px'">
<p class="bom-name" :style="{ bottom: 10 * beilv + 'px', fontSize: 16 * beilv + 'px'}">
<img src="./../../../../assets/img/cockpit/bom.png" alt="" width="100%" height="97%"/>
<p class="bom-name" :style="{ fontSize: 16 * beilv + 'px'}">
<span class="leftTriangle" />
<span>{{ item.name }}</span>
<span class="rightTriangle" />
@@ -28,14 +28,19 @@ export default {
<style lang="scss" scoped>
.box {
display: flex;
flex: 1;
height: 100%;
width: 100%;
flex-flow: row wrap;
justify-content: space-between;
.bom-box {
position: relative;
width: 48%;
.bom-name {
position: absolute;
width: 100%;
text-align: center;
bottom: 6%;
.leftTriangle,
.rightTriangle {
display: inline-block;