.container { padding: 11px 14px 10px 18px; .search { display: flex; justify-content: space-between; gap: 16rpx; .searchInput { height: 34px; background: rgba(247, 248, 250, 1); border: none; flex-grow: 1; padding: 0 18rpx; font-size: 14px; font-weight: 400; } .btn { padding-right: 36rpx; padding-left: 38rpx; height: 34px; min-width: 168rpx; .filterText { font-size: 14px; font-weight: 400; white-space: nowrap; } } } .search2 { padding-top: 8px; //display: flex; justify-content: left; //gap: 16rpx; .btn { width: 242rpx; height: 34px; background: rgba(247, 248, 250, 1); margin: 0; .filterText { font-size: 14px; font-weight: 400; color: rgba(41, 187, 228, 1); } } } .item { position: relative; background: rgba(255, 255, 255, 1); box-shadow: -1px 0px 5px 1px rgba(0, 0, 0, 0.15); margin: 16px 4px 0px 4px; .top { display: flex; justify-content: space-between; .itemTitle { width: 122px; height: 30px; display: flex; align-items: center; position: relative; .title-bg { width: 122px; height: 30px; position: absolute; } .title-text { color: rgba(39, 65, 125, 1); font-size: 18px; font-weight: 500; margin-left: 10px; } } } .box { .row { display: flex; align-items: center; gap: 22px; margin: 0px 20px 16px 20px; .column { width: 30%; text-align: right; font-size: 14px; font-weight: 400; color: rgba(102, 102, 102, 1); line-height: 22px; word-break:break-all; } .value { width: 70%; font-size: 16px; font-weight: 400; color: rgba(51, 51, 51, 1); line-height: 24px; word-break:break-all; } .textarea { flex: 1; font-size: 16px; font-weight: 400; color: rgba(51, 51, 51, 1); line-height: 24px; padding: 10px 17px; word-break:break-all; background: rgba(247, 248, 250, 1); } } .bottomItem { display: flex; justify-content: center; align-items: center; gap: 13px; font-size: 14px; font-weight: 400; color: rgba(156, 156, 156, 1); } } } .filterRow { padding: 0 32rpx; margin-bottom: 16px; .filterTitle { font-size: 14px; font-weight: 400; height: 21px; margin-bottom: 8px; color: rgba(102, 102, 102, 1); } .filterInput { padding: 0 13px; height: 34px; background: rgba(247, 248, 250, 1); } } .allotRow { padding: 0 32rpx; margin-bottom: 16px; .allotItem { display: flex; justify-content: space-between; gap: 8px; .searchInput { height: 34px; background: rgba(247, 248, 250, 1); border: none; flex-grow: 1; padding: 0 18rpx; font-size: 14px; font-weight: 400; } .btn { padding-right: 36rpx; padding-left: 38rpx; height: 34px; min-width: 168rpx; .filterText { font-size: 14px; font-weight: 400; white-space: nowrap; } } } .userBox { margin-top: 24px; max-height: 150px; overflow: auto; } .operateBox { margin-top: 32px; display: flex; gap: 24rpx; } } .popup3View { padding: 44px 16rpx 10px 16rpx; .filterRow { padding: 0px; display: flex; .filterLabel{ width: 20%; text-align: right; font-size: 14px; font-weight: 400; color: #666666; } .filterValue{ flex: 1; padding-left: 20px; font-size: 16px; font-weight: 400; color: #333333; } } .row { margin-bottom: 16px; .filterLabel { font-size: 14px; font-weight: 400; color: #666666; margin-bottom: 8px; } } .operateBox { margin-top: 32px; display: flex; gap: 24rpx; } } .inTheEnd { width: 100%; text-align: center; margin-top: 16px; font-size: 12px; color: #666666; } } ::v-deep .uni-data-checklist .checklist-group .checklist-box.is--list.is-list-border{ border-top: none; }