feat: 初始化
This commit is contained in:
George
28
pages/capital/tradeRecord/index.scss
Normal file
28
pages/capital/tradeRecord/index.scss
Normal file
@ -0,0 +1,28 @@
|
||||
.container {
|
||||
padding: 0 16px 24px;
|
||||
.title {
|
||||
margin: 14px 0 15px;
|
||||
}
|
||||
.filterWrapper {
|
||||
display: flex;
|
||||
column-gap: 6px;
|
||||
margin-bottom: 10px;
|
||||
.filterSelector {
|
||||
flex: 1;
|
||||
}
|
||||
.filterButton {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 91px;
|
||||
height: 34px;
|
||||
color: #fff;
|
||||
background-color: rgba(41, 187, 228, 1);
|
||||
.filterText {
|
||||
white-space: nowrap;
|
||||
margin: 0 8px 0 3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
163
pages/capital/tradeRecord/index.vue
Normal file
163
pages/capital/tradeRecord/index.vue
Normal file
@ -0,0 +1,163 @@
|
||||
<template>
|
||||
<view>
|
||||
<NavBar />
|
||||
<!-- <view v-show="loading" style="height: 90vh;width: 750upx;position: absolute;display: flex;align-items: center;justify-content: center;z-index: 99;">
|
||||
<Spin style="margin: auto;" />
|
||||
</view> -->
|
||||
<view class="container">
|
||||
<view class="title">
|
||||
<PageTitle :title="$t('home.tradeRecord')" />
|
||||
</view>
|
||||
<ReportTable :title="reportsMap[currentReport].title" :url="reportsMap[currentReport].url">
|
||||
<template #customSearch>
|
||||
<view class="filterWrapper">
|
||||
<uni-data-select
|
||||
:localdata="reportOptions"
|
||||
@change="handleReportSelectorChange"
|
||||
:clear="false"
|
||||
v-model="currentReport"
|
||||
:placeholder="$t('form.pleaseSelect')"
|
||||
:emptyTips="$t('common.empty')"
|
||||
class="filterSelector"
|
||||
></uni-data-select>
|
||||
</view>
|
||||
</template>
|
||||
<template #operationRender="{ row }">
|
||||
<view
|
||||
style="color: #4dc0e5"
|
||||
v-if="row.status === 0"
|
||||
@click="
|
||||
() => {
|
||||
handleCancel(row);
|
||||
}
|
||||
"
|
||||
>
|
||||
{{ $t('common.cancelText') }}
|
||||
</view>
|
||||
</template>
|
||||
<template v-slot="{ showSearchDialog }">
|
||||
<view class="filterWrapper">
|
||||
<view class="filterButton" @click="showSearchDialog">
|
||||
<image src="/static/filter.png" alt="" style="width: 12px; height: 13px" />
|
||||
<text class="filterText">{{ $t('common.filter') }}</text>
|
||||
<uni-icons type="right" size="20" color="#fff"></uni-icons>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
</ReportTable>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { useUserStore } from '@/stores/user';
|
||||
import ReportTable from '@/pages/components/reportTable/index.vue';
|
||||
import { cancelFundApply } from '@/services/home/home.ts';
|
||||
import { UserLanguage } from '../../../utils/const';
|
||||
export default {
|
||||
name: '',
|
||||
data() {
|
||||
return {
|
||||
currentReport: 'deposit',
|
||||
reportsMap: {
|
||||
// mt入金记录
|
||||
deposit: {
|
||||
title: this.$t('home.goldin'),
|
||||
url: '/app/capital/queryMyGoldInList',
|
||||
cancelUrl: '/app/capital/goldIn/cancel',
|
||||
ib: false
|
||||
},
|
||||
// mt出金记录
|
||||
withdrawal: {
|
||||
title: this.$t('home.goldout'),
|
||||
url: '/app/capital/queryMyGoldOutList',
|
||||
cancelUrl: '/app/capital/goldOut/cancel',
|
||||
ib: false
|
||||
},
|
||||
// mt转账记录
|
||||
transfer: {
|
||||
title: this.$t('home.transfer'),
|
||||
url: '/app/capital/queryMyTransferList',
|
||||
cancelUrl: '/app/capital/transfer/cancel',
|
||||
ib: false
|
||||
},
|
||||
// 佣金出金记录
|
||||
ibWithdrawal: {
|
||||
title: this.$t('ib.dailyFunds.crmGoldOut'),
|
||||
url: '/app/capital/queryMyFundOutList',
|
||||
cancelUrl: '/app/ibHome/fundOut/cancel',
|
||||
ib: true
|
||||
},
|
||||
// 佣金转账记录
|
||||
ibTransfer: {
|
||||
title: this.$t('ib.dailyFunds.crmTransfer'),
|
||||
url: '/app/capital/queryMyFundTransferList',
|
||||
cancelUrl: '/app/ibHome/fundTransfer/cancel',
|
||||
ib: true
|
||||
}
|
||||
},
|
||||
loading: false
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
handleReportSelectorChange(e) {
|
||||
this.currentReport = e;
|
||||
},
|
||||
async handleCancel(row) {
|
||||
uni.showModal({
|
||||
content: this.$t('modal.cancel'),
|
||||
confirmColor: '#4DC0E5',
|
||||
success: async (res) => {
|
||||
if (res.confirm) {
|
||||
this.loading = true
|
||||
const res = await cancelFundApply(this.reportsMap[this.currentReport].cancelUrl, { id: row.id, qcc_language: UserLanguage });
|
||||
this.loading = false
|
||||
if (res && res.code === 0) {
|
||||
this.$cusModal.showModal({
|
||||
type: 'message',
|
||||
status: 'success',
|
||||
contentText: this.$t('common.success.action')
|
||||
});
|
||||
} else {
|
||||
this.$cusModal.showModal({
|
||||
type: 'message',
|
||||
status: 'warning',
|
||||
contentText: res.msg ?? this.$t('common.error.sysError')
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
reportOptions() {
|
||||
const userStore = useUserStore();
|
||||
if (userStore.userInfo.user_type !== 1) {
|
||||
return Object.keys(this.reportsMap)
|
||||
.filter((key) => !this.reportsMap[key].ib)
|
||||
.map((key) => ({
|
||||
text: this.reportsMap[key].title,
|
||||
value: key
|
||||
}));
|
||||
}
|
||||
return Object.keys(this.reportsMap).map((key) => ({
|
||||
text: this.reportsMap[key].title,
|
||||
value: key
|
||||
}));
|
||||
}
|
||||
},
|
||||
onLoad(params) {
|
||||
if (params.type) {
|
||||
this.currentReport = Object.keys(this.reportsMap).includes(params.type) ? params.type : 'deposit';
|
||||
}
|
||||
},
|
||||
components: {
|
||||
ReportTable
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import './index.scss';
|
||||
</style>
|
||||
Reference in New Issue
Block a user