master
fanfan 8 months ago
parent 16e6a0238e
commit 03320e0b99
  1. 2
      src/api/user/order.js
  2. 93
      src/views/user/order/Index.vue

@ -2,7 +2,7 @@ import { axios } from '@/utils/request'
// api接口列表
const api = {
order: '/user.order/order'
order: '/user.identity/identityOrderList'
}
// 列表记录

@ -11,11 +11,7 @@
<a-form-item label="充值方式">
<a-select v-decorator="['recharge_type', { initialValue: 0 }]">
<a-select-option :value="0">全部</a-select-option>
<a-select-option
v-for="(item, index) in RechargeTypeEnum.data"
:key="index"
:value="item.value"
>{{ item.name }}</a-select-option>
<a-select-option v-for="(item, index) in RechargeTypeEnum.data" :key="index" :value="item.value">{{ item.name }}</a-select-option>
</a-select>
</a-form-item>
<a-form-item label="支付状态">
@ -34,22 +30,10 @@
</a-form>
</a-row>
</div>
<s-table
ref="table"
rowKey="order_id"
:loading="isLoading"
:columns="columns"
:data="loadData"
:pagination="pagination"
>
<!-- 会员信息 -->
<span slot="user" slot-scope="text">
<UserItem :user="text" />
</span>
<!-- 套餐名称 -->
<span slot="order_plan" slot-scope="text">
<a-tag v-if="text">{{ text.plan_name }}</a-tag>
<span v-else>--</span>
<s-table ref="table" rowKey="order_id" :loading="isLoading" :columns="columns" :data="loadData" :pagination="pagination">
<!-- 时效 -->
<span slot="month" slot-scope="text">
<p class="twoline-hide">{{ text }}个月</p>
</span>
<!-- 充值方式 -->
<span slot="recharge_type" slot-scope="text">
@ -59,23 +43,31 @@
<span slot="pay_status" slot-scope="text">
<a-tag :color="text == 20 ? 'green' : ''">{{ text == 20 ? '已支付' : '待支付' }}</a-tag>
</span>
<span slot="pay_status" slot-scope="text">
<span>{{ text | formatDate }}</span>
</span>
</s-table>
</a-card>
</template>
</template>
<script>
import * as Api from '@/api/user/order'
import { STable, UserItem } from '@/components/Table'
import PayStatusEnum from '@/common/enum/recharge/order/PayStatus'
import RechargeTypeEnum from '@/common/enum/recharge/order/RechargeType'
import * as Api from '@/api/user/order'
import { STable, UserItem } from '@/components/Table'
import PayStatusEnum from '@/common/enum/recharge/order/PayStatus'
import RechargeTypeEnum from '@/common/enum/recharge/order/RechargeType'
export default {
export default {
name: 'Index',
components: {
STable,
UserItem
},
data () {
filters: {
formatDate (value) {
return value ? moment(value*1000).format('YYYY-MM-DD HH:mm:ss') : ''
}
},
data() {
return {
//
PayStatusEnum,
@ -87,37 +79,28 @@
//
isLoading: false,
//
// {
// title: '',
// dataIndex: 'month'
// },
columns: [
{
title: 'ID',
dataIndex: 'order_id'
},
{
title: '会员信息',
dataIndex: 'user',
scopedSlots: { customRender: 'user' }
},
{
title: '订单号',
dataIndex: 'order_no'
},
{
title: '充值方式',
dataIndex: 'recharge_type',
scopedSlots: { customRender: 'recharge_type' }
title: '会员时效',
dataIndex: 'month',
scopedSlots: { customRender: 'month' }
},
{
title: '套餐名称',
dataIndex: 'order_plan',
scopedSlots: { customRender: 'order_plan' }
},
{
title: '支付金额',
dataIndex: 'pay_price'
},
{
title: '赠送金额',
dataIndex: 'gift_money'
title: '支付方式',
dataIndex: 'pay_method',
scopedSlots: { customRender: 'pay_method' }
},
{
title: '支付状态',
@ -125,7 +108,7 @@
scopedSlots: { customRender: 'pay_status' }
},
{
title: '付时间',
title: '付时间',
dataIndex: 'pay_time'
},
{
@ -142,7 +125,7 @@
}
}
},
created () {
created() {
},
methods: {
@ -151,12 +134,12 @@
* 刷新列表
* @param Boolean bool 强制刷新到第一页
*/
handleRefresh (bool = false) {
handleRefresh(bool = false) {
this.$refs.table.refresh(bool)
},
//
handleSearch (e) {
handleSearch(e) {
e.preventDefault()
this.searchForm.validateFields((error, values) => {
if (!error) {
@ -167,12 +150,12 @@
}
}
}
}
</script>
<style lang="less" scoped>
.ant-card-body {
.ant-card-body {
padding: 22px 29px 25px;
}
</style>
}
</style>
Loading…
Cancel
Save