diff --git a/src/assets/mon-expend.svg b/src/assets/mon-expend.svg new file mode 100644 index 0000000..9ef3584 --- /dev/null +++ b/src/assets/mon-expend.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/mon-income.svg b/src/assets/mon-income.svg new file mode 100644 index 0000000..e2d205d --- /dev/null +++ b/src/assets/mon-income.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/mon-loss.svg b/src/assets/mon-loss.svg new file mode 100644 index 0000000..4c3ebb7 --- /dev/null +++ b/src/assets/mon-loss.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/mon-order-volume.svg b/src/assets/mon-order-volume.svg new file mode 100644 index 0000000..cbeb72e --- /dev/null +++ b/src/assets/mon-order-volume.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/mon-profit.svg b/src/assets/mon-profit.svg new file mode 100644 index 0000000..fa646f7 --- /dev/null +++ b/src/assets/mon-profit.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/views/agent/expenseStatistics.vue b/src/views/agent/expenseStatistics.vue index d3a7d3b..57e43fb 100644 --- a/src/views/agent/expenseStatistics.vue +++ b/src/views/agent/expenseStatistics.vue @@ -17,13 +17,15 @@
-
+
-
- +
+ + 月利润
亏损 + 盈利
{{monthTotal.profit}}元 @@ -43,8 +45,8 @@
-
- +
+ 月收入
@@ -67,8 +69,8 @@
-
- +
+ 月支出
@@ -91,8 +93,8 @@
-
- +
+ 月单量
@@ -419,12 +421,12 @@ export default { margin-top: 8px; } .monthTotal-wrap{ - display: grid; - grid-gap: 12px; - grid-template-columns: repeat(auto-fit, 287px); + display: flex; + gap: 12px; + flex-wrap: wrap; } - .loss-tip{ + .loss-tip,.gain-tip{ width: 50px; height: 24px; display: flex; @@ -442,6 +444,11 @@ export default { letter-spacing: 0.08em; color: #FF4D4F; } + .gain-tip{ + color: #0DAF49; + background: rgba(239, 255, 224, 0.5); + border: 1px solid rgba(0, 194, 97, 0.6); + } .loss-tip-empty{ width: 50px; height: 24px; @@ -456,6 +463,8 @@ export default { border-radius: 4px; background: #F2F7FF; min-height: 153px; + flex-grow: 1; + min-width: 0; .price{ text-align: left; font-size: 12px; @@ -464,6 +473,9 @@ export default { letter-spacing: 0.08em; color: #1E2226; margin: 14px 0; + display: flex; + gap: 2px; + align-items: end; b{ font-size: 22px; line-height: 20px; @@ -486,5 +498,15 @@ export default { color: #00C261; } } + .top-left{ + gap: 6px; + color:#006AFF; + font-size: 14px; + letter-spacing: 0.08em; + img{ + width: 20px; + height: 20.78px; + } + } } \ No newline at end of file