对接订单列表页面

src/api/order/index.js

@@ -0,0 +1,17 @@
+import api from '@/utils/request';
+
+export const getPage = params =>
+	api.post(`/yxl-back-end/admin/order/page`, params);
+// export const getList = params =>
+// 	api.post(`/yxl-back-end/admin/activity/list`, params);
+// export const getItem = ({ id, ...params }) =>
+// 	api.get(`/yxl-back-end/admin/activity/${id}`, params);
+// export const saveItem = ({ id, ...params }) => {
+// 	if (id) {
+// 		return api.put(`/yxl-back-end/admin/activity/${id}`, params);
+// 	} else {
+// 		return api.post(`/yxl-back-end/admin/activity/save`, params);
+// 	}
+// };
+// export const delItem = ({ id, ...params }) =>
+// 	api.del(`/yxl-back-end/admin/activity/${id}`, params);

src/views/financialManagement/orderManagement/index.vue

@@ -15,6 +15,7 @@
 <script>
 import toolbar from './toolbar';
 import mxFilterList from '@/mixins/filterList';
+import { getPage } from '@/api/order';
 
 export default {
   name: 'OrderManagement',
@@ -23,7 +24,7 @@ export default {
 
   mixins: [
     mxFilterList({
-      // fetchList: iGetList // 在下方data再声明一个 fetchList: iGetList 同等效果
+      fetchList: getPage // 在下方data再声明一个 fetchList: iGetList 同等效果
     })
   ],
 
@@ -31,24 +32,66 @@ export default {
     return {
       columns: [
         {
-          key: 'photo',
-          name: '用户名称',
-          width: '160'
+          key: 'id',
+          name: '订单编号',
+          minWidth: this.$col.b
         },
+        // {
+        //   key: 'payPerson',
+        //   name: '购买用户',
+        //   width: this.$col.s
+        // },
         {
-          key: 'region',
-          name: '手机号',
-          width: '180'
+          key: 'paidPrice',
+          name: '实付金额',
+          width: this.$col.m,
+          render: (h, { row }) => h('span', `￥${row.paidPrice}`)
         },
         {
-          key: 'region',
-          name: '反馈内容',
-          minWidth: '120'
+          key: 'payablePrice',
+          name: '应付金额',
+          width: this.$col.m,
+          render: (h, { row }) => h('span', `￥${row.payablePrice}`)
         },
         {
-          key: 'region',
-          name: '反馈时间',
-          width: '140'
+          key: 'payChannels',
+          name: '支付渠道',
+          width: this.$col.m
+        },
+        {
+          key: 'payEndTime',
+          name: '支付时间',
+          width: this.$col.b
+        },
+        {
+          key: 'state',
+          name: '订单状态',
+          width: this.$col.s,
+          type: 'tag',
+          fetchTagType: val => {
+            switch (val) {
+              case 1:
+                return 'success';
+              case 0:
+                return 'info';
+              case -1:
+                return 'warning';
+              default:
+                return 'info';
+            }
+          },
+          tagName: row => {
+            switch (row.auditStatus) {
+              case 1:
+                return '已支付';
+              case 0:
+                return '未支付';
+              case -1:
+                return '取消支付';
+              default:
+                return '-';
+            }
+          }
         }
       ]
     };

src/views/financialManagement/orderManagement/toolbar.vue

@@ -11,20 +11,19 @@ export default {
       fields: [
         {
           type: 'text',
-          name: 'title',
-          label: '用户名称'
+          name: 'id',
+          label: '订单编号'
         },
         {
           type: 'text',
-          name: 'status',
-          label: '用户手机号',
-          labelWidth: '100px'
+          name: 'accountId',
+          label: '购买用户'
         },
         {
           type: 'dateArray',
           name: 'date',
-          label: '反馈日期',
-          apiName: ['start', 'end']
+          label: '支付时间',
+          apiName: ['startTime', 'endTime']
         }
       ]
     };