From 719551bbb0f081051faeffdc91eed109f7bccb54 Mon Sep 17 00:00:00 2001
From: lingling <1077478963@qq.com>
Date: Mon, 24 Feb 2025 21:51:56 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=8E=A8=E5=B9=BF=E9=82=80?=
 =?UTF-8?q?=E8=AF=B7=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/promotion.ts                   | 19 +++++++
 src/locale/en-US.ts                    |  2 +
 src/locale/zh-CN.ts                    |  2 +
 src/router/routes/modules/promotion.ts | 28 +++++++++++
 src/views/promotion/index.vue          | 70 ++++++++++++++++++++++++++
 5 files changed, 121 insertions(+)
 create mode 100644 src/api/promotion.ts
 create mode 100644 src/router/routes/modules/promotion.ts
 create mode 100644 src/views/promotion/index.vue

diff --git a/src/api/promotion.ts b/src/api/promotion.ts
new file mode 100644
index 0000000..aef65bc
--- /dev/null
+++ b/src/api/promotion.ts
@@ -0,0 +1,19 @@
+import axios from 'axios';
+/**
+ * 
+ * @param  获取列表推广列表
+ * @returns 
+ */
+export function lists() {
+    return axios.post<any>('/admin/api/v1/Promotion/list');
+  }
+  
+  /**
+   * 
+   * @param 生成推广链接
+   * @returns 
+   */
+  export function Generatelink() {
+      return axios.post<any>('/admin/api/v1/Promotion/Generatelink');
+    }
+  
\ No newline at end of file
diff --git a/src/locale/en-US.ts b/src/locale/en-US.ts
index 1fb8133..56f7fa0 100644
--- a/src/locale/en-US.ts
+++ b/src/locale/en-US.ts
@@ -55,6 +55,8 @@ export default {
   'menu.carousel': 'carousel',
   'menu.volunteerservicecorps':'volunteerservicecorps',
   "menu.searchusertime": '用户在线时长',
+  "menu.promotion": '推广管理',
+  "menu.promotion.Table": '推广链接',
   ...localeSettings,
   ...localeMessageBox,
   ...localeLogin,
diff --git a/src/locale/zh-CN.ts b/src/locale/zh-CN.ts
index 53bc60d..fd6f5c4 100644
--- a/src/locale/zh-CN.ts
+++ b/src/locale/zh-CN.ts
@@ -62,6 +62,8 @@ export default {
   "menu.dictionary":'客服',
   "menu.withdraw": '提现管理',
   "menu.searchusertime": '用户在线时长',
+  "menu.promotion": '推广管理',
+  "menu.promotion.Table": '推广链接',
   ...localeSettings,
   ...localeMessageBox,
   ...localeLogin,
diff --git a/src/router/routes/modules/promotion.ts b/src/router/routes/modules/promotion.ts
new file mode 100644
index 0000000..941d7e4
--- /dev/null
+++ b/src/router/routes/modules/promotion.ts
@@ -0,0 +1,28 @@
+import { DEFAULT_LAYOUT } from '../base';
+import { AppRouteRecordRaw } from '../types';
+
+const LIST: AppRouteRecordRaw = {
+  path: '/promotion',
+  name: 'promotion',
+  component: DEFAULT_LAYOUT,
+  meta: {
+    locale: 'menu.promotion',
+    requiresAuth: true,
+    icon: 'icon-list',
+    order: 0,
+  },
+  children: [
+    {
+      path: 'list', // The midline path complies with SEO specifications
+      name: 'list',
+      component: () => import('@/views/promotion/index.vue'),
+      meta: {
+        locale: 'menu.promotion.Table',
+        requiresAuth: true,
+        roles: ['*'],
+      },
+    },
+  ],
+};
+
+export default LIST;
diff --git a/src/views/promotion/index.vue b/src/views/promotion/index.vue
new file mode 100644
index 0000000..7d6b45d
--- /dev/null
+++ b/src/views/promotion/index.vue
@@ -0,0 +1,70 @@
+<template>
+    <div class="container">
+        <Breadcrumb :items="['menu.promotion', 'menu.promotion.Table']" />
+        <a-card class="general-card" :title="$t('menu.promotion.Table')">
+            <!-- <a-table :columns="columns" :data="data" @change="handleChange">
+                <template #columns>
+                    <a-table-column title="id" data-index="id"></a-table-column>
+                    <a-table-column title="邀请码" data-index="invite_code"></a-table-column>
+                    <a-table-column title="打开次数" data-index="open"></a-table-column>
+                    <a-table-column title="注册人数" data-index="register"></a-table-column>
+                </template>
+            </a-table> -->
+            <a-table :columns="columns" :data="data" @change="handleChange">
+    <template #name-filter="{ filterValue, setFilterValue, handleFilterConfirm, handleFilterReset}">
+      <div class="custom-filter">
+        <a-space direction="vertical">
+          <a-input :model-value="filterValue[0]" @input="(value)=>setFilterValue([value])" />
+          <div class="custom-filter-footer">
+            <a-button @click="handleFilterConfirm">确认</a-button>
+            <a-button @click="handleFilterReset">重置</a-button>
+          </div>
+        </a-space>
+      </div>
+    </template>
+  </a-table>
+        </a-card>
+    </div>
+</template>
+
+<script setup>
+import { ref, onMounted,h } from 'vue';
+import { lists } from '@/api/promotion';
+import { IconSearch } from '@arco-design/web-vue/es/icon';
+const data = ref([])
+
+onMounted(async () => {
+    const res = await lists()
+    data.value = res.data
+})
+
+const columns = [
+      {
+        title: 'id',
+        dataIndex: 'id',
+      },
+      {
+        title: '邀请码',
+        dataIndex: 'invite_code',
+        filterable: {
+          filter: (value, record) => record.invite_code.includes(value),
+          slotName: 'name-filter',
+          icon: () => h(IconSearch)
+        }
+      },
+      {
+        title: '打开次数',
+        dataIndex: 'open',
+      },{
+        title: '注册人数',
+        dataIndex: 'register',
+      },
+    ];
+
+</script>
+
+<style lang="less" scoped>
+.container {
+    padding: 0 20px 20px 20px;
+}
+</style>
\ No newline at end of file