添加营销配置、评论列表及优化部分字段类型
This commit is contained in:
parent
5071d63dcb
commit
7b63f708e6
75
src/api/manage/mkConfig/index.ts
Normal file
75
src/api/manage/mkConfig/index.ts
Normal file
@ -0,0 +1,75 @@
|
||||
import request from '@/utils/request';
|
||||
import { AxiosPromise } from 'axios';
|
||||
import { MkConfigVO, MkConfigForm, MkConfigQuery } from '@/api/manage/mkConfig/types';
|
||||
|
||||
/**
|
||||
* 查询营销配置列表
|
||||
* @param query
|
||||
* @returns {*}
|
||||
*/
|
||||
|
||||
export const listMkConfig = (query?: MkConfigQuery): AxiosPromise<MkConfigVO[]> => {
|
||||
return request({
|
||||
url: '/manage/mkConfig/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* 查询营销配置详细
|
||||
* @param id
|
||||
*/
|
||||
export const getMkConfig = (id: string | number): AxiosPromise<MkConfigVO> => {
|
||||
return request({
|
||||
url: '/manage/mkConfig/' + id,
|
||||
method: 'get'
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* 新增营销配置
|
||||
* @param data
|
||||
*/
|
||||
export const addMkConfig = (data: MkConfigForm) => {
|
||||
return request({
|
||||
url: '/manage/mkConfig',
|
||||
method: 'post',
|
||||
data: data
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* 修改营销配置
|
||||
* @param data
|
||||
*/
|
||||
export const updateMkConfig = (data: MkConfigForm) => {
|
||||
return request({
|
||||
url: '/manage/mkConfig',
|
||||
method: 'put',
|
||||
data: data
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* 删除营销配置
|
||||
* @param id
|
||||
*/
|
||||
export const delMkConfig = (id: string | number | Array<string | number>) => {
|
||||
return request({
|
||||
url: '/manage/mkConfig/' + id,
|
||||
method: 'delete'
|
||||
});
|
||||
};
|
||||
/**
|
||||
* 查看获奖人员
|
||||
* @param query
|
||||
* @returns
|
||||
*/
|
||||
export const mkRewardUserList = (query: any) => {
|
||||
return request({
|
||||
url: '/manage/mkRewardUser/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
113
src/api/manage/mkConfig/types.ts
Normal file
113
src/api/manage/mkConfig/types.ts
Normal file
@ -0,0 +1,113 @@
|
||||
export interface MkConfigVO {
|
||||
id: number;
|
||||
/**
|
||||
* 任务名称
|
||||
*/
|
||||
name: string;
|
||||
|
||||
/**
|
||||
* 游戏类型 0-每日任务 1-大转盘
|
||||
*/
|
||||
type: number;
|
||||
|
||||
/**
|
||||
* 发布状态 0-未发布 1-已发布
|
||||
*/
|
||||
status: number;
|
||||
|
||||
/**
|
||||
* 奖励配置
|
||||
*/
|
||||
rewardConfig: string;
|
||||
|
||||
/**
|
||||
* 参与人数
|
||||
*/
|
||||
joinCount: number;
|
||||
|
||||
/**
|
||||
* 获奖人数
|
||||
*/
|
||||
awardCount: number;
|
||||
|
||||
/**
|
||||
* 创建者
|
||||
*/
|
||||
createBy: number;
|
||||
|
||||
/**
|
||||
* 创建时间
|
||||
*/
|
||||
createTime: string;
|
||||
}
|
||||
|
||||
export interface MkConfigForm extends BaseEntity {
|
||||
/**
|
||||
* 任务名称
|
||||
*/
|
||||
id: number;
|
||||
name?: string;
|
||||
roundConfig?: any;
|
||||
dailyConfig?: any;
|
||||
/**
|
||||
* 游戏类型 0-每日任务 1-大转盘
|
||||
*/
|
||||
type?: number;
|
||||
|
||||
/**
|
||||
* 发布状态 0-未发布 1-已发布
|
||||
*/
|
||||
status?: number;
|
||||
|
||||
/**
|
||||
* 奖励配置
|
||||
*/
|
||||
rewardConfig?: string;
|
||||
|
||||
/**
|
||||
* 参与人数
|
||||
*/
|
||||
joinCount?: number;
|
||||
|
||||
/**
|
||||
* 获奖人数
|
||||
*/
|
||||
awardCount?: number;
|
||||
}
|
||||
|
||||
export interface MkConfigQuery extends PageQuery {
|
||||
/**
|
||||
* 任务名称
|
||||
*/
|
||||
name?: string;
|
||||
|
||||
/**
|
||||
* 游戏类型 0-每日任务 1-大转盘
|
||||
*/
|
||||
type?: string;
|
||||
|
||||
/**
|
||||
* 发布状态 0-未发布 1-已发布
|
||||
*/
|
||||
status?: number;
|
||||
|
||||
/**
|
||||
* 奖励配置
|
||||
*/
|
||||
rewardConfig?: string;
|
||||
|
||||
/**
|
||||
* 参与人数
|
||||
*/
|
||||
joinCount?: number;
|
||||
|
||||
/**
|
||||
* 获奖人数
|
||||
*/
|
||||
awardCount?: number;
|
||||
|
||||
/**
|
||||
* 日期范围参数
|
||||
*/
|
||||
params?: any;
|
||||
}
|
||||
@ -110,12 +110,12 @@ export interface ArticleForm extends BaseEntity {
|
||||
/**
|
||||
* 经度
|
||||
*/
|
||||
longitude?: number;
|
||||
longitude?: string;
|
||||
|
||||
/**
|
||||
* 纬度
|
||||
*/
|
||||
latitude?: number;
|
||||
latitude?: string;
|
||||
/**
|
||||
* 联系电话
|
||||
*/
|
||||
@ -173,7 +173,7 @@ export interface ArticleForm extends BaseEntity {
|
||||
/**
|
||||
* 标签
|
||||
*/
|
||||
tagId?: string | number;
|
||||
tagId?: string;
|
||||
|
||||
/**
|
||||
* 推荐语
|
||||
|
||||
154
src/components/commentRows/index.vue
Normal file
154
src/components/commentRows/index.vue
Normal file
@ -0,0 +1,154 @@
|
||||
<!-- 评论列表 -->
|
||||
<template>
|
||||
<div>
|
||||
<div class="commentList">
|
||||
<div v-for="comment in commentListData" :key="comment.id" class="comment-item">
|
||||
<div class="user-info">
|
||||
<!-- <img :src="comment.avatar" alt="用户昵称" class="avatar"> -->
|
||||
<image-preview :src="comment.avatar" :width="25" :height="25" />
|
||||
<div class="username">
|
||||
<div style="margin-right: 5px;">
|
||||
{{ comment.nickName }}
|
||||
</div>
|
||||
<div v-if="comment.parentId" class="reply-to"></div>
|
||||
<div v-if="comment.parentId" class="reply-to-username">{{ comment.replyNickName }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="user-details">
|
||||
<div class="comment-content">{{ comment.content }}</div>
|
||||
<div class="comment-info">
|
||||
<span class="comment-time">{{ comment.createTime }}</span>
|
||||
<span class="ip-address">IP: {{ comment.address?comment.address:'未知' }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div v-if="comment.replies && comment.replies.length" class="replies">
|
||||
<div v-for="reply in comment.replies" :key="reply.id" class="reply-item">
|
||||
<div class="user-info">
|
||||
<img :src="reply.avatar" alt="回复用户昵称" class="avatar">
|
||||
<div class="user-details">
|
||||
<div class="username">回复 {{ reply.username }}</div>
|
||||
<div class="comment-content">{{ reply.content }}</div>
|
||||
<div class="comment-info">
|
||||
<span class="comment-time">{{ reply.time }}</span>
|
||||
<span class="ip-address">IP: {{ reply.ipAddress }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
<pagination v-show="total > 0" id="table_page" :total="total" v-model:page="queryParams.pageNum"
|
||||
v-model:limit="queryParams.pageSize" @pagination="getCommentList" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts" name="commentList">
|
||||
import { ref, reactive, onMounted, nextTick } from 'vue';
|
||||
import {commentList } from '@/api/manage/scenic';
|
||||
|
||||
//导入父组件传递的值
|
||||
const props = defineProps({
|
||||
bizId:{
|
||||
type: Number,
|
||||
default: null,
|
||||
}
|
||||
});
|
||||
const queryParams = reactive({
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
bizId: null,
|
||||
status: 0,
|
||||
});
|
||||
// 监听父组件传递的tagIds,当tagIds发生变化时，重新获取数据
|
||||
watch(
|
||||
() => props.bizId,
|
||||
(newVal, oldVal) => {
|
||||
console.log(newVal);
|
||||
queryParams.bizId = newVal;
|
||||
if (newVal) {
|
||||
//获取数据
|
||||
nextTick(() => {
|
||||
getCommentList();
|
||||
});
|
||||
}
|
||||
},
|
||||
{ immediate: true }
|
||||
);
|
||||
const total=ref(0)
|
||||
const loading = ref(false);
|
||||
const commentListData = ref([]);
|
||||
// 导入父组件定义的函数
|
||||
const emit = defineEmits(['hideDialog']);
|
||||
/**
|
||||
* 获取评论列表
|
||||
*/
|
||||
const getCommentList = async () => {
|
||||
loading.value = true;
|
||||
let res=await commentList(queryParams).finally(() => (loading.value = false));
|
||||
console.log('评论列表：',res);
|
||||
total.value=res.total;
|
||||
commentListData.value = res.rows;
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.commentList {
|
||||
height: 500px;
|
||||
overflow-y: auto;
|
||||
|
||||
.comment-item {
|
||||
padding: 10px 0px;
|
||||
|
||||
.user-info {
|
||||
display: flex;
|
||||
|
||||
.username {
|
||||
display: flex;
|
||||
|
||||
color: #000;
|
||||
font-weight: bold;
|
||||
margin-left: 10px;
|
||||
vertical-align: super;
|
||||
|
||||
.reply-to {
|
||||
width: 0;
|
||||
height: 0;
|
||||
margin-top: 5px;
|
||||
border-top: 6px solid transparent;
|
||||
/* 上边框透明 */
|
||||
border-bottom: 6px solid transparent;
|
||||
/* 下边框透明 */
|
||||
border-left: 6px solid #999;
|
||||
/* 左边框为箭头颜色，这里设为黑色，可按需更改 */
|
||||
}
|
||||
|
||||
.reply-to-username {
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.user-details {
|
||||
margin-left: 35px;
|
||||
|
||||
.comment-content {
|
||||
color: #000;
|
||||
font-size: 16px;
|
||||
padding: 3px 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.ip-address {
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
#table_page {
|
||||
height: 50px !important;
|
||||
margin-top: 10px !important;
|
||||
padding-bottom: 0px !important;
|
||||
margin-bottom: 0px !important;
|
||||
}
|
||||
</style>
|
||||
@ -71,12 +71,12 @@
|
||||
</template>
|
||||
</el-dialog>
|
||||
<!-- 评论详情 -->
|
||||
<el-dialog title="评论详情" v-model="comment.visible" width="700px" append-to-body>
|
||||
<div>
|
||||
11
|
||||
<el-dialog title="评论详情" v-model="comment.visible" width="600px" append-to-body>
|
||||
<div class="commentList">
|
||||
<commentRows :bizId="comment.bizId"></commentRows>
|
||||
</div>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<div class="dialog-footer noTopPadding">
|
||||
<el-button @click="cancel">关 闭</el-button>
|
||||
</div>
|
||||
</template>
|
||||
@ -87,7 +87,7 @@
|
||||
<script setup lang="ts" name="noteList">
|
||||
import { ref, reactive, onMounted, nextTick } from 'vue';
|
||||
import { string } from 'vue-types';
|
||||
import { listByTagIdNotebook,commentList } from '@/api/manage/scenic';
|
||||
import { listByTagIdNotebook } from '@/api/manage/scenic';
|
||||
|
||||
//导入父组件传递的值
|
||||
const props = defineProps({
|
||||
@ -118,8 +118,7 @@ const noteDetail = reactive({
|
||||
})
|
||||
const comment = reactive({
|
||||
visible: false,
|
||||
title: '',
|
||||
content: ''
|
||||
bizId:null
|
||||
})
|
||||
const queryParams = reactive({
|
||||
pageNum: 1,
|
||||
@ -145,10 +144,7 @@ const handleDetail = (row: any) => {
|
||||
}
|
||||
// 查看评论详情
|
||||
const handleComment = async (row: any) => {
|
||||
loading.value = true;
|
||||
let res=await commentList({bizId:row.id,status:0}).finally(() => (loading.value = false));
|
||||
console.log('评论列表：',res);
|
||||
|
||||
comment.bizId = row.id;
|
||||
comment.visible = true;
|
||||
}
|
||||
// 监听父组件传递的tagIds,当tagIds发生变化时，重新获取数据
|
||||
@ -197,4 +193,8 @@ const formatTag = (tagId: string | null) => {
|
||||
// 导入父组件定义的函数
|
||||
const emit = defineEmits(['hideDialog', 'handleUpdate', 'handleDelete']);
|
||||
</script>
|
||||
<style lang="scss" scoped></style>
|
||||
<style lang="scss" scoped>
|
||||
.noTopPadding {
|
||||
padding-top: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -127,7 +127,7 @@
|
||||
</template>
|
||||
|
||||
<script setup name="Article" lang="ts">
|
||||
import { listTag } from '@/api/manage/tag';
|
||||
import { listTag,tagAll } from '@/api/manage/tag';
|
||||
import { listArticle, getArticle, delArticle, addArticle, updateArticle } from '@/api/manage/article';
|
||||
import { ArticleVO, ArticleQuery, ArticleForm } from '@/api/manage/article/types';
|
||||
|
||||
@ -211,8 +211,8 @@ const cancel = () => {
|
||||
}
|
||||
// 获取标签库
|
||||
const getTag = async () => {
|
||||
const res = await listTag({ pageNum: 1, pageSize: 1000 });
|
||||
sys_user_tagOptions.value = res.rows; //标签库
|
||||
const res = await tagAll();
|
||||
sys_user_tagOptions.value = res; //标签库
|
||||
};
|
||||
/**
|
||||
* 标签格式化
|
||||
|
||||
442
src/views/manage/mkConfig/index.vue
Normal file
442
src/views/manage/mkConfig/index.vue
Normal file
@ -0,0 +1,442 @@
|
||||
<template>
|
||||
<div class="p-2">
|
||||
<!-- <transition :enter-active-class="proxy?.animate.searchAnimate.enter"
|
||||
:leave-active-class="proxy?.animate.searchAnimate.leave">
|
||||
<div v-show="showSearch" class="mb-[10px]">
|
||||
<el-card shadow="hover">
|
||||
<el-form ref="queryFormRef" :model="queryParams" :inline="true">
|
||||
<el-form-item label="任务名称" prop="name">
|
||||
<el-input v-model="queryParams.name" placeholder="请输入任务名称" clearable @keyup.enter="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
|
||||
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
</div>
|
||||
</transition> -->
|
||||
|
||||
<el-table v-loading="loading" :data="mkConfigList" @selection-change="handleSelectionChange">
|
||||
<el-table-column label="任务名称" align="center" prop="name" />
|
||||
<el-table-column label="参与人数" align="center" prop="joinCount">
|
||||
<template #default="scope">
|
||||
<el-button link type="primary" @click="handleJoin(scope.row)">{{ scope.row.joinCount }}</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="获奖人数" align="center" prop="awardCount">
|
||||
<template #default="scope">
|
||||
<el-button link type="primary" @click="handleAward(scope.row)">{{ scope.row.awardCount }}</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="详情" align="center" prop="">
|
||||
<template #default="scope">
|
||||
<el-button link type="primary" @click="handleAward(scope.row)">查看详情</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="状态" align="center" prop="status">
|
||||
<template #default="scope">
|
||||
<span>{{ scope.row.status == 0 ? '未发布' : '已发布' }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="创建者" align="center" prop="createName" />
|
||||
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
|
||||
<template #default="scope">
|
||||
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template #default="scope">
|
||||
<el-tooltip content="修改" placement="top">
|
||||
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['manage:mkConfig:edit']"></el-button>
|
||||
</el-tooltip>
|
||||
<el-button link type="primary" @click="handleStatus(scope.row,'1')" v-if="scope.row.status == 0"
|
||||
v-hasPermi="['manage:mkConfig:edit']">发布</el-button>
|
||||
<el-button link type="primary" @click="handleStatus(scope.row,'0')" v-if="scope.row.status == 1"
|
||||
v-hasPermi="['manage:mkConfig:edit']">撤销发布</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<!-- <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
|
||||
v-model:limit="queryParams.pageSize" @pagination="getList" /> -->
|
||||
<!-- 每日任务对话框 -->
|
||||
<el-dialog :title="dialog.title" v-model="dialog.visible" width="700px" append-to-body>
|
||||
<div v-if="queryParams.type == '0'" style="height: 400px;overflow-y: auto;">
|
||||
<el-form ref="mkConfigFormRef" :model="form" :rules="rules" label-width="110px">
|
||||
<el-form-item label="每日封顶积分：" prop="name">
|
||||
<el-input style="width: 150px;" type="number" v-model="form.dailyConfig.dailyLimit" placeholder="请输入积分">
|
||||
<template #append>分</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-row v-for="(item, index) in form.dailyConfig.dailyReward" :key="index" :gutter="10"
|
||||
style="margin-bottom: 10px; margin-right: 5px !important">
|
||||
<el-col :span="11">
|
||||
<el-form-item :label="`奖励${index + 1}：`" prop="">
|
||||
<el-select v-model="item.rewardType" placeholder="请选择" style="width: 150px">
|
||||
<el-option label="服务" :value="1"></el-option>
|
||||
<el-option label="商品" :value="2"></el-option>
|
||||
<el-option label="商品2" :value="3"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="11">
|
||||
<el-form-item label="所需积分：">
|
||||
<el-input style="width: 100px;" v-model="item.rewardNum" type="number" placeholder="请输入积分"
|
||||
class="no-arrows">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="2">
|
||||
<vxe-button mode="text" v-if="index == 0" icon="vxe-icon-add" class="handle_btn add_btn"
|
||||
@click="amendDailyReward(index,'add')"></vxe-button>
|
||||
<vxe-button mode="text" v-else icon="vxe-icon-minus" class="handle_btn rem_btn"
|
||||
@click="amendDailyReward(index,'remove')"></vxe-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</div>
|
||||
<!-- 大转盘弹层 -->
|
||||
<div v-else style="height: 400px;overflow-y: auto;">
|
||||
<el-form ref="dzpFormRef" :model="form" :rules="rules" label-width="70px">
|
||||
<el-row v-for="(item, index) in form.roundConfig" :key="index" :gutter="10"
|
||||
style="margin-bottom: 10px; margin-right: 5px !important">
|
||||
<el-col :span="14">
|
||||
<el-form-item :label="`奖品${index + 1}：`" prop="">
|
||||
<el-select v-model="item.rewardType" placeholder="请选择" style="width: 120px">
|
||||
<el-option label="服务" :value="1"></el-option>
|
||||
<el-option label="商品" :value="2"></el-option>
|
||||
<el-option label="商品2" :value="3"></el-option>
|
||||
</el-select>
|
||||
<span style="margin: 0px 10px;"> + </span>
|
||||
<el-select v-model="item.goodsId" placeholder="请选择" style="width: 120px">
|
||||
<el-option label="服务" :value="1"></el-option>
|
||||
<el-option label="商品" :value="2"></el-option>
|
||||
<el-option label="商品2" :value="3"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="获奖概率：" label-width="95px">
|
||||
<el-input style="width: 100px;" v-model="item.rewardNum" type="number" placeholder="请输入概率"
|
||||
class="no-arrows">
|
||||
<template #append>%</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="2">
|
||||
<vxe-button mode="text" v-if="index == 0" icon="vxe-icon-add" class="handle_btn add_btn"
|
||||
@click="amendRoundConfig(index,'add')"></vxe-button>
|
||||
<vxe-button mode="text" v-else icon="vxe-icon-minus" class="handle_btn rem_btn"
|
||||
@click="amendRoundConfig(index,'remove')"></vxe-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</div>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<!-- 获奖人员 -->
|
||||
<el-dialog title="获奖人员" v-model="mkReward.visible" width="600px" append-to-body>
|
||||
<div>
|
||||
<el-table :data="mkRewardUserLists" border style="width: 100%">
|
||||
<el-table-column prop="userId" label="用户ID" width="180" />
|
||||
<el-table-column prop="nickName" label="昵称" width="170" />
|
||||
<el-table-column prop="" label="获得奖品" width="100">
|
||||
<template #default="scope">
|
||||
<el-button link type="primary" @click="">查看详情</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="" label="邀请人数" width="80">
|
||||
<template #default="scope">
|
||||
<el-button link type="primary" @click="">{{ scope.row.inviteCount }}</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="cancel">关 闭</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup name="MkConfig" lang="ts">
|
||||
import { listMkConfig, getMkConfig, delMkConfig, addMkConfig, updateMkConfig,mkRewardUserList } from '@/api/manage/mkConfig';
|
||||
import { MkConfigVO, MkConfigQuery, MkConfigForm } from '@/api/manage/mkConfig/types';
|
||||
|
||||
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
||||
|
||||
const mkConfigList = ref<MkConfigVO[]>([]);
|
||||
const buttonLoading = ref(false);
|
||||
const loading = ref(true);
|
||||
const showSearch = ref(true);
|
||||
const ids = ref<Array<string | number>>([]);
|
||||
const single = ref(true);
|
||||
const multiple = ref(true);
|
||||
const total = ref(0);
|
||||
const taskList = ref<Array<string | number>>([]); //每日任务弹层明细
|
||||
const queryFormRef = ref<ElFormInstance>();
|
||||
const mkConfigFormRef = ref<ElFormInstance>();
|
||||
const dzpFormRef = ref<ElFormInstance>();
|
||||
const mkReward= reactive({
|
||||
visible: false,
|
||||
})
|
||||
const dialog = reactive<DialogOption>({
|
||||
visible: false,
|
||||
title: ''
|
||||
});
|
||||
const mkRewardUserParams = reactive({
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
bizId:null,
|
||||
})
|
||||
const initFormData: MkConfigForm = {
|
||||
id: undefined,
|
||||
name: undefined,
|
||||
type: undefined,
|
||||
status: undefined,
|
||||
rewardConfig: undefined,
|
||||
joinCount: undefined,
|
||||
awardCount: undefined,
|
||||
dailyConfig: {
|
||||
dailyLimit: undefined,
|
||||
dailyReward: []
|
||||
},
|
||||
roundConfig: undefined,
|
||||
}
|
||||
const data = reactive<PageData<MkConfigForm, MkConfigQuery>>({
|
||||
form: {...initFormData},
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
name: undefined,
|
||||
type: undefined,
|
||||
status: undefined,
|
||||
rewardConfig: undefined,
|
||||
joinCount: undefined,
|
||||
awardCount: undefined,
|
||||
params: {
|
||||
}
|
||||
},
|
||||
rules: {
|
||||
}
|
||||
});
|
||||
|
||||
const { queryParams, form, rules } = toRefs(data);
|
||||
// 路由监听================================================
|
||||
let router = useRouter();
|
||||
watch(
|
||||
() => router.currentRoute.value,
|
||||
() => {
|
||||
let query = router.currentRoute.value.query;
|
||||
if (query) {
|
||||
queryParams.value.type = query.type as string;
|
||||
}
|
||||
console.log('路由信息：', router.currentRoute.value);
|
||||
},
|
||||
{ immediate: true }
|
||||
);
|
||||
/** 查询营销配置列表 */
|
||||
const getList = async () => {
|
||||
loading.value = true;
|
||||
const res = await listMkConfig(queryParams.value);
|
||||
mkConfigList.value = res.rows;
|
||||
total.value = res.total;
|
||||
loading.value = false;
|
||||
}
|
||||
|
||||
/** 取消按钮 */
|
||||
const cancel = () => {
|
||||
reset();
|
||||
dialog.visible = false;
|
||||
mkReward.visible = false;
|
||||
}
|
||||
|
||||
/** 表单重置 */
|
||||
const reset = () => {
|
||||
form.value = {...initFormData};
|
||||
mkConfigFormRef.value?.resetFields();
|
||||
}
|
||||
|
||||
/** 搜索按钮操作 */
|
||||
const handleQuery = () => {
|
||||
queryParams.value.pageNum = 1;
|
||||
getList();
|
||||
}
|
||||
|
||||
/** 重置按钮操作 */
|
||||
const resetQuery = () => {
|
||||
queryFormRef.value?.resetFields();
|
||||
handleQuery();
|
||||
}
|
||||
|
||||
/** 多选框选中数据 */
|
||||
const handleSelectionChange = (selection: MkConfigVO[]) => {
|
||||
ids.value = selection.map(item => item.id);
|
||||
single.value = selection.length != 1;
|
||||
multiple.value = !selection.length;
|
||||
}
|
||||
|
||||
/** 新增按钮操作 */
|
||||
const handleAdd = () => {
|
||||
reset();
|
||||
dialog.visible = true;
|
||||
dialog.title = "添加营销配置";
|
||||
}
|
||||
|
||||
/** 修改按钮操作 */
|
||||
const handleUpdate = async (row?: MkConfigVO) => {
|
||||
reset();
|
||||
const _id = row?.id
|
||||
const res = await getMkConfig(_id);
|
||||
Object.assign(form.value, res.data);
|
||||
form.value.id=_id;
|
||||
dialog.title = `${queryParams.value.type == '1' ? '大转盘' : '每日任务'}`;
|
||||
dialog.visible = true;
|
||||
}
|
||||
|
||||
/** 提交按钮 */
|
||||
const submitForm = () => {
|
||||
if (queryParams.value.type == '0'){//每日奖励
|
||||
mkConfigFormRef.value?.validate(async (valid: boolean) => {
|
||||
if (valid) {
|
||||
buttonLoading.value = true;
|
||||
await updateMkConfig(form.value).finally(() => buttonLoading.value = false);
|
||||
proxy?.$modal.msgSuccess("操作成功");
|
||||
dialog.visible = false;
|
||||
await getList();
|
||||
}
|
||||
});
|
||||
}else{ //大转盘
|
||||
let roundConfig_copy=[];
|
||||
for (let i = 0; i < form.value.roundConfig.length; i++) {
|
||||
const element = form.value.roundConfig[i];
|
||||
if (element.rewardType&&element.goodsId&&element.rewardNum) {
|
||||
roundConfig_copy.push(element);
|
||||
}else{
|
||||
proxy?.$modal.msgError(`奖品${i+1}配置不完整`);
|
||||
return
|
||||
}
|
||||
}
|
||||
dzpFormRef.value?.validate(async (valid: boolean) => {
|
||||
if (valid) {
|
||||
buttonLoading.value = true;
|
||||
await updateMkConfig(form.value).finally(() => buttonLoading.value = false);
|
||||
proxy?.$modal.msgSuccess("操作成功");
|
||||
dialog.visible = false;
|
||||
await getList();
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
/** 删除按钮操作 */
|
||||
const handleDelete = async (row?: MkConfigVO) => {
|
||||
const _ids = row?.id || ids.value;
|
||||
await proxy?.$modal.confirm('是否确认删除营销配置编号为"' + _ids + '"的数据项？').finally(() => loading.value = false);
|
||||
await delMkConfig(_ids);
|
||||
proxy?.$modal.msgSuccess("删除成功");
|
||||
await getList();
|
||||
}
|
||||
|
||||
/** 导出按钮操作 */
|
||||
const handleExport = () => {
|
||||
proxy?.download('manage/mkConfig/export', {
|
||||
...queryParams.value
|
||||
}, `mkConfig_${new Date().getTime()}.xlsx`)
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取获奖人员列表
|
||||
* @param row
|
||||
*/
|
||||
const mkRewardUserLists=ref([]);
|
||||
const handleAward = async (row: any) => {
|
||||
loading.value = true;
|
||||
mkRewardUserParams.bizId = row.id;
|
||||
const res = await mkRewardUserList(mkRewardUserParams).finally(() => loading.value = false);
|
||||
mkRewardUserLists.value= res.rows;
|
||||
mkReward.visible = true;
|
||||
|
||||
// dialog.title = "修改营销配置";
|
||||
}
|
||||
// 发布 撤销发布
|
||||
const handleStatus = async (row: any,type:string) => {
|
||||
await proxy?.$modal.confirm('是否确认' + (type == '0' ? '撤销发布' : '发布') + '名称为"' + row.name + '"的数据项？');
|
||||
loading.value = true;
|
||||
row.status = type;
|
||||
const res = await updateMkConfig(row).finally(() => loading.value = false);
|
||||
proxy?.$modal.msgSuccess("操作成功");
|
||||
await getList();
|
||||
}
|
||||
// 新增 删除每日任务奖励
|
||||
const amendDailyReward= async (index:number,type:string) => {
|
||||
if (type=='add') {
|
||||
form.value.dailyConfig.dailyReward.push({
|
||||
rewardNum:null,
|
||||
rewardType:null
|
||||
}
|
||||
)
|
||||
}else{
|
||||
form.value.dailyConfig.dailyReward.splice(index,1)
|
||||
}
|
||||
}
|
||||
/**
|
||||
* 添加 删除大转盘奖品项
|
||||
* @param index
|
||||
* @param type
|
||||
*/
|
||||
const amendRoundConfig= async (index:number,type:string) => {
|
||||
if (type=='add') {
|
||||
form.value.roundConfig.push({
|
||||
goodsId: null,
|
||||
rewardNum:null,
|
||||
rewardType:null
|
||||
})
|
||||
}else{
|
||||
form.value.roundConfig.splice(index,1)
|
||||
}
|
||||
}
|
||||
onMounted(() => {
|
||||
getList();
|
||||
});
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.handle_btn {
|
||||
cursor: pointer;
|
||||
border-radius: 5px;
|
||||
padding: 0px 10px;
|
||||
}
|
||||
|
||||
.add_btn {
|
||||
color: #1296db;
|
||||
border: 1px solid #1296db;
|
||||
}
|
||||
|
||||
.rem_btn {
|
||||
color: #f56c6c;
|
||||
border: 1px solid #f56c6c;
|
||||
}
|
||||
|
||||
/* 去掉input的上下箭头 */
|
||||
:deep(.no-arrows input::-webkit-inner-spin-button),
|
||||
:deep(.no-arrows input::-webkit-outer-spin-button) {
|
||||
-webkit-appearance: none !important;
|
||||
}
|
||||
|
||||
:deep(.no-arrows input[type='number']) {
|
||||
-moz-appearance: textfield;
|
||||
}
|
||||
|
||||
:deep(.el-input-group__append) {
|
||||
padding: 0px 10px;
|
||||
}
|
||||
</style>
|
||||
@ -94,12 +94,12 @@
|
||||
</el-table-column>
|
||||
<el-table-column label="地址信息" align="center" prop="address" width="180px" />
|
||||
<el-table-column label="联系电话" align="center" prop="number" width="120px" />
|
||||
<el-table-column label="标签" align="center" prop="tagId">
|
||||
<el-table-column label="标签" align="center" prop="tagId" show-overflow-tooltip width="150px">
|
||||
<template #default="scope">
|
||||
<span>{{ formatTag(scope.row.tagId) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="推荐语" align="center" prop="recommend" width="180px" />
|
||||
<el-table-column label="推荐语" align="center" prop="recommend" width="180px" show-overflow-tooltip />
|
||||
<el-table-column :label="queryParams.type == '0' ? '景点详情' : '详情'" align="center" prop="remark">
|
||||
<template #default="scope">
|
||||
<el-button link type="primary" @click="handleDetail(scope.row)">查看</el-button>
|
||||
@ -136,11 +136,11 @@
|
||||
v-hasPermi="['system:article:edit']">发布</el-button>
|
||||
<el-button link type="primary" v-if="scope.row.status == 2" @click="updateRow(scope.row, '0')"
|
||||
v-hasPermi="['system:article:edit']">撤销发布</el-button>
|
||||
<el-tooltip content="修改" placement="top" v-if="scope.row.status == 0">
|
||||
<el-tooltip content="修改" placement="top" v-if="scope.row.status == 0||scope.row.status == 3">
|
||||
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['system:article:edit']"></el-button>
|
||||
</el-tooltip>
|
||||
<el-tooltip content="删除" placement="top" v-if="scope.row.status == 0">
|
||||
<el-tooltip content="删除" placement="top" v-if="scope.row.status == 0||scope.row.status == 3">
|
||||
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
|
||||
v-hasPermi="['system:article:remove']"></el-button>
|
||||
</el-tooltip>
|
||||
@ -161,7 +161,11 @@
|
||||
</el-col>
|
||||
<el-col :span="12" v-if="queryParams.type == '0'">
|
||||
<el-form-item label="景区等级" prop="level">
|
||||
<el-input-number v-model="form.level" :min="1" :max="5" />
|
||||
<!-- <el-input-number v-model="form.level" :min="1" :max="5" /> -->
|
||||
<el-select v-model="form.level" placeholder="请选择等级" clearable class="inputWidth">
|
||||
<el-option v-for="item in levelList" :key="item.value" :label="item.label"
|
||||
:value="item.value"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
@ -339,10 +343,10 @@
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="标签" prop="tagId">
|
||||
<el-select class="inputWidth" v-model="form.tagId" placeholder="请选择标签" clearable disabled>
|
||||
<el-option v-for="dict in sys_user_tagOptions" :key="dict.id" :label="dict.title"
|
||||
:value="String(dict.id)" />
|
||||
</el-select>
|
||||
<!-- <el-select class="inputWidth" v-model="form.tagId_copy" placeholder="请选择标签" clearable disabled>
|
||||
<el-option v-for="item in sys_user_tagOptions" :key="item.id" :label="item.title" :value="item.id" />
|
||||
</el-select> -->
|
||||
<span>{{ formatTag(form.tagId) }}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
@ -463,20 +467,20 @@ const initFormData: ArticleForm = {
|
||||
attribute: null,
|
||||
status: undefined,
|
||||
province: '',
|
||||
city: '',
|
||||
region: '',
|
||||
regionCode: '',
|
||||
city: '460108',
|
||||
region: '460108',
|
||||
regionCode: '460108',
|
||||
remark: undefined,
|
||||
memberLevel: undefined,
|
||||
tagId: undefined,
|
||||
tagId_copy: [],
|
||||
recommend: undefined,
|
||||
intro: undefined,
|
||||
address: undefined,
|
||||
longitude: undefined,
|
||||
latitude: undefined,
|
||||
orderNum: 0,
|
||||
level: 0,
|
||||
address: '海南省海口市美兰区大英山西二街',
|
||||
longitude: '110.348801',
|
||||
latitude: '20.018883',
|
||||
orderNum: 1,
|
||||
level: null,
|
||||
mediaBoList: undefined,
|
||||
icon: undefined
|
||||
};
|
||||
@ -537,8 +541,8 @@ const data = reactive<PageData<ArticleForm, ArticleQuery>>({
|
||||
});
|
||||
const { queryParams, form, rules } = toRefs(data);
|
||||
const map = ref(null);
|
||||
const center = ref({ lat: form.value.latitude || 39.145902, lng: form.value.longitude || 117.17546 });
|
||||
const zoom = ref(20);
|
||||
const center = ref({ lat: form.value.latitude || 20.018883, lng: form.value.longitude || 110.348801 });
|
||||
const zoom = ref(17);
|
||||
const control = reactive({
|
||||
scale: {},
|
||||
zoom: {
|
||||
@ -546,7 +550,7 @@ const control = reactive({
|
||||
}
|
||||
});
|
||||
const searchLocation = ref(''); // 搜索地点
|
||||
const geometries = ref([{ styleId: 'marker', position: { lat: form.value.latitude || 39.145902, lng: form.value.longitude || 117.17546 } }]);
|
||||
const geometries = ref([{ styleId: 'marker', position: { lat: form.value.latitude || 20.018883, lng: form.value.longitude || 110.348801 } }]);
|
||||
const styles = reactive({
|
||||
marker: {
|
||||
width: 20,
|
||||
@ -681,11 +685,11 @@ const getList = async () => {
|
||||
|
||||
/** 取消按钮 */
|
||||
const cancel = (type: string) => {
|
||||
reset(type);
|
||||
if (type == 'preview') {
|
||||
previewVisible.value = false;
|
||||
return;
|
||||
}
|
||||
reset(type);
|
||||
dialog.visible = false;
|
||||
noteBookVisible.value = false;
|
||||
noteBookTagIds.value = ''; // 清空标签
|
||||
@ -791,6 +795,7 @@ const handleUpdate = async (row?: any) => {
|
||||
} else {
|
||||
res.data.regionCode = res.data.region;
|
||||
}
|
||||
searchLocation.value = res.data.address;
|
||||
Object.assign(form.value, res.data);
|
||||
dialog.visible = true;
|
||||
dialog.title = queryParams.value.type == '0' ? '修改景点' : '修改商家';
|
||||
@ -805,6 +810,7 @@ const handleDetail = async (row?: ArticleVO) => {
|
||||
reset();
|
||||
const _id = row?.id || ids.value[0];
|
||||
const res = await getArticle(_id);
|
||||
res.data.tagId_copy = res.data.tagId?.split(',');
|
||||
Object.assign(form.value, res.data);
|
||||
previewVisible.value = true;
|
||||
};
|
||||
|
||||
@ -1,7 +1,8 @@
|
||||
<!-- 标签管理 -->
|
||||
<template>
|
||||
<div class="p-2">
|
||||
<transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
|
||||
<transition :enter-active-class="proxy?.animate.searchAnimate.enter"
|
||||
:leave-active-class="proxy?.animate.searchAnimate.leave">
|
||||
<div v-show="showSearch" class="mb-[10px]" id="search_div">
|
||||
<el-card shadow="hover">
|
||||
<el-form ref="queryFormRef" :model="queryParams" :inline="true">
|
||||
@ -14,11 +15,12 @@
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
|
||||
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
|
||||
<el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['manage:tag:add']">新增</el-button>
|
||||
<el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()" v-hasPermi="['manage:tag:edit']">修改</el-button>
|
||||
<el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()" v-hasPermi="['manage:tag:remove']"
|
||||
>删除</el-button
|
||||
>
|
||||
<el-button type="primary" plain icon="Plus" @click="handleAdd"
|
||||
v-hasPermi="['manage:tag:add']">新增</el-button>
|
||||
<el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()"
|
||||
v-hasPermi="['manage:tag:edit']">修改</el-button>
|
||||
<el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()"
|
||||
v-hasPermi="['manage:tag:remove']">删除</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
@ -30,7 +32,7 @@
|
||||
<el-table-column label="标签ID" align="center" prop="id" v-if="false" width="70px" />
|
||||
<el-table-column label="标签名称" align="center" prop="title" />
|
||||
<el-table-column label="排序" align="center" prop="sort" />
|
||||
<el-table-column label="更新者" align="center" prop="updateBy" />
|
||||
<el-table-column label="更新者" align="center" prop="updateByName" />
|
||||
<el-table-column label="更新时间" align="center" prop="updateTime" width="180">
|
||||
<template #default="scope">
|
||||
<span>{{ parseTime(scope.row.updateTime, '{y}-{m}-{d}') }}</span>
|
||||
@ -39,23 +41,19 @@
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template #default="scope">
|
||||
<el-tooltip content="修改" placement="top">
|
||||
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['manage:tag:edit']"></el-button>
|
||||
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['manage:tag:edit']"></el-button>
|
||||
</el-tooltip>
|
||||
<el-tooltip content="删除" placement="top">
|
||||
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['manage:tag:remove']"></el-button>
|
||||
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
|
||||
v-hasPermi="['manage:tag:remove']"></el-button>
|
||||
</el-tooltip>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total > 0"
|
||||
id="table_page"
|
||||
:total="total"
|
||||
v-model:page="queryParams.pageNum"
|
||||
v-model:limit="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
<pagination v-show="total > 0" id="table_page" :total="total" v-model:page="queryParams.pageNum"
|
||||
v-model:limit="queryParams.pageSize" @pagination="getList" />
|
||||
<!-- 添加或修改标签对话框 -->
|
||||
<el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
|
||||
<el-form ref="tagFormRef" :model="form" :rules="rules" label-width="80px">
|
||||
@ -229,6 +227,7 @@ const handleExport = () => {
|
||||
.el-card :deep(.el-card__body) {
|
||||
padding-bottom: 0px !important;
|
||||
}
|
||||
|
||||
#table_page {
|
||||
height: 50px !important;
|
||||
margin-top: 10px !important;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user