autoflow_wx/pages/scheduling/index.wxss

/* pages/scheduling/index.wxss */

page{
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
box-sizing: border-box;

}
.scheduling{
  padding:20rpx 20rpx;
box-sizing: border-box;

}
.content{
  width: 100%;
  margin-top: 20rpx;
  padding: 20rpx;
background-color: #ffffff;
border-radius: 10rpx;
display: flex;
flex-direction: column;
box-sizing: border-box;

}
.Scancode_content{
  width: 600rpx;
  display: flex;
  margin-top: 20rpx;
  box-sizing: border-box;
}
.Scancode_lefticon{
  width: 100rpx;
  margin-top: 20rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1rpx solid #cccccc;
  border-radius: 10rpx;
  box-sizing: border-box;


}
.popupbox{
  width: 100%;
  min-height: 600rpx;
}
.content_fonst{
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* justify-content:space-around; */
  font-size: 36rpx;
  margin-bottom: 20rpx;
  box-sizing: border-box;
}
.popupboxname{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 36rpx;
  padding: 20rpx 0rpx;
}
.box {
  padding: 32rpx;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background-color: var(--td-bg-color-container, #fff);
}
/* 日历容器 */
.scheduling {
  width: 100%;
  padding: 20rpx;
  background: #f8f9fa;
  min-height: 100vh;
}

/* 节日样式 */
.is-festival .t-calendar__cell--solar {
  color: #e74c3c !important;
  font-weight: bold !important;
}

.is-festival .t-calendar__cell--lunar {
  color: #e74c3c !important;
  font-weight: bold !important;
}

/* 节气样式 */
.is-term .t-calendar__cell--solar {
  color: #27ae60 !important;
}

.is-term .t-calendar__cell--lunar {
  color: #27ae60 !important;
  font-weight: bold !important;
}

/* 周末样式 */
.is-weekend .t-calendar__cell--solar {
  color: #7f8c8d !important;
}

/* 有节日的单元格 */
.has-festival .t-calendar__cell--suffix {
  position: absolute;
  top: 4rpx;
  right: 4rpx;
  font-size: 18rpx;
  color: #e74c3c;
  background: rgba(231, 76, 60, 0.1);
  padding: 2rpx 6rpx;
  border-radius: 8rpx;
  transform: scale(0.8);
}

/* 调整农历显示样式 */
.t-calendar__cell--lunar {
  font-size: 20rpx !important;
  color: #666 !important;
  margin-top: 2rpx !important;
}

/* 选中状态样式 */
.t-calendar__cell--selected .t-calendar__cell--solar,
.t-calendar__cell--selected .t-calendar__cell--lunar {
  color: #ffffff !important;
}

/* 今天日期样式 */
.t-calendar__cell--now .t-calendar__cell--solar {
  color: #007aff !important;
  font-weight: bold !important;
}

.t-calendar__cell--now .t-calendar__cell--lunar {
  color: #007aff !important;
}

/* 调整单元格高度 */
.t-calendar__cell {
  min-height: 110rpx !important;
  padding: 8rpx 4rpx !important;
}

/* 月份切换面板样式 */
.t-calendar__panel {
  background: #fff;
  border-radius: 16rpx;
  margin-bottom: 20rpx;
}
.workorder_box{
  width: 100%;

  padding-top:30rpx;
  display: flex;
/* align-items: center; */
justify-content: center;
box-sizing: border-box;
background-color: #ffffff;
}
.workorder{
  width: 480rpx;
  height: 80rpx;
  font-size: 32rpx;
  background-color: rgba(15, 128, 220, 0.2);
  color: #0F80DC;
  border:1rpx solid #0F80DC;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10rpx;
}
.Scancode_content11{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4rpx 10rpx;
  background-color: #0F80DC;
  border: 1rpx solid #0F80DC;
  border-radius: 100rpx;
margin-left: 20rpx;
  color: #fff;
  box-sizing: border-box;
}