| | |
| | | <el-input v-model="current" style="margin-left: 20px;margin-top: 15px;width: 240px" placeholder="请输入工程号" @input="updateUrl"/> |
| | | <el-button style="margin-top: 15px;margin-left: 15px;" type="primary" @click="fetchData">查询</el-button> |
| | | </div> |
| | | <el-card style="flex: 1;margin-left: 400px;margin-top: 50px;margin-right: 10px;width: 1000px;" height="900" v-loading="loading"> |
| | | <el-card style="flex: 1;margin-left: 400px;margin-top: 50px;margin-right: 10px;width: 1100px;" height="900" v-loading="loading"> |
| | | <div v-for="(row, rowIndex) in divsData" :key="rowIndex" class="row"> |
| | | <div v-for="(rect, colIndex) in row" :key="colIndex" class="div-container"> |
| | | <div style="text-align: center;">炉号:{{ getAdjustedRectsForRow(rowIndex)[0].layout_id }}</div> |
| | | <el-scrollbar height="550px" width="958px" style="background-color: #e9e9eb;"> |
| | | <el-scrollbar height="550px" width="1000px" style="background-color: #e9e9eb;"> |
| | | <div style="position: relative;width: 100%;height: 100%;"> |
| | | <div |
| | | v-for="(rect, index) in getAdjustedRectsForRow(rowIndex)" |
| | |
| | | const rawRowData = rawData.value[rowIndex]; |
| | | if (rawRowData) { |
| | | adjustedRectsPerRow.value[rowIndex] = rawRowData.map(rect => { |
| | | let adjustedWidth, adjustedHeight,newX; |
| | | if (rect.rotate_angle === 90) { |
| | | newX = rect.olHeight -(rect.y_axis + rect.height); |
| | | adjustedWidth = rect.height * (958/rect.olHeight); |
| | | adjustedHeight = rect.width * (550/rect.olWidth); |
| | | let adjustedWidth, adjustedHeight,newX,widtha,heighta; |
| | | if (rect.width < rect.height) { |
| | | widtha = rect.height; |
| | | heighta = rect.width; |
| | | } else { |
| | | newX = rect.olHeight -(rect.y_axis + rect.width); |
| | | adjustedWidth = rect.width * (958/rect.olHeight); |
| | | adjustedHeight = rect.height * (550/rect.olWidth); |
| | | widtha = rect.width; |
| | | heighta = rect.height; |
| | | } |
| | | if (rect.rotate_angle === 90) { |
| | | newX = rect.olHeight -(rect.y_axis + heighta); |
| | | adjustedWidth = heighta * (1000/rect.olHeight); |
| | | adjustedHeight = widtha * (550/rect.olWidth); |
| | | } else { |
| | | newX = rect.olHeight -(rect.y_axis + widtha); |
| | | adjustedWidth = widtha * (1000/rect.olHeight); |
| | | adjustedHeight = heighta * (550/rect.olWidth); |
| | | } |
| | | let adjustedRect = { |
| | | ...rect, |
| | | y_axis: rect.x_axis * (550/rect.olWidth), |
| | | x_axis: newX * (958/rect.olHeight), |
| | | // y_axis: rect.x_axis * (550/rect.olWidth), |
| | | x_axis: newX * (1000/rect.olHeight), |
| | | width: adjustedWidth, |
| | | height: adjustedHeight, |
| | | widtha: rect.width, |
| | |
| | | margin-bottom: 20px; |
| | | } |
| | | .div-container { |
| | | width: 958px; |
| | | width: 1000px; |
| | | float: left; |
| | | background-color: #f4f4f5; |
| | | height: 550px; |