暂存

src/api/promotion.ts

@@ -4,8 +4,9 @@ import axios from 'axios';
  * @param  获取列表推广列表
  * @returns 
  */
-export function lists() {
-    return axios.post<any>('/admin/api/v1/Promotion/list');
+export function lists(key:any) {
+  key=key?key:"";
+    return axios.post<any>('/admin/api/v1/Promotion/list',{key});
   }
   
   /**

src/locale/en-US.ts

@@ -57,6 +57,7 @@ export default {
   "menu.searchusertime": '用户在线时长',
   "menu.promotion": '推广管理',
   "menu.promotion.Table": '推广链接',
+  "menu.promotion.Details": '推广详情',
   ...localeSettings,
   ...localeMessageBox,
   ...localeLogin,

src/locale/zh-CN.ts

@@ -64,6 +64,7 @@ export default {
   "menu.searchusertime": '用户在线时长',
   "menu.promotion": '推广管理',
   "menu.promotion.Table": '推广链接',
+  "menu.promotion.Details": '推广详情',
   ...localeSettings,
   ...localeMessageBox,
   ...localeLogin,

src/router/routes/modules/promotion.ts

@@ -21,6 +21,16 @@ const LIST: AppRouteRecordRaw = {
         requiresAuth: true,
         roles: ['*'],
       },
+    },{
+      path: 'details/:id', // The midline path complies with SEO specifications
+      name: 'details',
+      component: () => import('@/views/promotion/details.vue'),
+      meta: {
+        locale: 'menu.promotion.Details',
+        hideInMenu:true,
+        requiresAuth: true,
+        roles: ['*'],
+      },
     },
   ],
 };

src/views/promotion/details.vue

@@ -0,0 +1,77 @@
+<template>
+    <div class="container">
+        <Breadcrumb :items="['menu.promotion', 'menu.promotion.Table']" />
+        <a-card class="general-card" :title="$t('menu.promotion.Table')">
+            <div>我是详情</div>
+        </a-card>
+
+    </div>
+</template>
+
+<script setup>
+import { ref, onMounted, h } from 'vue';
+import { lists, Generatelink } from '@/api/promotion';
+import { IconSearch } from '@arco-design/web-vue/es/icon';
+import { Modal } from '@arco-design/web-vue';
+import { Message } from '@arco-design/web-vue';
+import { del, set_user_remark } from '@/api/jobuser';
+
+import router from '@/router';
+// route.params.id
+
+const data = ref([])
+
+//保存需要修改的用户id
+const userid = ref(0)
+//设置备注弹窗
+const modal_visible_remark = ref(false)
+const remark = ref("")
+const createlink = async () => {
+    const res1 = await Generatelink()
+    const res = await lists()
+    data.value = res.data
+}
+const set_remark = (id) => {
+    userid.value = id
+    modal_visible_remark.value = true
+}
+onMounted(async () => {
+    getAll()
+})
+
+const getAll = async () => {
+    const res = await lists()
+    data.value = res.data
+}
+
+const showConfirm_del = (id) => {
+    Modal.confirm({
+        title: '操作提醒',
+        content: '请确认是否要删除该用户',
+        onOk: () => deluser(id),
+    });
+};
+
+const deluser = async (id) => {
+    const res = await del(id);
+    if (res.code == 200) {
+        getAll()
+    }
+};
+
+const handleBeforeOk_remark = async () => {
+    const res = await set_user_remark(userid.value, remark.value);
+    if (res.code == 200) {
+        Message.success('修改备注成功')
+        getAll()
+    }
+    remark.value = ""
+}
+
+</script>
+
+<style lang="less" scoped>
+.container {
+    padding: 0 20px 20px 20px;
+}
+</style>

src/views/promotion/index.vue

@@ -2,32 +2,79 @@
     <div class="container">
         <Breadcrumb :items="['menu.promotion', 'menu.promotion.Table']" />
         <a-card class="general-card" :title="$t('menu.promotion.Table')">
+            <a-row>
+                <a-col :flex="1">
+                    <a-form :model="queryParams" :label-col-props="{ span: 6 }" :wrapper-col-props="{ span: 18 }"
+                        label-align="left">
+                        <a-row :gutter="16">
+                            <a-col :span="16">
+                                <a-form-item field="name" :label="'关键字'">
+                                    <a-input v-model="queryParams.key" :placeholder="'请输入关键字'" />
+                                </a-form-item>
+                            </a-col>
+                            <!-- <a-col :span="8">
+                <a-form-item field="createdTime" :label="$t('searchTable.form.createdTime')">
+                  <a-range-picker v-model="formModel.createdTime" style="width: 100%" />
+                </a-form-item>
+              </a-col> -->
+                        </a-row>
+                    </a-form>
+                </a-col>
+
+                <a-col :flex="'86px'" style="text-align: right">
+                    <a-space :size="18">
+                        <a-button type="primary" @click="getAll">
+                            <template #icon>
+                                <icon-search />
+                            </template>
+                            查询
+                        </a-button>
+                        <a-button @click="reset">
+                            <template #icon>
+                                <icon-refresh />
+                            </template>
+                            重置
+                        </a-button>
+                    </a-space>
+                </a-col>
+            </a-row>
             <div style="display: flex;justify-content: space-between;">
                 <a-button type="primary" @click="createlink">生成新链接</a-button>
-            <div>http://127.0.0.1:8787/Recommend/index?invite_code=邀请码</div>
+                <!-- <div>http://127.0.0.1:8787/Recommend/index?invite_code=邀请码</div> -->
             </div>
-            <!-- <a-table :columns="columns" :data="data" @change="handleChange">
+            <a-table :data="data">
                 <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>
+                    <a-table-column title="链接">
+                        <template #cell="{ record }">
+                            {{ `https://v8job.online/#/reg?i=${record.invite_code}` }}
+                        </template>
+                    </a-table-column>
+                    <a-table-column title="备注" data-index="remark"></a-table-column>
+                    <a-table-column title="操作">
+                        <template #cell="{ record }">
+                            <a-space>
+                                <a-button @click="toDetails(record.id)">查看详情</a-button>
+                                <a-button @click="set_remark(record.id)">修改备注</a-button>
+                                <a-button status="danger" @click="showConfirm_del(record.id)">删除</a-button>
+                            </a-space>
+                        </template>
+                    </a-table-column>
                 </template>
+
             </a-table>
         </a-card>
+        <a-modal v-model:visible="modal_visible_remark" width="800px" @before-ok="handleBeforeOk_remark">
+            <template #title>
+                修改备注
+            </template>
+            <a-col :span="8">
+                <a-form-item field="remark" label="备注" validate-trigger="blur">
+                    <a-input v-model="remark" placeholder="请输入备注" allow-clear />
+                </a-form-item>
+            </a-col>
+        </a-modal>
     </div>
 </template>
 
@@ -35,42 +82,69 @@
 import { ref, onMounted, h } from 'vue';
 import { lists, Generatelink } from '@/api/promotion';
 import { IconSearch } from '@arco-design/web-vue/es/icon';
+import { Modal } from '@arco-design/web-vue';
+import { Message } from '@arco-design/web-vue';
+import { del, set_user_remark } from '@/api/jobuser';
+import router from '@/router';
+const toDetails=(id)=>{
+    router.push({name:"details",params: {id}})
+}
+
 const data = ref([])
 
+//保存需要修改的用户id
+const userid = ref(0)
+//设置备注弹窗
+const modal_visible_remark = ref(false)
+const remark = ref("")
 const createlink = async () => {
     const res1 = await Generatelink()
     const res = await lists()
     data.value = res.data
 }
-
+const set_remark = (id) => {
+    userid.value = id
+    modal_visible_remark.value = true
+}
 onMounted(async () => {
-    const res = await lists()
-    data.value = res.data
+    getAll()
 })
 
-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',
-    },
-];
+const queryParams = ref({
+    key: "",
+});
 
+const getAll = async () => {
+    const res = await lists(queryParams.value.key)
+    data.value = res.data
+}
+
+const showConfirm_del = (id) => {
+    Modal.confirm({
+        title: '操作提醒',
+        content: '请确认是否要删除该用户',
+        onOk: () => deluser(id),
+    });
+};
+
+const deluser = async (id) => {
+    const res = await del(id);
+    if (res.code == 200) {
+        getAll()
+    }
+};
+
+const handleBeforeOk_remark = async () => {
+    const res = await set_user_remark(userid.value, remark.value);
+    if (res.code == 200) {
+        Message.success('修改备注成功')
+        getAll()
+    }
+    remark.value = ""
+}
+const reset=()=>{
+    queryParams.value.key=""
+}
 </script>
 
 <style lang="less" scoped>