|
|
@@ -1,35 +1,39 @@
|
|
|
<!-- 积分信息-积分明细 -->
|
|
|
<template>
|
|
|
- <app-pull-refresh ref="pullRefreshRef" v-model:loading="loading" v-model:error="error"
|
|
|
- v-model:pageIndex="pageIndex" :page-count="pageCount" @refresh="onRefresh">
|
|
|
- <div class="bankstatement-list" v-for="(item, index) in dataList" :key="index">
|
|
|
- <dl>
|
|
|
- <dt>
|
|
|
- <span>
|
|
|
- {{ $t('score.detailid') }}
|
|
|
- {{ handleNoneValue(item.detailid) }}
|
|
|
- </span>
|
|
|
- <span>
|
|
|
- <b>{{ getValidTypeName(item.validtype) }}</b>
|
|
|
- </span>
|
|
|
- </dt>
|
|
|
- <dd>
|
|
|
- <span>{{ $t('score.scoretypename') }}</span>
|
|
|
- <span>{{ handleNoneValue(item.scoretypename) }}</span>
|
|
|
- </dd>
|
|
|
- <dd>
|
|
|
- <span>{{ $t('score.remainscore') }}</span>
|
|
|
- <span>{{ formatDecimal(item.remainscore) }}</span>
|
|
|
- </dd>
|
|
|
- <dd>
|
|
|
- <span>{{ $t('score.expiredate') }}</span>
|
|
|
- <span>{{ handleNoneValue(item.expiredate) }}</span>
|
|
|
- </dd>
|
|
|
- <dd>
|
|
|
- <span>{{ $t('score.createdtime') }}</span>
|
|
|
- <span>{{ formatDate(item.createdtime) }}</span>
|
|
|
- </dd>
|
|
|
- </dl>
|
|
|
+ <app-pull-refresh ref="pullRefreshRef" v-model:loading="loading" v-model:error="error" v-model:pageIndex="pageIndex"
|
|
|
+ :page-count="pageCount" @refresh="onRefresh">
|
|
|
+ <div class="g-order-list">
|
|
|
+ <div class="g-order-list__box" v-for="(item, index) in dataList" :key="index">
|
|
|
+ <div class="g-order-list__titlebar">
|
|
|
+ <div class="left">
|
|
|
+ <h4>{{ $t('score.detailid') }}:{{ item.detailid }}</h4>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="g-order-list__content">
|
|
|
+ <ul>
|
|
|
+ <li style="width: 100%;">
|
|
|
+ <span>{{ $t('score.scoretypename') }}</span>
|
|
|
+ <span>{{ handleNoneValue(item.scoretypename) }}</span>
|
|
|
+ </li>
|
|
|
+ <li style="width: 100%;">
|
|
|
+ <span>有效期</span>
|
|
|
+ <span>{{ getValidTypeName(item.validtype) }}</span>
|
|
|
+ </li>
|
|
|
+ <li style="width: 100%;">
|
|
|
+ <span>{{ $t('score.remainscore') }}</span>
|
|
|
+ <span>{{ formatDecimal(item.remainscore) }}</span>
|
|
|
+ </li>
|
|
|
+ <li style="width: 100%;">
|
|
|
+ <span>{{ $t('score.expiredate') }}</span>
|
|
|
+ <span>{{ handleNoneValue(item.expiredate) }}</span>
|
|
|
+ </li>
|
|
|
+ <li style="width: 100%;">
|
|
|
+ <span>{{ $t('score.createdtime') }}</span>
|
|
|
+ <span>{{ formatDate(item.createdtime) }}</span>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</app-pull-refresh>
|
|
|
</template>
|
|
|
@@ -45,7 +49,6 @@ import { getValidTypeName } from '@/constants/market'
|
|
|
const showModal = shallowRef(true)
|
|
|
const error = shallowRef(false)
|
|
|
const pullRefreshRef = shallowRef()
|
|
|
-const refresh = shallowRef(false) // 是否刷新父组件数据
|
|
|
|
|
|
const { loading, pageIndex, pageCount, run, dataList } = useRequest(queryUserScoreDetail)
|
|
|
|
|
|
@@ -54,8 +57,7 @@ const onRefresh = () => {
|
|
|
}
|
|
|
|
|
|
// 关闭弹窗
|
|
|
-const closed = (isRefresh = false) => {
|
|
|
- refresh.value = isRefresh
|
|
|
+const closed = () => {
|
|
|
showModal.value = false
|
|
|
}
|
|
|
|
|
|
@@ -63,8 +65,4 @@ const closed = (isRefresh = false) => {
|
|
|
defineExpose({
|
|
|
closed,
|
|
|
})
|
|
|
-</script>
|
|
|
-
|
|
|
-<style lang="less">
|
|
|
-@import './index.less';
|
|
|
-</style>
|
|
|
+</script>
|