|
|
@@ -30,10 +30,12 @@
|
|
|
</view>
|
|
|
|
|
|
<view class="input-wrap_box">
|
|
|
- <view class="select-dn_bx">
|
|
|
+ <!-- 近30天:对齐 home/order.vue 的日历 chip 样式 -->
|
|
|
+ <view class="filter-chip date-chip">
|
|
|
+ <image class="filter-icon" :src="iconSrc('order-calendar')" mode="aspectFit" />
|
|
|
<DateSelect
|
|
|
ref="dateSelectRef"
|
|
|
- class="bar"
|
|
|
+ class="date-select"
|
|
|
top="0"
|
|
|
defaultShowName="近30天"
|
|
|
@selectDateFn="selectDateFn"
|
|
|
@@ -200,6 +202,7 @@ import DateSelect from '@/components/module/dateSelect'
|
|
|
import { list } from '@/mixins'
|
|
|
import { refundList } from '@/api/refund'
|
|
|
import { getList } from '@/api/member'
|
|
|
+import { iconSrc } from '@/utils/iconSrc'
|
|
|
|
|
|
export default {
|
|
|
name: 'freeRefundList',
|
|
|
@@ -269,6 +272,7 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ iconSrc,
|
|
|
formatMoney(v) {
|
|
|
return v != null ? parseFloat(v) : 0
|
|
|
},
|
|
|
@@ -567,14 +571,48 @@ export default {
|
|
|
padding: 0 10upx;
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
-.select-dn_bx {
|
|
|
- padding-left: 10upx;
|
|
|
- padding-right: 10upx;
|
|
|
+/* 对齐 home/order.vue:日历图标 + 白底描边 chip */
|
|
|
+.filter-chip {
|
|
|
+ height: 72upx;
|
|
|
+ border-radius: 16upx;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ flex-shrink: 0;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 0 18upx;
|
|
|
+ border: 1upx solid #e3e8e6;
|
|
|
+ background: #fff;
|
|
|
+ color: #24282d;
|
|
|
+ font-size: 28upx;
|
|
|
+ margin-right: 8upx;
|
|
|
+}
|
|
|
+.date-chip {
|
|
|
+ min-width: 134upx;
|
|
|
+}
|
|
|
+.filter-icon {
|
|
|
+ width: 40upx;
|
|
|
+ height: 40upx;
|
|
|
+ display: block;
|
|
|
flex-shrink: 0;
|
|
|
+ margin-right: 4upx;
|
|
|
+}
|
|
|
+.date-select {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+.date-select ::v-deep .select-title {
|
|
|
+ color: #24282d;
|
|
|
+ font-size: 28upx;
|
|
|
+}
|
|
|
+.date-select ::v-deep .select_corlor {
|
|
|
+ color: #09c567;
|
|
|
}
|
|
|
.search-container {
|
|
|
position: relative;
|
|
|
flex: 1;
|
|
|
+ min-width: 0;
|
|
|
}
|
|
|
.search-clear-overlay {
|
|
|
position: absolute;
|