autoflow_wx/pages/Information/index.wxss

/* pages/Information/index.wxss */

.data_box{
  width: 100%;
  border-radius: 20rpx;
  box-sizing: border-box;
/* padding-bottom:20rpx; */
margin-top: 20rpx;
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}
.data_box1{
  width: 100%;
  border-radius: 20rpx;
  box-sizing: border-box;
padding-bottom:20rpx;
}

.realtime{
  width: 100%;
  display: flex;
  padding: 0px 20rpx;
  box-sizing: border-box;
}
.realtime_left{
  width: 50%;
  height: 120rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  border-bottom:1rpx solid #E1E0F4;
  border-right:1rpx solid #E1E0F4;

}
.realtime_right{
  width: 50%;
  height: 120rpx;
  display: flex;
  flex-direction: column;

  align-items: center;
  justify-content: center;
  font-size: 14px;
  border-bottom:1rpx solid #E1E0F4;

}
.realtime1{
  width: 100%;
  display: flex;
  padding: 0rpx 20rpx;
  box-sizing: border-box;
}
.realtime2{
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0rpx 20rpx;
  padding-top: 20rpx;
  box-sizing: border-box;
}
.realtime_left1{
  width: 50%;
  height: 120rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  border-right:1rpx solid #E1E0F4;

}
.realtime_left2{
  width: 48%;
  height: 100rpx;
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-radius: 10rpx;
  
  font-size: 14px;
  background-color: #ffffff;

}
.realtime_right1{
  width: 50%;
  height: 120rpx;
  display: flex;
  flex-direction: column;

  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.Information{
  width: 100%;
  padding: 20rpx;
  padding-bottom: 60rpx;
  box-sizing: border-box;
}
.data_days{
  padding: 10rpx;
}
.titledata1{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 600;
  padding-top: 10rpx;
  padding-bottom: 10rpx;
  padding-left: 20rpx;
  box-sizing: border-box;
 overflow-y: auto;
border-radius: 10rpx;
}
.titledata{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  
  box-sizing: border-box;
 overflow-y: auto;
 border: 1rpx solid #cccccc;
border-radius: 10rpx;
}
.days1{
  width: 110rpx;
  height: 60rpx;
  font-size: 22rpx;
  background-color: #89bfea;
  border: 1rpx solid #cccccc;
  display: flex;
  align-items: center; 
  justify-content: center;
}
.days{
width: 110rpx;
height: 60rpx;
font-size: 22rpx;
/* background-color: #ffffff; */
/* border: 1rpx solid #89bfea; */
display: flex;
align-items: center;
justify-content: center;
border: 1rpx solid #cccccc;

}
.days11{
  width: 90rpx;
  height: 60rpx;
  font-size: 22rpx;
  background-color: #89bfea;
  border: 1rpx solid #cccccc;
  display: flex;
  align-items: center; 
  justify-content: center;
}
.days2{
width: 90rpx;
height: 60rpx;
font-size: 22rpx;
/* background-color: #ffffff; */
/* border: 1rpx solid #89bfea; */
display: flex;
align-items: center;
justify-content: center;
border: 1rpx solid #cccccc;

}
.body{
  width: 100%;
  height: 100rpx;
}
/* 行容器：确保内容在同一行显示 */
.table-row {
  display: flex;
  flex-direction: column;
  width: max-content; /* 让行宽自适应内容，确保能横向滚动 */
}
/* 固定列样式 */
.fixed-column {
  position: sticky; /* 粘性定位 */
  left: 0;          /* 固定在左侧 */
  z-index: 1;      /* 确保在其他列上方 */
  background: #fff;   /*背景色覆盖其他内容，避免透显*/
  /* 保持与其他列一致的高度和对齐方式 */
  height: 100%;
  box-sizing: border-box;
}
.dayss{
  width: 110rpx;
height: 100rpx;
font-size: 22rpx;
line-height:40rpx;
padding: 0rpx 6rpx;
display: flex;
align-items: center;
justify-content: center;
border: 1rpx solid #cccccc;
box-sizing: border-box;

}
.days2s{
  width: 90rpx;
  height: 100rpx;
  font-size: 22rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1rpx solid #cccccc;
box-sizing: border-box;

}

.days1s{
  width: 110rpx;
  height: 60rpx;
  font-size: 22rpx;
  background-color: #89bfea;
  border: 1rpx solid #cccccc;
  display: flex;
  align-items: center; 
  justify-content: center;
box-sizing: border-box;

}
.days111{
  width: 90rpx;
  height: 60rpx;
  font-size: 22rpx;
  background-color: #89bfea;
  border: 1rpx solid #cccccc;
  display: flex;
  align-items: center; 
  justify-content: center;
box-sizing: border-box;
}
.filter{
width: 100%;
position: fixed;
top: 0rpx;
left: 0rpx;
z-index: 99;
}
.workorder{
  width: 100%;
  padding: 0rpx 40rpx 0rpx 20rpx;
  position: fixed;
  top: 240rpx;
  left: 0rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  box-sizing: border-box;
  z-index: 10;
}
#mychart_line2{
  width: 100%;
  height: 100%;
box-sizing: border-box;

}
.eccanvas{
  width: 100%;
    height: 300px;
    margin-top: 20rpx;
    padding:0rpx 20rpx;
    border-radius: 10rpx;
  box-sizing: border-box;
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);

  }
  picker{
    width: 100%;
  }
  .owner_type1 {
    width: 100%;
    height: 120rpx;
    padding: 0rpx 20rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* border-bottom: #f0f5f5 1rpx solid; */
  background-color: #ffffff;
  box-sizing: border-box;
  }
  .calculation_top {
    width: 100%;
    height: 100%;
    font-size: 26rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .calculation_strategy {
    font-size: 26rpx;
    color: #222;
    padding: 20rpx 0rpx;
  }
  .calculation_capsule {
     width: 70%;
    font-size: 26rpx;
    color: #222;
    padding: 10rpx 20rpx;
  }
  .owner_easyinput1 {
    width: 100%;
    display: flex;
    flex-wrap: wrap; 
  }
  .button{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 80rpx;
  left: 0rpx;
  }
  .button_upload{
    width: 500rpx;
    height: 100rpx;
    background-color: #0F80DC;
    border-radius: 10rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
  }
  .calculation_left {
    display: flex;
    font-size: 28rpx;
  }
  .event{
    display: flex;
    justify-content: space-between;
    padding-left: 20rpx;
    align-items: center;
  }
  .uni-input{
    font-size: 28rpx;
    }
    .uni-inputcolor{
      color: #cccccc;
    }