钢化完整版图修改

wangfei

2024-10-21 e04350fd14768d9c59fbbede645da73afda033fd

钢化完整版图修改

 UI-Project/config.js

@@ -1,9 +1,9 @@
export default {
//  serverUrl: "10.153.19.150:88/api",
 serverUrl: "192.168.1.199:88/api",
 serverUrl: "10.153.19.150:88/api",
//  serverUrl: "192.168.1.199:88/api",
//  serverUrl: "127.0.0.1:88/api",
  // serverUrl2: "10.153.19.150:88"
  serverUrl2: "192.168.1.199:88"
  serverUrl2: "10.153.19.150:88"
  // serverUrl2: "192.168.1.199:88"
    // serverUrl2: "127.0.0.1:88"

  //serverUrl:"res.abeim.cn"

 UI-Project/src/utils/constants.js

@@ -1,4 +1,4 @@
 export const WebSocketHost = "192.168.1.199";
// export const WebSocketHost = "10.153.19.150";
//  export const WebSocketHost = "192.168.1.199";
export const WebSocketHost = "10.153.19.150";
// export const WebSocketHost = "127.0.0.1";
export const host = "88";

 UI-Project/src/views/NewPage.vue

@@ -5,11 +5,11 @@
<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: 150px;margin-top: 50px;margin-right: 10px;width: 1558px;" height="900" v-loading="loading">
  <el-card style="flex: 1;margin-left: 400px;margin-top: 50px;margin-right: 10px;width: 1000px;" 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="430px" width="1516px" style="background-color: #e9e9eb;">
  <el-scrollbar height="550px" width="958px" style="background-color: #e9e9eb;">
  <div  style="position: relative;width: 100%;height: 100%;">
    <div
      v-for="(rect, index) in getAdjustedRectsForRow(rowIndex)"
@@ -99,20 +99,20 @@
  if (rawRowData) {
adjustedRectsPerRow.value[rowIndex] = rawRowData.map(rect => {
      let adjustedWidth, adjustedHeight,newX;
      if (rect.rotate_angle  === 0) {
      if (rect.rotate_angle  === 90) {
       newX = rect.olHeight -(rect.y_axis + rect.height); 
       adjustedWidth = rect.height * (1516/rect.olHeight);
       adjustedHeight = rect.width * (430/rect.olWidth);
       adjustedWidth = rect.height * (958/rect.olHeight);
       adjustedHeight = rect.width * (550/rect.olWidth);
      } else {  
        newX = rect.olHeight -(rect.y_axis + rect.width); 
       adjustedWidth = rect.width * (1516/rect.olHeight);
       adjustedHeight = rect.height * (430/rect.olWidth);
       adjustedWidth = rect.width * (958/rect.olHeight);
       adjustedHeight = rect.height * (550/rect.olWidth);
      } 
      let adjustedRect = {  
        ...rect,
        y_axis: rect.x_axis * (430/rect.olWidth),
        x_axis: newX * (1516/rect.olHeight),
        // y_axis: rect.x_axis * (430/rect.olWidth),
        y_axis: rect.x_axis * (550/rect.olWidth),
        x_axis: newX * (958/rect.olHeight),
        // y_axis: rect.x_axis * (550/rect.olWidth),
        width: adjustedWidth,  
        height: adjustedHeight,  
        widtha: rect.width,  
@@ -137,10 +137,10 @@
margin-bottom: 20px;
}
.div-container {  
width: 1516px;
width: 958px;
float: left;
background-color: #f4f4f5;
height: 430px;
height: 550px;
box-sizing: border-box;
}
</style>