page { background: #F3F3F3; color: #333; /* padding:0 24rpx; */ } view,text{ box-sizing: border-box; color:#333; font-size: 34rpx; } .whole-page{ /* min-height: 2000rpx; */ } /* 服务单 */ .service-order{ margin:10rpx 24rpx 16rpx; width:702rpx; background: #fff; border-radius: 18rpx; min-height: 300rpx; padding:0 20rpx 32rpx; } .service-title{ height:96rpx; display: flex; justify-content: space-between; align-items: center; line-height: 96rpx; } .ser-title-left image{ width:36rpx; height:36rpx; margin-right:6rpx; } .ser-title-left view{ font-size: 32rpx; } .ser-title-right view{ font-size: 22rpx; color: #09AFFF; } .ser-title-right image{ width:24rpx; height:24rpx; margin-right:6rpx; } .ser-title-left,.ser-title-right{ display: flex; align-items: center; height: 96rpx; } .related-info{ background: #F6FFED; border-radius: 18rpx; padding:24rpx 12rpx 32rpx; } .related-info .column{ height: 60rpx; line-height: 60rpx; display: flex; justify-content: space-between; } .column .title{ font-weight: bold; } .related-info .row{ line-height: 60rpx; } .notice{ padding:10rpx 12rpx; background: #E6F7FF; border-radius: 14rpx; display: flex; line-height: 36rpx; align-items: center; } .notice image{ width:30rpx; height:30rpx; margin-right:20rpx; } .notice view{ color: #09AFFF; font-size: 26rpx; } .service-info{ padding-left:12rpx; } .service-info .row{ line-height: 60rpx; } .service-info .order-num{ height: 60rpx; display: flex; align-items: center; } .copy-img{ width:36rpx; height:36rpx; margin-left:4rpx; } .service-info .column{ height: 60rpx; line-height: 60rpx; display: flex; justify-content: space-between; align-items: center; } .callup-img{ width:36rpx; height: 36rpx; } .service-info .address{ display: flex; margin:6rpx 0; line-height: 48rpx; } .service-info .address .detail{ flex:1; } .service-info .address image{ margin:12rpx 0 0 30rpx; width:36rpx; height: 36rpx; } .operate-block{ display: flex; align-items: center; margin-top:22rpx; height: 40rpx; line-height: 40rpx; justify-content: flex-end; flex-wrap: wrap; } .operate-item{ display: flex; height: 40rpx; align-items: center; margin-left:20rpx; margin-bottom:10rpx; } .operate-item image{ width:28rpx; height:28rpx; margin-right:4rpx; } .operate-item view{ font-size: 30rpx; color: #0EAEFC; } .operate-item.disable view{ color: rgba(0,0,0,0.25); } /* 日维度 */ .date-board-wrapper{ width: 702rpx; height: 250rpx; background: #FFFFFF; border-radius: 18rpx; padding:16rpx 26rpx; margin:0 24rpx; } .date-board{ width: 650rpx; height: 218rpx; background: #E6F7FF; border-radius: 15rpx; display:flex; align-items: center; margin-bottom:38rpx; } view.date-order-left{ height:218rpx; width:172rpx; border-right:2rpx solid #e4e4e4; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size:30rpx; } .date-order-left view{ font-size: 30rpx; } view.date-order-left .number{ font-size: 36rpx; height: 50rpx; line-height: 50rpx; margin-bottom:10rpx; } .date-order-right{ display:flex; flex-wrap: wrap; height: 218rpx; flex:1; } .data-item{ height: 100rpx; display: flex; flex-direction: column; align-items: center; justify-content: space-around; width:158rpx; } .data-item .num{ font-size: 36rpx; height: 50rpx; color:#E2B650; } .data-item .item-tag{ font-size: 24rpx; height: 36rpx; line-height: 36rpx; border-radius:4rpx; color:#fff; width:120rpx; text-align: center; background:#E2B650; } .data-item.red .num{ color: #E85050; } .data-item.red .item-tag{ width:74rpx; background: #FF5050; } .data-item.green .num{ color: #39CB7F; } .data-item.green .num text{ font-size: 24rpx; color: #39CB7F; } .data-item.green .item-tag{ width:74rpx; background: #39CB7F; } .data-item.blue .num{ color: #09AFFF; } .data-item.blue .num text{ font-size: 24rpx; color: #09AFFF; } .data-item.blue .item-tag{ width:74rpx; background: #09AFFF; } .current-date{ height: 70rpx; display:flex; align-items: center; padding-left:48rpx; background:#F3F3F3; } .current-date .day{ color: #09AFFF; line-height: 48rpx; height: 48rpx; font-size: 30rpx; border-bottom: 4rpx solid #09afff; } .current-date .today{ width: 64rpx; height: 40rpx; background: #FFFFFF; border-radius: 4rpx; border: 2rpx solid #1677FF; font-size: 24rpx; color:#1677FF; margin:8rpx 0 0 8rpx; text-align: center; } /* 请假记录 */ .leave-fold{ width: 702rpx; height: 66rpx; background: #FFFFFF; border-radius: 16rpx; display: flex; align-items: center; justify-content: space-between; margin:12rpx 24rpx; padding:0 20rpx 0 40rpx; } .fold-left{ font-size: 32rpx; } .fold-right{ display: flex; align-items: center; height: 66rpx; } .fold-right .leave-num{ color: #666; } .fold-right image{ width:24rpx; height: 24rpx; margin-left:6rpx; } .leave-item{ width: 702rpx; background: #FFFFFF; border-radius: 18rpx; padding:28rpx 26rpx 40rpx; margin:0 24rpx; } .leave-title{ height: 48rpx; display:flex; align-items: center; margin-bottom:16rpx; } .leave-title image{ width:34rpx; height: 34rpx; margin-right:10rpx; } .leave-title view{ font-size: 32rpx; line-height: 48rpx; } .leave-line{ margin-bottom:6rpx; line-height: 48rpx; display:flex ; } .leave-line view:first-child{ width:150rpx; } .leave-line view:last-child{ flex:1; } .dqjsq{ width:110rpx; height: 110rpx; background:#fff; border-radius: 110rpx; position:fixed; z-index: 99; right:64rpx; bottom:254rpx; } .calendar-wrapper{ margin:12rpx 24rpx 0; width:702rpx; border-radius:18rpx; background:#fff; min-height: 200rpx; padding:30rpx 24rpx 18rpx; } .current-month{ margin:12rpx 0 22rpx; height: 48rpx; font-size: 28rpx; line-height: 48rpx; } .month-title{ height: 48rpx; display: flex; align-items: center; justify-content: space-between; } .month-title-left{ height: 48rpx; display: flex; align-items: center; } .month-title-left view{ font-size: 32rpx; } .month-title-left image{ margin-left:12rpx; width:32rpx; height: 32rpx; } .month-title-right{ display: flex; align-items: center; height: 48rpx; } .month-title-right image{ width:28rpx; height: 28rpx; margin-left:4rpx; } .last-month{ line-height: 48rpx; } .next-month{ line-height: 48rpx; margin-left:14rpx; } .month-border-wrapper view.date-order-left{ justify-content: space-between; } .month-order-item{ height: 100rpx; display:flex; flex-direction: column; align-items: center; } view.date-order-left .month-order-item .number{ margin-bottom:0; } .whole-calendar{ display: flex; flex-wrap: wrap; } .calendar-item{ display: flex; flex-direction: column; width:92rpx; align-items: flex-end; padding:14rpx 0 6rpx; } .calendar-week{ font-size: 32rpx; color:#999; height: 36rpx; line-height: 36rpx; width: 68rpx; text-align: center; } .calendar-day{ height: 30rpx; line-height: 30rpx; font-size: 32rpx; color:#666; margin:6rpx 0; width: 68rpx; text-align: center; } .selected-calendar{ background: rgba(9,175,255,0.05); border-radius: 12rpx; } .selected-calendar .calendar-week{ color:#09afff; } .selected-calendar .calendar-day{ color:#09afff; } .selected-dot{ margin:0 30rpx 6rpx 0; width:6rpx; height: 6rpx; border-radius: 6rpx; background:transparent; } .selected-calendar .selected-dot{ background:#09afff; } .calendar-order-item .time{ /* width: 48rpx; height: 18rpx; line-height: 18rpx; font-size: 12rpx; */ width: 68rpx; height: 32rpx; line-height: 32rpx; font-size: 24rpx; border-radius: 4rpx; background: #39CB7F; color:#fff; text-align:center; margin-bottom:8rpx; } .calendar-order-item .time.pl{ background: #09AFFF; } .calendar-order-item .time.no-finish{ background: #fff; color:#39CB7F; border:2rpx solid #39CB7F; } .calendar-order-item .time.pl.no-finish{ background: #fff; color:#09AFFF; border:2rpx solid #09AFFF; } .eval-wrapper{ width:14rpx; height: 32rpx; align-items: center; display: flex; margin-right:2rpx; } .calendar-order-item{ display: flex; width:92rpx; justify-content: flex-end; } .eval-wrapper image{ width:14rpx; height: 14rpx; } .fold-calcendar{ display: flex; align-items: center; flex-direction: column; width:140rpx; margin:0 auto; } .fold-calcendar image{ width:36rpx; height: 36rpx; } .fold-calcendar view{ color: #09AFFF; font-size: 24rpx; margin-left:6rpx; line-height: 14rpx; } .service-status{ height:60rpx; align-items: center; display: flex; } .service-status image{ width:24rpx; height:24rpx; margin-right:8rpx; } .invite-comment{ background: #E6F7FF; border-radius: 7rpx; border: 2px solid #91D5FF; color: #096DD9; font-size: 22rpx; width: 92rpx; height: 32rpx; text-align:center; margin:0 10rpx; line-height: 24rpx; } .hp-wrapper{ display:flex; align-items: center; margin-right:10rpx; width: 96rpx; height: 32rpx; background: #F6FFED; border-radius: 7rpx; border: 2rpx solid #A0D911; justify-content: center; } .hp-wrapper text{ color: #73D13D; line-height: 24rpx; font-size: 22rpx; } .cp-wrapper{ display:flex; align-items: center; width: 96rpx; height: 32rpx; background: #FFF2E8; border-radius: 7rpx; border: 2rpx solid #FA541C; justify-content: center; } .cp-wrapper text{ color: #FA541C; line-height: 24rpx; font-size: 22rpx; } .service-order.cancel-order view{ color:#aaa; } .service-order.cancel-order view.blue-font{ color:#09AFFF; } .interview{ width: 702rpx; /* height: 476rpx; */ background: #FFFFFF; border-radius: 18rpx; padding:46rpx 24rpx 32rpx 24rpx; margin:20rpx 24rpx; } .interview-title{ height:48rpx; display: flex; align-items: center; } .interview-title image{ width:34rpx; height:34rpx; margin-right:14rpx; } .interview-date{ height:48rpx; line-height: 48rpx; margin:70rpx 0 46rpx; } .interview-location{ line-height: 48rpx; margin-bottom:48rpx; padding-right:24rpx; } .interview-operate{ display:flex; align-items: center; justify-content: flex-end; height: 40rpx; color: #0EAEFC; } .overlay-wrapper{ display: flex; align-items: center; justify-content: center; height: 100%; /* z-index:999; */ padding:0 50rpx; flex-direction: column; } .star-wrapper{ width: 650rpx; height: 624rpx; background: #FFFFFF; border-radius: 33rpx; border: 1px solid #979797; padding:44rpx 40rpx 0; display:flex; flex-direction: column; align-items: center; } .star-wrapper .title{ font-size: 34rpx; height: 48rpx; margin-bottom:40rpx; } .submit-eval{ width: 650rpx; height: 110rpx; background: #3D7FFF linear-gradient(270deg, rgba(0,202,255,0.5) 0%, rgba(9,175,255,0.5) 100%); border-radius: 110rpx; line-height: 110rpx; font-size: 44rpx; text-align: center; color:#fff; margin-top:40rpx; } .comment-area{ margin-top: 40rpx; height: 280rpx; border: 2rpx solid #ddd; padding: 16rpx; width: 560rpx; box-sizing: border-box; text-align: justify; border-radius: 8rpx; } view.van-radio__icon-wrap .van-icon{ color:#fff; font-size: 32rpx; } .pay-row{ display: flex; justify-content: space-between; } .pay-total{ color:#FF004E; flex:1; margin-right:14rpx; text-align: right; } .pay-success{ color:#00B63D; } .whole-page{ padding:20rpx; } .search-block{ width: 710rpx; height: 88rpx; background: #FFFFFF; border-radius: 18rpx; display: flex; align-items: center; padding:0 28rpx; margin-bottom:20rpx; } .search-block image{ width:30rpx; height:30rpx; margin:4rpx 10rpx 0 0; } .search-block .search-text{ font-size: 30rpx; color: #999999; } .weather-block{ display: flex; width: 710rpx; height: 176rpx; background: #FFFFFF; border-radius: 18rpx; align-items: center; justify-content: space-between; padding:0 34rpx 0 28rpx; margin-bottom:20rpx; } .today-text{ font-weight: 600; font-size: 40rpx; color: #333333; line-height: 48rpx; letter-spacing: 4rpx; margin:0 0 6rpx 0; } .weather-line{ display: flex; align-items: center; height:48rpx; } .weather-line view{ font-size: 24rpx; color: #333333; margin-left:14rpx; } .weather-line image{ width:30rpx; height:30rpx; } .work-mode{ width:158rpx; height:60rpx; border-radius: 60rpx; line-height: 54rpx; border: 2rpx solid #6DD400; font-size: 36rpx; color: #000000; text-align: center; background: rgb(239,250,226); } .work-mode.whole-mode{ border-color:#D48806; background: rgb(255,251,231); } .work-mode.leave-mode{ border-color:#000; background: #f5f5f5; } .work-mode.other-mode{ border-color:#389E0D; background: #D9F7BE; } .weather-right{ display: flex; flex-direction: column; align-items: flex-end; } .weather-right .mode-tips{ font-size: 24rpx; color: #333333; height: 48rpx; line-height: 48rpx; } /* 服务单信息 */ .service-order-new{ width: 710rpx; /* height: 518rpx; */ background: #FFFFFF; border-radius: 18rpx; padding:32rpx 34rpx 30rpx; margin:0 0 20rpx; } .service-order-new.finished-order .title-left view { color:#999; } .service-order-new.finished-order .service-content view:first-child { color:#999; } .service-order-new.finished-order .address-dot{ background: #999; } .service-order-new.finished-order .address-detail{ color: #999; } .service-order-new.finished-order .service-tips view{ color: #999; } .service-title{ height:48rpx; display: flex; justify-content: space-between; align-items: center; margin-bottom:30rpx; } .title-left{ display: flex; align-items: center; flex:1; } .service-title image{ width:40rpx; height:44rpx; } .order-status{ font-weight: 600; font-size: 40rpx; color: #333333; line-height: 48rpx; white-space: nowrap; } .title-left view{ font-size: 40rpx; color: #333333; margin-left:20rpx; white-space: nowrap; } .service-content{ display: flex; justify-content: space-between; margin:30rpx 0 20rpx; } .service-content view{ color: #333; font-size: 30rpx; line-height: 48rpx; } .service-content view.detail{ font-weight: 600; font-size: 40rpx; flex:1; margin-left:20rpx; text-align: right; } .service-address{ display:flex; } .address-dot{ width:22rpx; height:22rpx; background: #6DD400; border-radius: 22rpx; margin:14rpx 10rpx 0 0; } .service-address .address-detail{ font-size: 30rpx; color: #333333; line-height: 48rpx; text-align: justify; } .service-tips{ display: flex; justify-content: space-between; margin:10rpx 0 30rpx; } .tips-title{ font-size: 30rpx; color: #333333; line-height: 48rpx; margin-right:20rpx; white-space: nowrap; } .tips-detail{ font-size: 30rpx; color: #333333; line-height: 48rpx; } .service-provision{ height:48rpx; display: flex; justify-content: flex-end; align-items: flex-end; } .service-provision view{ font-size: 24rpx; color: #999999; padding-bottom:8rpx; } .service-provision view.provision-amount{ color:#FA6400; font-size: 40rpx; font-weight: bold; padding-bottom:0; margin-left:16rpx; } .service-tag-line{ display: flex; flex-wrap: wrap; margin-top:30rpx; } .tag-important{ height: 48rpx; line-height: 46rpx; background: #16A9FF; border-radius: 48rpx; font-size: 30rpx; color: #FFFFFF; margin:0 10rpx 10rpx 0; padding:0 20rpx; } .tag-common{ height: 48rpx; line-height: 44rpx; border-radius: 48rpx; font-size: 30rpx; color: #999; margin:0 10rpx 10rpx 0; border: 1rpx solid #999999; padding:0 20rpx; } .cal-overlay-board{ width: 710rpx; height: 1000rpx; background: #FFFFFF; border-radius: 18rpx; padding:30rpx; } .board-title{ height:50rpx; display: flex; justify-content: space-between; margin-bottom:10rpx; } .board-title view{ font-weight: 600; font-size: 36rpx; color: #666666; } .month-btn{ width: 650rpx; height: 130rpx; line-height: 130rpx; background: linear-gradient( 57deg, #16A9FF 0%, #4DD3FF 100%); border-radius: 8rpx; text-align: center; font-weight: 600; font-size: 40rpx; color: #FFFFFF; } .history-title{ font-weight: 600; font-size: 36rpx; color: #666666; height:50rpx; line-height: 50rpx; margin:20rpx 0; } .month-list{ display: flex; flex-wrap: wrap; justify-content: space-between; } .month-item{ width: 180rpx; height: 222rpx; background: linear-gradient( 57deg, #16A9FF 0%, #4DD3FF 100%); border-radius: 14rpx; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom:20rpx; } .month-title{ font-weight: 600; font-size: 38rpx; color: #FFFFFF; line-height: 56rpx; height:56rpx; margin-bottom:24rpx; } .month-num{ font-weight: 600; font-size: 40rpx; color: #FFFFFF; line-height: 56rpx; height:56rpx; } .overlay-wrapper.cal-overlay-wrapper{ justify-content: flex-start; padding-top: 128rpx; } .history-tips{ font-size: 24rpx; color: #999999; line-height: 34rpx; text-align: center; margin-top:18rpx; height: 34rpx; } .overlay-wrapper.sche-overlay-wrapper{ justify-content: flex-start; padding-top: 128rpx; } .sche-overlay-board{ width: 710rpx; height: 900rpx; background: #FFFFFF; border-radius: 18rpx; padding:36rpx 30rpx; margin-top:10rpx; } .schedue-list{ padding:26rpx 24rpx 14rpx 20rpx; background: rgb( 156, 220,91); border-radius: 8rpx; width:650rpx; } .schedue-item{ height:50rpx; display: flex; align-items: center; margin-bottom:14rpx; justify-content: space-between; } .schedue-item .dot{ width: 14rpx; height: 14rpx; background: #FFFFFF; border-radius: 14rpx; } .schedue-item view{ font-weight: 600; font-size: 34rpx; color: #FFFFFF; white-space: nowrap; } .schedue-item view.schedue-date{ margin:0 24rpx 0 20rpx; letter-spacing: 1rpx; } .schedue-apply-title{ font-weight: 500; font-size: 36rpx; color: #333333; height:50rpx; line-height: 50rpx; margin:40rpx 0 20rpx; } .schedue-apply-btn{ width: 650rpx; height: 130rpx; background: linear-gradient( 57deg, #16A9FF 0%, #4DD3FF 100%); border-radius: 8rpx; align-items: center; display: flex; padding:20rpx 0; flex-direction: column; } .schedue-apply-btn view{ font-weight: 600; font-size: 40rpx; color: #FFFFFF; line-height: 56rpx; line-height: 56rpx; } .schedue-apply-btn view.tips{ font-size: 24rpx; line-height: 34rpx; line-height: 34rpx; } .search-result{ width: 710rpx; height: 88rpx; background: #31BEFF; border-radius: 18rpx; display: flex; align-items: center; padding:0 28rpx; margin-bottom:20rpx; justify-content: space-between; } .result-left,.result-right{ display: flex; align-items: center; height: 88rpx; } .result-left view{ letter-spacing: 4rpx; } .search-result image{ width:32rpx; height:32rpx; margin:0rpx 10rpx 0 0; } .result-right image{ margin:0rpx 4rpx 0 0; } .search-result view{ font-weight: 600; font-size: 30rpx; color: #FFFFFF; line-height: 88rpx; } .average-order{ width: 710rpx; background: #FFFFFF; border-radius: 14rpx; margin-bottom:30rpx; padding:24rpx 24rpx 28rpx; } .average-order view{ font-weight: 600; font-size: 40rpx; color: #000000; height: 56rpx; line-height: 56rpx; } .average-order view.order-suggest{ font-size: 24rpx; height: 34rpx; line-height: 34rpx; margin-top:8rpx; padding-left:6rpx; } .calendar-board{ background: #FFFFFF; border-radius: 14rpx; width:710rpx; padding:0 0rpx 16rpx 14rpx; margin-bottom:30rpx; } .cal-week-line{ height:106rpx; display: flex; align-items: center; } .cal-week-line .week-item{ font-size: 36rpx; color: rgba(0,0,0,0.45); width:89rpx; margin-right:10rpx; text-align: center; } .cal-day-line{ display: flex; flex-wrap: wrap; } .cal-day-line .day-item-wrapper{ width:89rpx; margin-right:10rpx; height:176rpx; display: flex; flex-direction: column; align-items: center; } .cal-day-line .day-item{ height:122rpx; display: flex; justify-content: flex-end; align-items: center; flex-direction: column; background: rgba(50,197,255,0.37); border-radius: 8rpx; border: 1rpx solid #32C5FF; width:89rpx; } .day-sche{ font-size: 18rpx; color: #2B92E1; line-height: 24rpx; height: 24rpx; width:89rpx; text-align: center; } .day-item .day{ font-size: 36rpx; color: #4AB1FF; line-height: 48rpx; height:48rpx; width:89rpx; text-align: center; } .day-item .order-num{ background: rgba(50,197,255,0.37); border-radius: 8rpx; border: 1rpx solid #32C5FF; height:44rpx; line-height: 40rpx; font-size: 30rpx; /* color: rgba(0,0,0,0.85); */ color: #065B9C; width:89rpx; text-align: center; } .today-badge{ width: 32rpx; height: 32rpx; background: #83DCFF; font-size: 24rpx; color: rgba(255,255,255,0.85); text-align: center; line-height: 32rpx; border-radius: 32rpx; margin-top:6rpx; } .day-item-wrapper.past-day .day-item{ background: #fff; border: none; } .past-day .day-item .day{ color: #ddd; font-size: 32rpx; } .day-item-wrapper.leave-day .day-item{ background: #B4B4B4; border-color: #B4B4B4; } .leave-day .day-item view{ color:#fff; } .leave-day .day-item .order-num{ border-color:#B4B4B4; background: #B4B4B4; } .current-day .day-item{ background: #32C5FF; } .current-day .day-item view{ color: #fff; background: #32C5FF; } .current-day.leave-day .day-item view{ background: #B4B4B4; } .current-day.leave-day.whole-day .day-item view{ background: #B4B4B4!important; } .day-item-wrapper.whole-day .day-item view{ color: #E46C1C; } .day-item-wrapper.whole-day .day-item view.day-sche{ color: #CE824E; } .day-item-wrapper.whole-day .day-item{ background: rgba(250,100,0,0.28); border: 1rpx solid #FA6400; } .day-item-wrapper.whole-day .day-item .order-num{ border: 1rpx solid #FA6400; background: transparent; color: #CA5100; } .day-item-wrapper.whole-day.current-day .day-item { background: #FA6400; } .day-item-wrapper.whole-day.current-day .day-item view{ color: #fff; background: #FA6400; } .day-item-wrapper.whole-day.current-day .day-item view.order-num{ color: #fff; background: #FA6400; } .day-item-wrapper.whole-day .today-badge{ background: #FA6400; } .leave-record-board{ width: 710rpx; background: #FFFFFF; border-radius: 14rpx; padding:30rpx 26rpx 28rpx 32rpx; margin-bottom:30rpx; } .leave-record-title{ display: flex; height:56rpx; justify-content: space-between; } .leave-record-title view{ font-weight: 600; font-size: 40rpx; color: #333333; } .leave-record-title view.leave-status{ color: #6DD400; } .leave-info{ font-size: 30rpx; color: #666666; line-height: 42rpx; height:42rpx; margin-top:8rpx; text-align: right; } .leave-record-title view.leave-status.leave-refuse{ color: #E02020; } .leave-history{ margin-top:30rpx; height: 50rpx; line-height: 50rpx; font-size: 36rpx; color: #979797; line-height: 50rpx; text-align: center; text-decoration-line: underline; }