展会样式布局更改

wangfei

2025-05-13 1fe57c5855655e406e44497417152ca0e1e2cc5e

 UI-Project/src/views/Caching/cachingbefore.vue

@@ -329,19 +329,19 @@
    <el-button style="margin-bottom: 15px;margin-left: 20px;" @click="handleptask()" type="warning">{{ $t('searchOrder.partask') }}</el-button>
    <el-button style="margin-bottom: 15px;margin-left: 20px;" @click="successfull()" type="success">{{ $t('searchOrder.successfullyprocessed') }}</el-button>
    <div style="position: relative; width: 100%; height: 100%;"> <!-- 添加相对定位 -->
  <div style="position: absolute; margin-top: 28px; left: 430px; display: flex; z-index: 10;"> <!-- 添加绝对定位 -->
  <div style="position: absolute; margin-top: 28px; left: 400px; display: flex; z-index: 10;"> 
    <div>{{ $t('searchOrder.projectnumber') }}</div>
    <div style="margin-left: 155px;">{{ $t('hellow.flowCardId') }}</div>
    <div style="margin-left: 135px;">{{ $t('hellow.flowCardId') }}</div>
    <div style="margin-left: 152px;">{{ $t('searchOrder.glassID') }}</div>
    <div style="margin-left: 165px;">{{ $t('searchOrder.width') }}</div>
    <div style="margin-left: 185px;">{{ $t('searchOrder.height') }}</div>
    <div style="margin-left: 172px;">{{ $t('searchOrder.thickness') }}</div>
    <div style="margin-left: 145px;">{{ $t('hellow.operate') }}</div>
    <div style="margin-left: 135px;">{{ $t('searchOrder.width') }}</div>
    <div style="margin-left: 169px;">{{ $t('searchOrder.height') }}</div>
    <div style="margin-left: 162px;">{{ $t('searchOrder.thickness') }}</div>
    <div style="margin-left: 135px;">{{ $t('hellow.operate') }}</div>
  </div>
    <div style="width: 98%; height: calc(100% - 35px); overflow-y: auto;">
      <el-table
      ref="table"
      style="margin-top: 20px; height: 360px;"
      style="margin-top: 20px; height: 300px;"
      :data="tableDataa"
      :header-cell-style="{ background: '#F2F3F5', color: '#1D2129' }"
      row-key="id"
@@ -423,14 +423,14 @@
      </div>
    </el-card>
  <div class="awatch">
    <img src="../../assets/woshihuancun.png" alt="" style="width: 50%;height: 70%;margin-left: 30%;margin-top: 20px;position: relative;"> 
    <div style="position: relative; width: 500px;height: 95px;margin-top: -142px;margin-left: 600px;">
    <img src="../../assets/woshihuancun.png" alt="" style="width: 50%;height: 100%;margin-left: 25%;position: relative;margin-top: 5px;"> 
    <div style="position: relative; width: 500px;height: 95px;margin-top: -146px;margin-left: 615px;">
      <div  
      v-for="(rect, index) in adjustedRects"
      v-show="rect.showRect"
      :key="rect"
      :style="{ position: 'absolute', 
      top: `${rect.id}px`, left: `10px`, width: `422px`, height: `3px`,
      top: `${rect.id}px`, left: `-85px`, width: `435px`, height: `3px`,
      backgroundColor: '#409EFF'
       }"  
    >
@@ -541,7 +541,7 @@
   margin-left: 28%;
}
.awatch{
  height: 460px;
  height: 350px;
  width: 1500px;
  max-width: 100%;
}