diff --git a/src/pages/sparePartsServiceWorkOrderList/addForm.vue b/src/pages/sparePartsServiceWorkOrderList/addForm.vue index e139392..e8875fa 100644 --- a/src/pages/sparePartsServiceWorkOrderList/addForm.vue +++ b/src/pages/sparePartsServiceWorkOrderList/addForm.vue @@ -1,570 +1,548 @@ \ No newline at end of file +.add-form-container { + min-height: calc(100vh - 140rpx); + background: white; + padding: 0px 0rpx 140rpx; +} + +.u-form-item { + padding: 20rpx 30rpx; +} + +.disabled { + background: #f5f5f5; +} + +.footer { + position: fixed; + bottom: 0px; + left: 0px; + width: 100%; + z-index: 22; +} + +.btns { + display: flex; + + button { + flex: 1; + } + + .sure { + background: #409eff; + color: white; + border-radius: 0px; + + &::after { + border: 1px solid #409eff; + border-radius: 0px; + } + } + + .reset { + background: #f5f5f5; + border-radius: 0px; + + &::after { + border-radius: 0px; + } + } +} + +.right-button { + background: #409eff; + color: white; + padding: 0rpx 30rpx; + border-radius: 16rpx; + text-align: center; + font-size: 28rpx; +} + +.select { + display: flex; + align-items: center; + height: 72rpx; + width: 100%; + + .input { + flex: 1; + font-size: 28rpx; + color: #000000; + } + + .placeholder { + flex: 1; + font-size: 28rpx; + color: rgb(192, 196, 204); + } +} + +.title { + padding: 32rpx 0rpx; + position: relative; + + span { + position: absolute; + left: -16rpx; + color: #fa3534; + top: 19px; + } +} + +.list { + padding: 0rpx 30rpx; + + .item { + display: flex; + margin-bottom: 20rpx; + + .item-box { + background: #f5f5f5; + border-radius: 12rpx; + flex: 1; + width: 0rpx; + } + + .spare-title { + padding: 20rpx 30rpx; + border-bottom: 1px solid #e4e4e4; + + .title-txt { + color: #409eff; + font-size: 30rpx; + font-weight: bold; + } + } + + .dec { + color: #9c9c9c; + padding: 20rpx 30rpx 20rpx; + } + } +} + +.add-btn { + display: flex; + justify-content: flex-start; + align-items: center; +} + +.popup-title { + text-align: center; + font-size: 32rpx; + font-weight: bold; + color: #409eff; + padding: 30rpx 30rpx 0px; +} + +.popup { + width: 600rpx; + padding: 30rpx 0rpx 30rpx; +} + +.popup-footer { + display: flex; + border-top: 1px solid #e4e4e4; + + view { + line-height: 100rpx; + flex: 1; + text-align: center; + + &.sure { + color: #409eff; + } + } +} + +::v-deep .u-checkbox-group { + display: grid !important; +} +