zhoushihao
2 天以前 4e3b8155722b66e25df3c6fd42cc586b68dea391
UI-Project/src/views/Caching/cachingbefore.vue
@@ -34,12 +34,12 @@
  }
  tableDataa.value = data.EdgStorageCageinfos[0]
  tableDatab.value = data.taskMessage
  // adjustedRects.value = data.EdgStorageCageinfos[0].map(rect => ({
  //     ...rect,
  //     width: rect.width * 0.5 ,
  //     id: rect.id * 10,
  //   }));
};
  adjustedRects.value = data.EdgStorageCageinfos[0].map((rect, index) => ({
      ...rect,
      id: rect.id * 9,
      showRect: !!data.EdgStorageCageinfos[0][index]?.details[0]
    }));
  };
// 格式化后端时间并计算一周前的时间
const defaultTime = ref<[Date, Date]>([new Date(), new Date()]);
function parseAndSetTime() {
@@ -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"
@@ -374,9 +374,9 @@
          <el-table-column prop="thickness" align="center" min-width="80" />
    <el-table-column fixed="right" align="center" width="150">
        <template #default="scope">
          <el-button size="mini" type="text" plain @click="handletake(scope.row)">{{ $t('searchOrder.breakage') }}</el-button>
          <el-button size="mini" type="text" plain @click="handleBindRack(scope.row)">{{ $t('searchOrder.takeout')}} </el-button>
          <el-button size="mini" type="text" plain @click="handledelete(scope.row)">{{ $t('searchOrder.delete')}} </el-button>
          <el-button type="text" plain @click="handletake(scope.row)">{{ $t('searchOrder.breakage') }}</el-button>
          <el-button type="text" plain @click="handleBindRack(scope.row)">{{ $t('searchOrder.takeout')}} </el-button>
          <el-button type="text" plain @click="handledelete(scope.row)">{{ $t('searchOrder.delete')}} </el-button>
        </template>
      </el-table-column>
      </el-table>
@@ -423,22 +423,23 @@
      </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: -165px;margin-left: 450px;">
    <div
    <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"
      :key="rect"
      v-show="rect.showRect"
      :key="rect"
      :style="{ position: 'absolute', 
       top: `${rect.id}px`, left: `10px`, width: `${rect.width}px`, height: `5px`,
      top: `${rect.id}px`, left: `-85px`, width: `435px`, height: `3px`,
      backgroundColor: '#409EFF'
       }"  
    >
  </div>
</div>
  </div>
</div>
</div>
<!-- 历史任务 -->
<el-dialog v-model="blindb" top="10vh" width="71%">
<el-dialog v-model="blindb" top="5vh" width="95%" @close="iframeUrl=''">
     <iframe 
     :src="iframeUrl" 
     marginwidth="2000px"
@@ -540,8 +541,9 @@
   margin-left: 28%;
}
.awatch{
  height: 460px;
  height: 350px;
  width: 1500px;
  max-width: 100%;
  margin-left: 10%
}
</style>