wangmingchuan
/
yanzong_vue_store
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

细节

Browse Source
master
fanfan 4 months ago
parent 771c4c294e
commit 219bb96fdd
1 changed files with 87 additions and 65 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 152
      src/views/setting/gmall/order.vue

152
src/views/setting/gmall/order.vue
Unescape View File

@ -1,66 +1,78 @@
<template> <template>
<a-card :bordered="false"> <a-card :bordered="false">
<div class="card-title">{{ $route.meta.title }}</div> <div class="card-title">{{ $route.meta.title }}</div>
<div class="table-operator"> <div class="table-operator">
<!-- 搜索板块 --> <!-- 搜索板块 -->
<a-row class="row-item-search"> <a-row class="row-item-search">
<a-form class="search-form" :form="searchForm" layout="inline" @submit="handleSearch"> <a-form class="search-form" :form="searchForm" layout="inline" @submit="handleSearch">
<a-form-item label="订单号"> <a-form-item label="订单号">
<a-input v-decorator="['search']" placeholder="请输入订单号" /> <a-input v-decorator="['search']" placeholder="请输入订单号" />
</a-form-item> </a-form-item>
<a-form-item label="支付状态"> <a-form-item label="支付状态">
<a-select v-decorator="['pay_status', { initialValue: 0 }]"> <a-select v-decorator="['pay_status', { initialValue: 0 }]">
<a-select-option :value="0">全部</a-select-option> <a-select-option :value="0">全部</a-select-option>
<a-select-option :value="10">待支付</a-select-option> <a-select-option :value="10">待支付</a-select-option>
<a-select-option :value="20">已支付</a-select-option> <a-select-option :value="20">已支付</a-select-option>
</a-select> </a-select>
</a-form-item> </a-form-item>
<a-form-item label="订单类型"> <a-form-item label="订单类型">
<a-select v-decorator="['order_type', { initialValue: 0 }]"> <a-select v-decorator="['order_type', { initialValue: 0 }]">
<a-select-option :value="0">全部</a-select-option> <a-select-option :value="0">全部</a-select-option>
<a-select-option :value="10">会员</a-select-option> <a-select-option :value="10">零售商城</a-select-option>
<a-select-option :value="20">分销商 </a-select-option> <a-select-option :value="20">批发商城 </a-select-option>
</a-select> </a-select>
</a-form-item> </a-form-item>
<a-form-item label="支付方式"> <a-form-item label="支付方式">
<a-select v-decorator="['pay_method', { initialValue: 0 }]"> <a-select v-decorator="['pay_method', { initialValue: 0 }]">
<a-select-option :value="0">全部</a-select-option> <a-select-option :value="0">全部</a-select-option>
<a-select-option :value="'wechat'">微信支付</a-select-option> <a-select-option :value="'wechat'">微信支付</a-select-option>
<a-select-option :value="'balance'">余额支付 </a-select-option> <a-select-option :value="'balance'">余额支付 </a-select-option>
</a-select> </a-select>
</a-form-item> </a-form-item>
<a-form-item label="付款时间"> <a-form-item label="付款时间">
<a-range-picker format="YYYY-MM-DD" style="width:220px" v-decorator="['pay_time']" /> <a-range-picker format="YYYY-MM-DD" style="width: 220px" v-decorator="['pay_time']" />
</a-form-item> </a-form-item>
<a-form-item class="search-btn"> <a-form-item class="search-btn">
<a-button type="primary" icon="search" html-type="submit">搜索</a-button> <a-button type="primary" icon="search" html-type="submit">搜索</a-button>
</a-form-item> </a-form-item>
</a-form> </a-form>
</a-row> </a-row>
</div> </div>
<s-table ref="table" rowKey="order_id" :loading="isLoading" :columns="columns" :data="loadData" :pagination="pagination"> <s-table
<!-- 充值方式 --> ref="table"
<span slot="order_type" slot-scope="text"> rowKey="order_id"
<a-tag v-if="text==10">会员</a-tag> :loading="isLoading"
<a-tag v-if="text==20">分销商</a-tag> :columns="columns"
</span> :data="loadData"
<!-- 时效 --> :pagination="pagination"
<span slot="month" slot-scope="text"> >
<p class="twoline-hide">{{ text }}个月</p> <!-- 会员信息 -->
</span> <span slot="user" slot-scope="text">
<!-- 支付方式 --> <UserItem :user="text" />
<span slot="pay_method" slot-scope="text"> </span>
<a-tag v-if="text">{{ text=='wechat'?'微信支付':'余额支付' }}</a-tag> <!-- 充值方式 -->
</span> <span slot="order_type" slot-scope="text">
<!-- 状态 --> <a-tag v-if="text == 10">零售商城</a-tag>
<span slot="pay_status" slot-scope="text"> <a-tag v-if="text == 20">批发商城</a-tag>
<a-tag :color="text == 20 ? 'green' : ''">{{ text == 20 ? '已支付' : '待支付' }}</a-tag> </span>
</span> <!-- 时效 -->
<span slot="pay_time" slot-scope="text"> <span slot="month" slot-scope="text">
<span>{{ text | formatDate }}</span> <p class="twoline-hide">{{ text }}个月</p>
</span> </span>
</s-table> <span slot="year" slot-scope="text"> {{ text }}年 </span>
</a-card> <!-- 支付方式 -->
<span slot="pay_method" slot-scope="text">
<a-tag v-if="text">{{ text == 'wechat' ? '微信支付' : '余额支付' }}</a-tag>
</span>
<!-- 状态 -->
<span slot="pay_status" slot-scope="text">
<a-tag :color="text == 20 ? 'green' : ''">{{ text == 20 ? '已支付' : '待支付' }}</a-tag>
</span>
<span slot="pay_time" slot-scope="text">
<span>{{ text | formatDate }}</span>
</span>
</s-table>
</a-card>
</template> </template>
<script> <script>
@ -99,16 +111,26 @@ export default {
title: 'ID', title: 'ID',
dataIndex: 'order_id', dataIndex: 'order_id',
}, },
{
title: '会员信息',
dataIndex: 'user',
scopedSlots: { customRender: 'user' },
},
{ {
title: '订单号', title: '订单号',
dataIndex: 'order_no', dataIndex: 'order_no',
}, },
{ {
title: '订单类型', title: '订单类型',
dataIndex: 'order_type', dataIndex: 'order_type',
scopedSlots: { customRender: 'order_type' } scopedSlots: { customRender: 'order_type' },
}, },
{ {
title: '时效',
dataIndex: 'year',
scopedSlots: { customRender: 'year' },
},
{
title: '订单金额', title: '订单金额',
dataIndex: 'order_price', dataIndex: 'order_price',
}, },

Write Preview
Loading…
Cancel
Save