update: dist

src/router/modules/card.js

@@ -59,8 +59,20 @@ export default {
         {
           path: 'refund',
           name: '退券记录',
+          component: () => import(/* webpackChunkName: "card" */ '../../views/card/refund.vue'),
+          meta: {}
+        },
+        {
+          path: 'refund-list',
+          name: '退券记录',
           component: () => import(/* webpackChunkName: "card" */ '../../views/card/refund-list.vue'),
           meta: {}
+        },
+        {
+          path: 'recycle-record-detail',
+          name: '卡券积分回收明细',
+          component: () => import(/* webpackChunkName: "card" */ '../../views/card/recycle-record-detail.vue'),
+          meta: {}
         }
       ]
     },

src/views/card/recycle-record-detail.vue

+<template>
+  <section v-loading="loading">
+    <div class="pb22 clearfix">
+      <el-input v-model="listParams.search" class="w300" placeholder="请输入姓名/昵称/手机号/会员卡号" clearable @change="refresh"><i slot="prefix" class="el-input__icon el-icon-search"></i></el-input>
+      <el-input v-model="listParams.search" class="w300" placeholder="卡券名称/卡券代码/会员信息" clearable @change="refresh"><i slot="prefix" class="el-input__icon el-icon-search"></i></el-input>
+      <el-date-picker class="w250" v-model="dateTime" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" @change="refresh"></el-date-picker>
+
+      <el-button class="fr" type="primary" v-if="$getButtonLimit($buttonCode.marketingDownloadRefundLog)" :limit-code="$buttonCode.marketingDownloadRefundLog" @click="exportExcel" icon="iconfont icon-icon_yunxiazai fz14"> 下载Excel</el-button>
+    </div>
+  </section>
+</template>
+
+<script>
+export default {
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>
+
+<style></style>

src/views/card/refund.vue

+<template>
+  <el-tabs v-model="activeName">
+    <el-tab-pane label="退款记录" name="refund-list">
+      <refundList />
+    </el-tab-pane>
+    <el-tab-pane label="卡券积分回收明细" name="recycle-record-detail">
+      <recycleRecordDetail />
+    </el-tab-pane>
+  </el-tabs>
+</template>
+
+<script>
+import refundList from './refund-list.vue';
+import recycleRecordDetail from './recycle-record-detail.vue';
+export default {
+  data() {
+    return {
+      activeName: 'refund-list'
+    };
+  },
+  components: {
+    refundList,
+    recycleRecordDetail
+  }
+};
+</script>
+
+<style></style>