feat(miniprogram): migrate reimburse apply list/form/detail from bx-mobile.
Reuse /reimburses APIs with bx envelope; support multi-line details and draft actions. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
wuzilongandCursor committed
1 parent
2ff754d572
commit
006e94ad33
8 files changed
+1861
-9
No files matched your search
@@ -255,7 +255,8 @@
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
.bx-page .advance-list-card__title {
|
||||
.bx-page .advance-list-card__title,
|
||||
.bx-page .reimburse-list-card__title {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
@@ -340,7 +341,8 @@
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
.bx-page .advance-card-subs {
|
||||
.bx-page .advance-card-subs,
|
||||
.bx-page .reimburse-card-subs {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 6px;
|
||||
@@ -349,7 +351,8 @@
|
||||
border-top: 1px solid var(--border);
|
||||
}
|
||||
|
||||
.bx-page .advance-card-sub-row {
|
||||
.bx-page .advance-card-sub-row,
|
||||
.bx-page .reimburse-card-sub-row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
@@ -357,13 +360,15 @@
|
||||
line-height: 1.35;
|
||||
}
|
||||
|
||||
.bx-page .advance-card-sub-row .k {
|
||||
.bx-page .advance-card-sub-row .k,
|
||||
.bx-page .reimburse-card-sub-row .k {
|
||||
color: var(--text-sec);
|
||||
flex-shrink: 0;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.bx-page .advance-card-sub-row .v {
|
||||
.bx-page .advance-card-sub-row .v,
|
||||
.bx-page .reimburse-card-sub-row .v {
|
||||
font-weight: 600;
|
||||
color: var(--text);
|
||||
font-variant-numeric: tabular-nums;
|
||||
@@ -995,3 +1000,235 @@
|
||||
line-height: 1.45;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
/* Reimburse apply: detail lines + pickers */
|
||||
.bx-page .detail-line-no {
|
||||
font-weight: 500;
|
||||
color: var(--text-muted);
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.bx-page .detail-line .detail-divider {
|
||||
height: 1px;
|
||||
background: var(--border);
|
||||
margin: 12px 0;
|
||||
}
|
||||
|
||||
.bx-page .detail-line-actions {
|
||||
text-align: right;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.bx-page .detail-actions {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-top: 12px;
|
||||
padding-top: 12px;
|
||||
border-top: 1px dashed var(--border);
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.bx-page .total-amount {
|
||||
font-size: 14px;
|
||||
color: var(--text-sec);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.bx-page .total-amount b {
|
||||
color: var(--primary-dark);
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.bx-page .picker-trigger {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
min-height: 42px;
|
||||
padding: 8px 12px;
|
||||
border: 1.5px solid var(--border);
|
||||
border-radius: var(--rs);
|
||||
background: var(--surface);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.bx-page .picker-trigger:active {
|
||||
background: var(--bg);
|
||||
}
|
||||
|
||||
.bx-page .picker-trigger .value {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: var(--text);
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.bx-page .picker-trigger .ph {
|
||||
color: var(--text-muted);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.bx-page .picker-trigger .arrow {
|
||||
color: var(--text-muted);
|
||||
flex-shrink: 0;
|
||||
margin-left: 8px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.bx-page .form-tip {
|
||||
font-size: 12px;
|
||||
color: var(--text-muted);
|
||||
margin: 8px 0 0;
|
||||
line-height: 1.45;
|
||||
}
|
||||
|
||||
.bx-page .invoice-balance-tip {
|
||||
font-size: 13px;
|
||||
color: var(--text-sec);
|
||||
margin: 0 0 10px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.bx-page .invoice-balance-tip--warn {
|
||||
color: #dc2626;
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
.bx-page .invoice-picked-row {
|
||||
margin-top: 12px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.bx-page .invoice-picked-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 8px;
|
||||
padding: 10px 12px;
|
||||
border: 1px solid var(--border);
|
||||
border-radius: var(--rs);
|
||||
background: var(--bg);
|
||||
}
|
||||
|
||||
.bx-page .invoice-picked-item__meta {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.bx-page .invoice-picked-item__name {
|
||||
display: block;
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.bx-page .invoice-picked-item__amt {
|
||||
font-size: 12px;
|
||||
color: var(--text-sec);
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.bx-page .invoice-picked-item__remove {
|
||||
flex-shrink: 0;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
text-align: center;
|
||||
border-radius: 50%;
|
||||
background: rgba(15, 23, 42, 0.45);
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.bx-page .bx-sheet-mask {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
z-index: 1000;
|
||||
background: rgba(15, 23, 42, 0.45);
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
}
|
||||
|
||||
.bx-page .bx-sheet {
|
||||
width: 100%;
|
||||
max-height: 70vh;
|
||||
background: var(--surface);
|
||||
border-radius: 16px 16px 0 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.bx-page .bx-sheet__title {
|
||||
padding: 14px 16px;
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
border-bottom: 1px solid var(--border);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.bx-page .bx-sheet__body {
|
||||
flex: 1;
|
||||
overflow-y: auto;
|
||||
padding: 8px 0;
|
||||
max-height: 50vh;
|
||||
}
|
||||
|
||||
.bx-page .bx-sheet__item {
|
||||
padding: 12px 16px;
|
||||
font-size: 14px;
|
||||
border-bottom: 1px solid var(--border);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.bx-page .bx-sheet__item.is-selected {
|
||||
background: var(--primary-bg);
|
||||
color: var(--primary-dark);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.bx-page .bx-sheet__item-sub {
|
||||
font-size: 12px;
|
||||
color: var(--text-muted);
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.bx-page .bx-sheet__footer {
|
||||
padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
|
||||
border-top: 1px solid var(--border);
|
||||
}
|
||||
|
||||
.bx-page .bx-sheet__empty {
|
||||
padding: 28px 16px;
|
||||
text-align: center;
|
||||
color: var(--text-muted);
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.bx-page .reimburse-detail-group + .reimburse-detail-group {
|
||||
margin-top: 12px;
|
||||
padding-top: 12px;
|
||||
border-top: 1px dashed var(--border);
|
||||
}
|
||||
|
||||
.bx-page .reimburse-detail-head {
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
color: var(--text-muted);
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.bx-page .reimburse-detail-total-row {
|
||||
margin-top: 12px;
|
||||
padding-top: 12px;
|
||||
border-top: 1px solid var(--border);
|
||||
}
|
||||
Reference in new issue
Block a user