| | |
| | | <view class="cu-list-wrap">
|
| | | <view v-for="item in list" :key="item.id" class="cu-list-card cu-list-card--clickable" @click="goDetail(item.id)">
|
| | | <view class="cu-list-card__head">
|
| | | <view class="cu-list-card__icon cu-list-card__icon--contract">📄</view>
|
| | | <view class="cu-list-card__icon cu-list-card__icon--contract"> |
| | | |
| | | <u-icon name="file-text-fill" color="#40a9ff" size="22" /> |
| | | |
| | | </view> |
| | | <view class="cu-list-card__main">
|
| | | <view class="cu-list-card__title-row">
|
| | | <text class="cu-list-card__title">{{ item.code }}</text>
|
| | |
| | | </view>
|
| | |
|
| | | <view v-if="item.billStatusTip" :class="['cu-bill-tip', billTipClass(item.billStatusType)]">
|
| | | <text class="cu-bill-tip__icon">{{ billTipIcon(item.billStatusType) }}</text>
|
| | | |
| | | <text class="cu-bill-tip__text">{{ item.billStatusTip }}</text>
|
| | | |
| | | </view>
|
| | |
|
| | | <view class="cu-list-card__foot">
|
| | |
| | | if (type === 'danger') return 'cu-bill-tip--danger'
|
| | | if (type === 'warn') return 'cu-bill-tip--warn'
|
| | | return 'cu-bill-tip--ok'
|
| | | },
|
| | | billTipIcon (type) {
|
| | | if (type === 'danger') return '⚠️'
|
| | | if (type === 'warn') return '⏰'
|
| | | return '✅'
|
| | | },
|
| | | goDetail (id) { uni.navigateTo({ url: `/pages/customer/contract/detail?id=${id}` }) }
|
| | | }
|