卧式缓存模块图片小片显示、系统管理模块新增系统配置页面

wangfei

2025-04-03 d3d7aa9ebbc8265e8dab321d3cee98c385fa696d

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

@@ -34,19 +34,18 @@
  }
  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() {
  const backendTime = new Date(globalDate);
  const oneWeekAgo = new Date(backendTime.getTime() - 7 * 24 * 60 * 60 * 1000); // 减去7天
  console.log(formatTimestamp(oneWeekAgo));
  console.log(oneWeekAgo);
  oneWeekAgo.setHours(0, 0, 0, 0);
  timeRange.value = [formatTimestamp(oneWeekAgo), formatTimestamp(backendTime)];
  window.localStorage.setItem('startTime', formatTimestamp(oneWeekAgo))
}
@@ -99,7 +98,6 @@
    }
}
catch (error) {
    console.error(error);
  }
}
// 破损
@@ -128,7 +126,6 @@
      }  
    }  
  } catch (error) { 
    console.error('发生错误:', error); 
  }  
};  
// 拿走 
@@ -157,7 +154,6 @@
      }  
    }  
  } catch (error) {
    console.error('发生错误:', error);  
  }  
}; 
// 任务重置
@@ -182,7 +178,6 @@
      }  
    }  
  } catch (error) { 
    console.error('发生错误:', error); 
  }  
};
// 任务成功处理
@@ -207,7 +202,6 @@
      }  
    }  
  } catch (error) { 
    console.error('发生错误:', error); 
  }  
};
 // 删除 
@@ -231,7 +225,6 @@
      }  
    }  
  } catch (error) {
    console.error('发生错误:', error);  
  }  
}; 
const rowClassName = ({ row }) => {
@@ -326,13 +319,12 @@
    }
    });
onBeforeUnmount(() => {
  console.log("关闭了")
  closeWebSocket();
});
</script>
<template>
  <div style="height: 500px;">
    <el-card style="flex: 1;margin-left: 10px;margin-top: 10px;" v-loading="loading">
    <el-card style="flex: 1;margin-left: 10px;margin-top: 10px;">
    <el-button style="margin-bottom: 15px;margin-left: 20px;" @click="handlehistorical" type="primary">{{ $t('searchOrder.historicaltasks') }}</el-button>
    <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>
@@ -382,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>
@@ -432,12 +424,13 @@
    </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  
    <div style="position: relative; width: 500px;height: 95px;margin-top: -142px;margin-left: 600px;">
      <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: `10px`, width: `422px`, height: `3px`,
      backgroundColor: '#409EFF'
       }"  
    >
@@ -446,13 +439,13 @@
</div>
</div>
<!-- 历史任务 -->
<el-dialog v-model="blindb" top="10vh" width="90%">
<el-dialog v-model="blindb" top="5vh" width="95%" @close="iframeUrl=''">
     <iframe 
     :src="iframeUrl" 
     marginwidth="2000px"
     marginheight="2000px"
     width="100%" 
     height="700px" 
     height="750px" 
     frameborder="0"
     ></iframe>
  </el-dialog>