TM
2020-12-16 1a083593cc3224ea8509690a1cfc12d8726193ab
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<popup disableScroll="{{false}}" show="{{showRight}}" position="right" onClose="changeData" zIndex="{{100}}">
  <view style="min-height: 100vh;width:640rpx;box-sizing:border-box;padding:16px 0; background: #fff;position: relative">
    <scroll-view scroll-y="{{true}}" scroll-with-animation="{{true}}" scroll-top="{{0}}" style="height: 85vh;">
      <collapse className="demo-collapse" activeKey="{{['item-1']}}">
        <collapse-item a:if="{{hasTime}}" header="办单时间" titleClass="title-class" itemKey="item-1">
          <view class="item-content">
            <view class="time-filter">
              <text class="iconfont iconcalendar" style="font-size:14px"></text>
              <view class="begin-time" onTap="getBeginTime">
                <text>{{queryObj.startDay}}</text>
              </view>
            ~
              <view class="end-time" onTap="getEndTime">
                <text>{{queryObj.endDay}}</text>
              </view>
            </view>
          </view>
        </collapse-item>
        <collapse-item a:if="{{termArr}}" header="分期期数" titleClass="title-class" itemKey="item-2">
          <view class="item-box">
            <view a:for="{{termArr}}" class="filter-item" data-code="{{item.code}}" data-type="{{'insTerm'}}" style="{{queryObj.insTerm==item.code?{background:userStyle.backColor,color:userStyle.defaultColor,border:`0.5px solid ${userStyle.defaultColor}`}:''}}" a:key="{{item.code}}" onTap="setCode">{{item.name}}</view>
          </view>
        </collapse-item>
        <collapse-item a:if="{{payTypeArr}}" header="付息方式" titleClass="title-class" itemKey="item-3">
          <view class="item-box">
            <view a:for="{{payTypeArr}}" class="filter-item" data-code="{{item.code}}" data-type="{{'prodId'}}" style="{{queryObj.prodId==item.code?{background:userStyle.backColor,color:userStyle.defaultColor,border:`0.5px solid ${userStyle.defaultColor}`}:''}}" a:key="{{item.code}}" onTap="setCode">{{item.name}}</view>
          </view>
        </collapse-item>
        <collapse-item a:if="{{orderStaArr}}" header="订单状态" titleClass="title-class" itemKey="item-4">
          <view class="item-box">
            <view a:for="{{orderStaArr}}" class="filter-item" data-code="{{item.code}}" data-type="{{'status'}}" style="{{queryObj.status==item.code?{background:userStyle.backColor,color:userStyle.defaultColor,border:`0.5px solid ${userStyle.defaultColor}`}:''}}" a:key="{{item.code}}" onTap="setCode">{{item.name}}</view>
          </view>
        </collapse-item>
        <collapse-item a:if="{{priceArr}}" header="分期本金" titleClass="title-class" itemKey="item-5">
          <view class="item-box">
            <view a:for="{{priceArr}}" class="filter-item" data-code="{{item.code}}" data-type="{{'price'}}" style="{{priceCode==item.code?{background:userStyle.backColor,color:userStyle.defaultColor,border:`0.5px solid ${userStyle.defaultColor}`}:''}}" a:key="{{item.code}}" onTap="setCode">{{item.name}}</view>
          </view>
        </collapse-item>
        <collapse-item a:if="{{doPriceArr}}" header="交易金额" titleClass="title-class" itemKey="item-6">
          <view class="item-box">
            <view a:for="{{doPriceArr}}" class="filter-item" data-code="{{item.code}}" data-type="{{'doPrice'}}" style="{{priceCode==item.code?{background:userStyle.backColor,color:userStyle.defaultColor,border:`0.5px solid ${userStyle.defaultColor}`}:''}}" a:key="{{item.code}}" onTap="setCode">{{item.name}}</view>
          </view>
        </collapse-item>
      </collapse>
    </scroll-view>
    <view class="btn-box">
      <button class="btn-1" onTap="reset">
      重置
      </button>
      <button class="btn-2" style="{{background:userStyle.gradientColor}}" onTap="confirm">
      确定
      </button>
    </view>
  </view>
</popup>