| | |
| | | }" |
| | | > |
| | | <div class="centered-text"> |
| | | <div>{{ rect.glassId }}</div> |
| | | <div>{{ rect.widtha }}*{{ rect.heighta }}</div> |
| | | <div style="font-size: 20px;font-weight: bold;">{{ rect.glassId }}</div> |
| | | <div style="font-size: 20px;font-weight: bold;">{{ rect.flowCardId }}</div> |
| | | <div style="font-size: 30px;font-weight: bold;">{{ rect.widtha }}*{{ rect.heighta }}</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | totalPages.value = response.data.totalPatternSequence; |
| | | const scaleFactor = 1621.78/6000; |
| | | const scaleFactory = 750/3300; |
| | | adjustedRects.value = rawRects.map(rect => ({ |
| | | adjustedRects.value = rawRects.map(rect => ({ |
| | | ...rect, |
| | | xaxisa: (6000 -(rect.xaxis + rect.edgWidth)) * scaleFactor * 1.1, |
| | | yaxisa: rect.yaxis * scaleFactory * 1.1, |
| | | xaxisa: rect.xaxis * scaleFactor * 1.1, |
| | | yaxisa: (3300 - (rect.yaxis + rect.edgHeight + 300)) * scaleFactory * 1.1, |
| | | // xaxisa: (6000 -(rect.xaxis + rect.edgWidth)) * scaleFactor * 1.1, |
| | | // yaxisa: rect.yaxis * scaleFactory * 1.1, |
| | | width: rect.edgWidth * scaleFactor * 1.1, |
| | | widtha: rect.edgWidth , |
| | | heighta: rect.edgHeight , |
| | |
| | | const scaleFactory = 750/3300; |
| | | adjustedRects.value = rawRects.map(rect => ({ |
| | | ...rect, |
| | | xaxisa: (6000 -(rect.xaxis + rect.edgWidth)) * scaleFactor * 1.1, |
| | | yaxisa: rect.yaxis * scaleFactory * 1.1, |
| | | xaxisa: rect.xaxis * scaleFactor * 1.1, |
| | | yaxisa: (3300 - (rect.yaxis + rect.edgHeight + 300)) * scaleFactory * 1.1, |
| | | width: rect.edgWidth * scaleFactor * 1.1, |
| | | widtha: rect.edgWidth , |
| | | heighta: rect.edgHeight , |
| | |
| | | }; |
| | | function getRectColor(state: number): string { |
| | | switch (state) { |
| | | case 0: |
| | | return '#e1f3d8'; |
| | | case 100: |
| | | return '#c8c9cc'; |
| | | case 110: |
| | | return '#b3e19d'; |
| | | case 120: |
| | | return '#f89898'; |
| | | case 0: |
| | | return '#7AC5CD'; |
| | | case 1: |
| | | return '#95d475'; |
| | | case -1: |
| | | return '#99BBFF'; |
| | | case 2: |
| | | return 'lightblue'; |
| | | case 3: |
| | | return '#eebe77'; |
| | | case 4: |
| | | return '#CD6090'; |
| | | case 8: |
| | | return '#911005'; |
| | | case 9: |
| | | return '#f3d19e'; |
| | | return '#4682B4'; |
| | | default: |
| | | return '#CDAF95'; |
| | | } |
| | | } |
| | | const optionsb = [ |
| | |
| | | justify-content: center; |
| | | align-items: center; |
| | | height: 100%; |
| | | font-size: small; |
| | | /* font-size: large; */ |
| | | } |
| | | #rect { |
| | | position: relative; /* 确保箭头可以相对于矩形定位 */ |