From 00ec54814e8e64946e25e2b6c9aad877c273966f Mon Sep 17 00:00:00 2001
From: fanfan <franceesfan@163.com>
Date: Mon, 5 Aug 2024 20:30:21 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=86=E8=8A=82=20=E9=93=B6=E8=81=94?=
 =?UTF-8?q?=E6=94=AF=E4=BB=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/setting/gmall/order.vue |  11 ++-
 src/views/user/order/Index.vue    | 156 ++++++++++++++++--------------
 2 files changed, 96 insertions(+), 71 deletions(-)

diff --git a/src/views/setting/gmall/order.vue b/src/views/setting/gmall/order.vue
index de8a9d1..46c2e54 100644
--- a/src/views/setting/gmall/order.vue
+++ b/src/views/setting/gmall/order.vue
@@ -27,6 +27,7 @@
               <a-select-option :value="0">全部</a-select-option>
               <a-select-option :value="'wechat'">微信支付</a-select-option>
               <a-select-option :value="'balance'">余额支付 </a-select-option>
+              <a-select-option :value="'huifu'">银联支付 </a-select-option>
             </a-select>
           </a-form-item>
           <a-form-item label="付款时间">
@@ -62,7 +63,7 @@
       <span slot="year" slot-scope="text"> {{ text }}年 </span>
       <!-- 支付方式  -->
       <span slot="pay_method" slot-scope="text">
-        <a-tag v-if="text">{{ text == 'wechat' ? '微信支付' : '余额支付' }}</a-tag>
+       <a-tag  v-if="text">{{ PaymentMethodEnum[text].name }}</a-tag>
       </span>
       <!-- 状态 -->
       <span slot="pay_status" slot-scope="text">
@@ -76,6 +77,8 @@
 </template>
   
   <script>
+import { PaymentMethodEnum } from '@/common/enum/payment'
+import { inArray, assignment } from '@/utils/util'
 import * as Api from '@/api/setting/gmall'
 import { STable, UserItem } from '@/components/Table'
 import PayStatusEnum from '@/common/enum/recharge/order/PayStatus'
@@ -168,6 +171,12 @@ export default {
     }
   },
   created() {},
+  beforeCreate() {
+    // 批量给当前实例赋值
+    assignment(this, {
+      PaymentMethodEnum,
+    })
+  },
   methods: {
     /**
      * 刷新列表
diff --git a/src/views/user/order/Index.vue b/src/views/user/order/Index.vue
index 62cb278..2708b38 100644
--- a/src/views/user/order/Index.vue
+++ b/src/views/user/order/Index.vue
@@ -1,70 +1,78 @@
 <template>
-	<a-card :bordered="false">
-		<div class="card-title">{{ $route.meta.title }}</div>
-		<div class="table-operator">
-			<!-- 搜索板块 -->
-			<a-row class="row-item-search">
-				<a-form class="search-form" :form="searchForm" layout="inline" @submit="handleSearch">
-					<a-form-item label="会员订单号">
-						<a-input v-decorator="['search']" placeholder="请输入会员订单号" />
-					</a-form-item>
-					<a-form-item label="支付状态">
-						<a-select v-decorator="['pay_status', { initialValue: 0 }]">
-							<a-select-option :value="0">全部</a-select-option>
-							<a-select-option :value="10">待支付</a-select-option>
-							<a-select-option :value="20">已支付</a-select-option>
-						</a-select>
-					</a-form-item>
-					<a-form-item label="订单类型">
-						<a-select v-decorator="['order_type', { initialValue: 0 }]">
-							<a-select-option :value="0">全部</a-select-option>
-							<a-select-option :value="10">会员</a-select-option>
-							<a-select-option :value="20">分销商 </a-select-option>
-						</a-select>
-					</a-form-item>
-					<a-form-item label="支付方式">
-						<a-select v-decorator="['pay_method', { initialValue: 0 }]">
-							<a-select-option :value="0">全部</a-select-option>
-							<a-select-option :value="'wechat'">微信支付</a-select-option>
-							<a-select-option :value="'balance'">余额支付 </a-select-option>
-						</a-select>
-					</a-form-item>
-					<a-form-item label="付款时间">
-						<a-range-picker format="YYYY-MM-DD" style="width:220px" v-decorator="['pay_time']" />
-					</a-form-item>
-					<a-form-item class="search-btn">
-						<a-button type="primary" icon="search" html-type="submit">搜索</a-button>
-					</a-form-item>
-				</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_type" slot-scope="text">
-				<a-tag  v-if="text==10">会员</a-tag>
-				<a-tag  v-if="text==20">分销商</a-tag>
-			</span>
-			<!-- 时效 -->
-			<span slot="month" slot-scope="text">
-				<p class="twoline-hide">{{ text }}个月</p>
-			</span>
-			<!-- 支付方式  -->
-			<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>
+  <a-card :bordered="false">
+    <div class="card-title">{{ $route.meta.title }}</div>
+    <div class="table-operator">
+      <!-- 搜索板块 -->
+      <a-row class="row-item-search">
+        <a-form class="search-form" :form="searchForm" layout="inline" @submit="handleSearch">
+          <a-form-item label="会员订单号">
+            <a-input v-decorator="['search']" placeholder="请输入会员订单号" />
+          </a-form-item>
+          <a-form-item label="支付状态">
+            <a-select v-decorator="['pay_status', { initialValue: 0 }]">
+              <a-select-option :value="0">全部</a-select-option>
+              <a-select-option :value="10">待支付</a-select-option>
+              <a-select-option :value="20">已支付</a-select-option>
+            </a-select>
+          </a-form-item>
+          <a-form-item label="订单类型">
+            <a-select v-decorator="['order_type', { initialValue: 0 }]">
+              <a-select-option :value="0">全部</a-select-option>
+              <a-select-option :value="10">会员</a-select-option>
+              <a-select-option :value="20">分销商 </a-select-option>
+            </a-select>
+          </a-form-item>
+          <a-form-item label="支付方式">
+            <a-select v-decorator="['pay_method', { initialValue: 0 }]">
+              <a-select-option :value="0">全部</a-select-option>
+              <a-select-option :value="'wechat'">微信支付</a-select-option>
+              <a-select-option :value="'balance'">余额支付 </a-select-option>
+              <a-select-option :value="'huifu'">银联支付 </a-select-option>
+            </a-select>
+          </a-form-item>
+          <a-form-item label="付款时间">
+            <a-range-picker format="YYYY-MM-DD" style="width: 220px" v-decorator="['pay_time']" />
+          </a-form-item>
+          <a-form-item class="search-btn">
+            <a-button type="primary" icon="search" html-type="submit">搜索</a-button>
+          </a-form-item>
+        </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_type" slot-scope="text">
+        <a-tag v-if="text == 10">会员</a-tag>
+        <a-tag v-if="text == 20">分销商</a-tag>
+      </span>
+      <!-- 时效 -->
+      <span slot="month" slot-scope="text">
+        <p class="twoline-hide">{{ text }}个月</p>
+      </span>
+      <!-- 支付方式  -->
+      <span slot="pay_method" slot-scope="text">
+        <a-tag v-if="text">{{ PaymentMethodEnum[text].name }}</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>
   
   <script>
@@ -72,6 +80,8 @@ import * as Api from '@/api/user/order'
 import { STable, UserItem } from '@/components/Table'
 import PayStatusEnum from '@/common/enum/recharge/order/PayStatus'
 import moment from 'moment'
+import { PaymentMethodEnum } from '@/common/enum/payment'
+import { inArray, assignment } from '@/utils/util'
 export default {
   name: 'Index',
   components: {
@@ -103,19 +113,19 @@ export default {
           title: 'ID',
           dataIndex: 'order_id',
         },
-		{
+        {
           title: '会员信息',
           dataIndex: 'user',
-          scopedSlots: { customRender: 'user' }
+          scopedSlots: { customRender: 'user' },
         },
         {
           title: '订单号',
           dataIndex: 'order_no',
         },
-		{
+        {
           title: '订单类型',
           dataIndex: 'order_type',
-		   scopedSlots: { customRender: 'order_type' }
+          scopedSlots: { customRender: 'order_type' },
         },
         {
           title: '会员时效',
@@ -156,6 +166,12 @@ export default {
     }
   },
   created() {},
+  beforeCreate() {
+    // 批量给当前实例赋值
+    assignment(this, {
+      PaymentMethodEnum,
+    })
+  },
   methods: {
     /**
      * 刷新列表