暂存
This commit is contained in:
parent
128ada0d4e
commit
67e1f2697d
@ -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});
|
||||
}
|
||||
|
||||
/**
|
||||
|
||||
@ -57,6 +57,7 @@ export default {
|
||||
"menu.searchusertime": '用户在线时长',
|
||||
"menu.promotion": '推广管理',
|
||||
"menu.promotion.Table": '推广链接',
|
||||
"menu.promotion.Details": '推广详情',
|
||||
...localeSettings,
|
||||
...localeMessageBox,
|
||||
...localeLogin,
|
||||
|
||||
@ -64,6 +64,7 @@ export default {
|
||||
"menu.searchusertime": '用户在线时长',
|
||||
"menu.promotion": '推广管理',
|
||||
"menu.promotion.Table": '推广链接',
|
||||
"menu.promotion.Details": '推广详情',
|
||||
...localeSettings,
|
||||
...localeMessageBox,
|
||||
...localeLogin,
|
||||
|
||||
@ -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: ['*'],
|
||||
},
|
||||
},
|
||||
],
|
||||
};
|
||||
|
||||
77
src/views/promotion/details.vue
Normal file
77
src/views/promotion/details.vue
Normal file
@ -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>
|
||||
@ -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>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user