Compare commits

..

80 Commits

Author SHA1 Message Date
liaozetao
97df44bcb5 替换金币字眼为钻石 2024-04-28 10:26:06 +08:00
liaozetao
392f23caf2 修改礼物管理默认值 2024-04-26 18:25:39 +08:00
liaozetao
5689a44e58 添加地区 2024-04-26 14:11:29 +08:00
liaozetao
dc1f09947a 修复许愿之星地区查询 2024-04-25 15:22:39 +08:00
liaozetao
a0a017bf27 修復查詢條件 2024-04-24 21:40:25 +08:00
liaozetao
41871b9411 补充 2024-04-24 18:46:03 +08:00
liaozetao
f5d5b33954 修复许愿之星礼物过滤问题 2024-04-24 17:56:42 +08:00
liaozetao
91bd946dce 修复寻爱之旅奖品配置问题 2024-04-24 11:51:20 +08:00
liaozetao
6295c139df 修改赠送金币字眼 2024-04-24 10:31:43 +08:00
liaozetao
d1beef206a 修复mp4问题 2024-04-23 16:57:59 +08:00
liaozetao
7b85f23e43 保存添加延时等待 2024-04-23 14:43:42 +08:00
liaozetao
7d59d6beea 修复腾讯云上传 2024-04-22 18:12:51 +08:00
liaozetao
6bef598581 补充 2024-04-22 18:12:42 +08:00
liaozetao
9a9f2137b4 生成帳號區分地區 2024-04-22 17:44:45 +08:00
liaozetao
aed5895a2b 修改管理後台名稱2 2024-04-22 15:51:54 +08:00
liaozetao
7ec3410830 修改管理後台名稱 2024-04-22 15:51:45 +08:00
liaozetao
ea75577799 修改印语为英语 2024-04-22 15:22:42 +08:00
liaozetao
c94b1e559a 修复礼物名称返回问题 2024-04-22 11:42:37 +08:00
liaozetao
15e2d096c6 修复福袋新增礼物报错 2024-04-22 11:23:41 +08:00
liaozetao
3490b090f9 补充 2024-04-22 11:12:50 +08:00
liaozetao
107980d41a 添加日志 2024-04-22 11:07:08 +08:00
liaozetao
f3f048b44d 去除.action? 2024-04-22 10:50:12 +08:00
liaozetao
afae64da91 去除.action后缀 2024-04-22 10:44:52 +08:00
liaozetao
12c174e616 修复超级幸运礼物配置 2024-04-19 18:13:21 +08:00
liaozetao
817d5ed58d 修改管理后台名称 2024-04-19 17:45:28 +08:00
liaozetao
d20d31ebcd 修改气泡和资料卡展示名称 2024-04-19 14:18:01 +08:00
liaozetao
c788399c07 修复周星榜 2024-04-19 11:56:04 +08:00
liaozetao
23ba148fcd 修改礼物名称返回问题 2024-04-19 11:25:11 +08:00
liaozetao
2fb8a32e9d 修复福袋礼物查询 2024-04-18 18:02:56 +08:00
liaozetao
f83f5ffe97 修改福袋名称配置 2024-04-18 17:52:34 +08:00
liaozetao
7ec1b6e768 修复话题列表报错 2024-04-18 17:37:52 +08:00
liaozetao
81b9a43dac 修复话题查询条件 2024-04-18 17:31:03 +08:00
liaozetao
f51abb820c 动态数据增加地区查询 2024-04-18 17:24:28 +08:00
liaozetao
27e38f8351 修复福袋购买记录的地区问题 2024-04-18 17:06:31 +08:00
liaozetao
103a71061c 补充 2024-04-18 16:59:39 +08:00
liaozetao
d375ce96e2 修改日期查询 2024-04-18 16:55:25 +08:00
liaozetao
c9a924d132 修改福袋购买记录查询 2024-04-18 16:53:39 +08:00
liaozetao
a481176ec8 修复福袋数据统计查询问题 2024-04-18 16:41:31 +08:00
liaozetao
fa2bb73df3 修复长描述回显问题2 2024-04-18 15:49:53 +08:00
liaozetao
9637ddccb1 修复长描述回显问题 2024-04-18 15:45:35 +08:00
liaozetao
689f78e68d 修复贵族特权保存问题 2024-04-18 15:35:22 +08:00
liaozetao
c211cdc97f 修复字眼错误 2024-04-18 15:31:58 +08:00
liaozetao
8dfa8a216c 修改VIP特权展示多语言 2024-04-18 11:25:38 +08:00
liaozetao
9f6409f249 修复分区标识回显问题 2024-04-18 10:01:14 +08:00
liaozetao
d5021d26ad 修复话题多语言问题 2024-04-16 18:20:13 +08:00
liaozetao
3fbcc8f577 修复许愿之星查询问题 2024-04-16 17:17:32 +08:00
liaozetao
aa3f647c1c 修复头饰查询按钮 2024-04-16 16:54:00 +08:00
liaozetao
e73038f104 修复地区筛选框问题 2024-04-16 16:28:38 +08:00
liaozetao
65972cce7d 修复座驾保存问题 2024-04-16 16:21:02 +08:00
liaozetao
7b9c36ea23 修复聊天气泡报错 2024-04-16 15:51:00 +08:00
liaozetao
dcb8e0269a 修改地区判断 2024-04-16 15:39:40 +08:00
liaozetao
1b18624b7c 补充 2024-04-16 15:21:25 +08:00
liaozetao
cb2cf4a31c 修改banner管理样式 2024-04-16 14:59:53 +08:00
liaozetao
653ece7aaa 修复活动banner样式 2024-04-16 14:51:52 +08:00
liaozetao
15a55e5172 修复推荐-活动banner管理 2024-04-16 14:44:02 +08:00
liaozetao
e5851a1693 修复tab首页查询 2024-04-16 14:20:23 +08:00
liaozetao
bb697939a4 修复 2024-04-16 12:08:55 +08:00
liaozetao
f75afa95af 修复房间列表查询条件排序问题 2024-04-16 11:59:02 +08:00
liaozetao
18988497ab 修复礼物报错 2024-04-16 11:03:20 +08:00
liaozetao
d399fb634c 修复地区展示问题 2024-04-16 10:51:19 +08:00
liaozetao
2bbd8c647d 修复房间标签地区不展示问题 2024-04-16 10:49:59 +08:00
liaozetao
23faa2b61e 修复房间标签报错 2024-04-16 10:44:04 +08:00
liaozetao
5a64eda188 修复礼物地区 2024-04-15 20:24:11 +08:00
liaozetao
94552bf5dd 修复礼物保存问题 2024-04-15 20:16:41 +08:00
liaozetao
6053edede1 修复bug 2024-04-15 18:36:02 +08:00
liaozetao
f7e706e107 修改字符限制 2024-04-15 16:29:00 +08:00
liaozetao
ffb4497c39 房间标签新增地区查询条件 2024-04-15 11:28:11 +08:00
liaozetao
1cdda53f1e 修复房间管理 2024-04-15 11:22:29 +08:00
liaozetao
fd9369c254 修复tab首页管理 2024-04-15 11:21:14 +08:00
liaozetao
eaec34bf1b 添加地区查询条件 2024-04-15 11:14:53 +08:00
liaozetao
2e221629a9 banner管理添加地区字段 2024-04-15 11:14:14 +08:00
liaozetao
332fd77b21 修复资源位请求问题 2024-04-15 11:11:23 +08:00
liaozetao
53d79cc8fa 修复福袋数据统计无法展示问题 2024-04-15 11:07:44 +08:00
liaozetao
453198234c 提交报错 2024-04-15 11:03:04 +08:00
liaozetao
84782a7d26 修复checkbox回显 2024-04-12 18:25:58 +08:00
liaozetao
4479cda120 修复展示问题 2024-04-12 18:19:26 +08:00
liaozetao
13664f4dc5 修复列表报错 2024-04-12 18:10:32 +08:00
liaozetao
e4abda8b8f 修复报错 2024-04-12 09:49:43 +08:00
liaozetao
97bd43bd47 新增多分区选择分区逻辑 2024-04-10 19:17:45 +08:00
liaozetao
f06a905c1c 新增分区逻辑 2024-04-09 19:05:17 +08:00
45 changed files with 1161 additions and 8459 deletions

View File

@@ -1,9 +0,0 @@
import request from '@/utils/request';
export const getPublicChatTopRecordPage = query => {
return request({
url: '/admin/publicChatTopRecord/page',
method: 'get',
params: query
});
};

View File

@@ -1,21 +0,0 @@
import request from '@/utils/request';
import qs from 'qs';
import { genQueryParam } from '@/utils/maintainer';
// ==================================每日数据====================================
// 反馈类型
export const listType = query => {
return request({
url: '/admin/feedback/listType',
method: 'get',
params: query
});
};
// 反馈列表
export const pageRecord = query => {
return request({
url: '/admin/feedback/pageRecord',
method: 'get',
params: query
});
};

View File

@@ -1,20 +0,0 @@
import request from '@/utils/request';
import { genQueryParam } from '@/utils/maintainer';
// 获取游戏列表
export const mgList = query => {
return request({
url: '/admin/miniGame/statis/mgList',
method: 'get',
params: query
});
};
// 游戏编辑
export const save = query => {
return request({
url: '/admin/miniGame/save',
headers:{"Content-Type": 'application/x-www-form-urlencoded'},
method: 'post',
data: query
});
};

View File

@@ -1,173 +0,0 @@
import request from '@/utils/request';
import { genQueryParam } from '@/utils/maintainer';
// 地区接口
export const listPartitionInfo = query => {
return request({
url: '/partition/listPartitionInfo',
method: 'get',
params: query
});
};
// 福袋列表请求
export const listLuckyBagLinearGift = query => {
return request({
url: '/admin/gift/getGiftByTypes',
method: 'get',
params: query
});
};
// 福袋礼物列表请求
export const getPrizeGroupsInfo = query => {
return request({
url: '/admin/luckyBag/getGroupInfo',
method: 'get',
params: query
});
};
// 所有礼物列表请求
export const getAll = query => {
return request({
url: '/admin/gift/getAll',
method: 'get',
params: query
});
};
// 所有座驾列表请求
export const carAll = query => {
return request({
url: '/admin/car/goods/total/list',
method: 'get',
params: query
});
};
// 所有头饰列表请求
export const headwearAll = query => {
return request({
url: '/admin/headwear/total/list',
method: 'get',
params: query
});
};
// 所有铭牌列表请求
export const nameplateAll = query => {
return request({
url: '/admin/nameplate/total/list',
method: 'get',
params: query
});
};
// 所有气泡列表请求
export const chatbubbleAll = query => {
return request({
url: '/admin/chatbubble/total/list',
method: 'get',
params: query
});
};
// 所有资料卡列表请求
export const infocard = query => {
return request({
url: '/admin/infocard/total/list',
method: 'get',
params: query
});
};
// 榜单统计-列表接口
export const luckyBagWeekRankList = query => {
return request({
url: '/admin/luckyBagWeekRank/list',
method: 'get',
params: query
});
};
// 榜单统计-详情列表接口
export const luckyBagWeekRankListRank = query => {
return request({
url: '/admin/luckyBagWeekRank/pageRank',
method: 'get',
params: query
});
};
// 榜单统计-总导出
export const exportList = query => {
window.location.href = `/admin/luckyBagWeekRank/exportList?${genQueryParam(query)}`;
return;
};
// 榜单统计-详情导出
export const exportRank = query => {
window.location.href = `/admin/luckyBagWeekRank/exportRank?${genQueryParam(query)}`;
return;
};
// 用户中奖记录-列表
export const getRecordPage = query => {
return request({
url: '/admin/luckyBagFortunate/getRecordPage',
method: 'get',
params: query
});
};
// 用户中奖记录-导出
export const exportForReward = query => {
window.location.href = `/admin/luckyBagFortunate/exportForReward?${genQueryParam(query)}`;
return;
};
// 欧气1+1-导出
export const luckyBagFortunateExport = query => {
window.location.href = `/admin/luckyBagFortunate/export?${genQueryParam(query)}`;
return;
};
// 欧气1+1-列表
export const luckyBagFortunatePage = query => {
return request({
url: '/admin/luckyBagFortunate/page',
method: 'get',
params: query
});
};
// 欧气1+1-保存
export const luckyBagFortunateSave = query => {
return request({
url: '/admin/luckyBagFortunate/save',
method: 'post',
params: query
});
};
// 欧气1+1-上下线
export const luckyBagFortunateUpdateEnabled = query => {
return request({
url: '/admin/luckyBagFortunate/updateEnabled',
method: 'post',
params: query
});
};
// 收藏-列表
export const luckyBagCollectPage = query => {
return request({
url: '/admin/luckyBagCollect/page',
method: 'get',
params: query
});
};
// 收藏-上下线
export const updateEnabled = query => {
return request({
url: '/admin/luckyBagCollect/updateEnabled',
method: 'post',
params: query
});
};
// 收藏-保存
export const luckyBagCollectSave = query => {
return request({
url: '/admin/luckyBagCollect/save',
headers:{"Content-Type": 'application/x-www-form-urlencoded'},
method: 'post',
data: query
});
};
// 收藏-导出
export const luckyBagCollectExport = query => {
window.location.href = `/admin/luckyBagCollect/export?${genQueryParam(query)}`;
return;
};

View File

@@ -1,28 +0,0 @@
import request from '@/utils/request';
import { genQueryParam } from '@/utils/maintainer';
export const miniGameForBaiShunPage = query => {
return request({
url: '/admin/miniGame/baiShun/statis/page',
method: 'get',
params: query
});
};
export const miniGameForBaiShunDetailPage = query => {
return request({
url: '/admin/miniGame/baiShun/statis/detailPage',
method: 'get',
params: query
});
};
export const miniGameForBaiShunExport = query => {
window.location.href = `/admin/miniGame/baiShun/statis/export?${genQueryParam(query)}`;
return;
};
export const miniGameForBaiShunExportAll = query => {
window.location.href = `/admin/miniGame/baiShun/statis/exportForMiniGame?${genQueryParam(query)}`;
return;
};

View File

@@ -1,9 +0,0 @@
import request from '@/utils/request';
export const miniGameForNavPage = query => {
return request({
url: '/admin/miniGame/nav/page',
method: 'get',
params: query
});
};

View File

@@ -1,117 +0,0 @@
import request from '@/utils/request';
import { genQueryParam } from '@/utils/maintainer';
// 邀请移除记录
export const pageOperateRecord = query => {
return request({
url: '/admin/family/manage/pageOperateRecord',
method: 'get',
params: query
});
};
// 查询公会信息
export const pageFamily = query => {
return request({
url: '/admin/family/manage/pageFamily',
method: 'get',
params: query
});
};
// 公会成员信息
export const pageFamilyMember = query => {
return request({
url: '/admin/family/manage/pageFamilyMember',
method: 'get',
params: query
});
};
// 创建公会信息
export const create = query => {
return request({
url: '/admin/family/manage/create',
method: 'post',
params: query
});
};
// 删除公会信息
export const dismiss = query => {
return request({
url: '/admin/family/manage/dismiss',
method: 'post',
params: query
});
};
// 幸运礼物详情导出
export const luckyGiftRewardRecordExport = query => {
window.location.href = `/admin/luckyGiftRewardRecord/export?${genQueryParam(query)}`;
return;
};
// 公会信息编辑接口
export const update = query => {
return request({
url: '/admin/family/manage/update',
method: 'post',
params: query
});
};
// 违规类型列表接口
export const pageFun = query => {
return request({
url: '/admin/familyMember/violation/page',
method: 'get',
params: query
});
};
// 违规类型列表接口
export const listFun = query => {
return request({
url: '/admin/familyMember/violation/list',
method: 'get',
params: query
});
};
// 违规类型添加接口
export const addFun = query => {
return request({
url: '/admin/familyMember/violation/add',
method: 'post',
params: query
});
};
// 编辑
export const updateFun = query => {
return request({
url: '/admin/familyMember/violation/update',
method: 'post',
params: query
});
};
// 删除
export const delFun = query => {
return request({
url: '/admin/familyMember/violation/del',
method: 'post',
params: query
});
};
// 添加违规记录
export const addRecord = query => {
return request({
url: '/admin/familyMember/violation/addRecord',
method: 'post',
params: query
});
};
// 违规类查询
export const listRecord = query => {
return request({
url: '/admin/familyMember/violation/listRecord',
method: 'get',
params: query
});
};
// 导出
export const exportFamilyMember = query => {
window.location.href = `/admin/family/manage/exportFamilyMember?${genQueryParam(query)}`;
return;
};

View File

@@ -1,17 +0,0 @@
import request from "@/utils/request";
export function getI18nMessageList() {
return request({
url: '/admin/i18nMessage/list',
method: 'get'
});
}
export function saveI18nMessage(data) {
return request({
url: '/admin/i18nMessage/save',
headers:{"Content-Type": 'application/x-www-form-urlencoded'},
method: 'post',
data: data
});
}

View File

@@ -1,253 +1,177 @@
<template>
<!-- Left side column. contains the logo and sidebar -->
<aside
class="main-sidebar"
style="height: 100%; overflow: hidden; overflow: scroll"
>
<!-- sidebar: style can be found in sidebar.less -->
<section class="sidebar">
<!-- Sidebar user panel (optional) -->
<div class="user-panel">
<div class="pull-left image">
<img :src="avatar" class="img-circle" :alt="username" />
</div>
<div class="pull-left info">
<p>{{ username }}</p>
<!-- Status -->
<a href="#"><i class="fa fa-circle text-success"></i> Online</a>
</div>
</div>
<!-- search form (Optional) -->
<form method="get" class="sidebar-form" onsubmit="return false;">
<div class="input-group">
<input
type="text"
name="q"
class="form-control"
placeholder="Search..."
@input="search"
/>
<span class="input-group-btn">
<button
name="search"
id="search-btn"
class="btn btn-flat"
@click="search"
>
<i class="fa fa-search"></i>
</button>
</span>
</div>
</form>
<!-- /.search form -->
<!-- Sidebar Menu -->
<ul class="sidebar-menu">
<li class="header">主导航</li>
<!-- Optionally, you can add icons to the links -->
<li
v-for="(parent, parentIndex) in parentMenus"
:key="parent"
:data-index="parentIndex"
class="treeview"
>
<a>
<i :class="[parent.icon ? parent.icon : 'fa fa-link']"></i>
<span>{{ parent.name }}</span>
<span class="label pull-right bg-yellow" :id="['ic' + parent.id]">
{{ getChildLength(parent.id) }}
</span>
</a>
<ul class="treeview-menu" :id="['menu' + parent.id]">
<li
v-for="(child, childIndex) in getChilds(parent.id)"
:key="child"
:data-index="childIndex"
>
<a :data-url="child.path" @click="handleClick(child)">
<i
:class="[
child.icon && child.icon != ''
? child.icon
: 'fa fa-circle-o text-yellow',
]"
></i>
<span>{{ child.name }}</span>
</a>
</li>
</ul>
</li>
</ul>
<!-- /.sidebar-menu -->
</section>
<!-- /.sidebar -->
</aside>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper" style="height: 100%">
<!-- Content Header (Page header) -->
<section
class="content-header"
:style="[
childMenu.name && childMenu.name != ''
? 'display:block;'
: 'display:none;',
]"
>
<h1>
{{ childMenu.name }}
<small>{{ childMenu.description }}</small>
</h1>
<ol class="breadcrumb">
<li>
<a href="#"
><i class="fa fa-dashboard"></i> {{ childMenu.parentName }}</a
>
</li>
<li class="active">{{ childMenu.name }}</li>
</ol>
</section>
<!-- Main content -->
<section class="content">
<!-- <section class="content" style="height: 100%; overflow: hidden; overflow: scroll;"> -->
<!-- Your Page Content Here -->
<component :is="componentName"></component>
</section>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
<div
class="modal fade"
id="tipModal"
tabindex="-1"
role="dialog"
aria-labelledby="modalLabel"
>
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">提示信息</h4>
</div>
<div class="modal-body" id="tipMsg"></div>
</div>
<!-- Left side column. contains the logo and sidebar -->
<aside class="main-sidebar" style="height: 100%; overflow: hidden; overflow: scroll;">
<!-- sidebar: style can be found in sidebar.less -->
<section class="sidebar">
<!-- Sidebar user panel (optional) -->
<div class="user-panel">
<div class="pull-left image">
<img :src="avatar" class="img-circle" :alt="username">
</div>
<div class="pull-left info">
<p>{{ username }}</p>
<!-- Status -->
<a href="#"><i class="fa fa-circle text-success"></i> Online</a>
</div>
</div>
<!-- search form (Optional) -->
<form method="get" class="sidebar-form" onsubmit="return false;">
<div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..." @input="search">
<span class="input-group-btn">
<button name="search" id="search-btn" class="btn btn-flat" @click="search">
<i class="fa fa-search"></i>
</button>
</span>
</div>
</form>
<!-- /.search form -->
<!-- Sidebar Menu -->
<ul class="sidebar-menu">
<li class="header">主导航</li>
<!-- Optionally, you can add icons to the links -->
<li v-for="(parent, parentIndex) in parentMenus" :key="parent" :data-index="parentIndex" class="treeview">
<a>
<i :class="[parent.icon ? parent.icon : 'fa fa-link']"></i>
<span>{{ parent.name }}</span>
<span class="label pull-right bg-yellow" :id="['ic' + parent.id]">
{{ getChildLength(parent.id) }}
</span>
</a>
<ul class="treeview-menu" :id="['menu' + parent.id]">
<li v-for="(child, childIndex) in getChilds(parent.id)" :key="child" :data-index="childIndex">
<a :data-url="child.path" @click="handleClick(child)">
<i
:class="[child.icon && child.icon != '' ? child.icon : 'fa fa-circle-o text-yellow']"></i>
<span>{{ child.name }}</span>
</a>
</li>
</ul>
</li>
</ul>
<!-- /.sidebar-menu -->
</section>
<!-- /.sidebar -->
</aside>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper" style="height: 100%;">
<!-- Content Header (Page header) -->
<section class="content-header"
:style="[childMenu.name && childMenu.name != '' ? 'display:block;' : 'display:none;']">
<h1>
{{ childMenu.name }}
<small>{{ childMenu.description }}</small>
</h1>
<ol class="breadcrumb">
<li><a href="#"><i class="fa fa-dashboard"></i> {{ childMenu.parentName }}</a></li>
<li class="active">{{ childMenu.name }}</li>
</ol>
</section>
<!-- Main content -->
<section class="content">
<!-- <section class="content" style="height: 100%; overflow: hidden; overflow: scroll;"> -->
<!-- Your Page Content Here -->
<component :is="componentName"></component>
</section>
<!-- /.content -->
</div>
</div>
<div
class="modal fade"
id="confirmModal"
tabindex="-1"
role="dialog"
aria-labelledby="modalLabel"
data-backdrop="static"
>
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">确认信息</h4>
<!-- /.content-wrapper -->
<div class="modal fade" id="tipModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">提示信息</h4>
</div>
<div class="modal-body" id="tipMsg"></div>
</div>
</div>
<div class="modal-body" id="confirmMsg"></div>
</div>
</div>
</div>
<div
class="modal fade loading"
style="background: #00000040"
tabindex="-1"
role="dialog"
aria-labelledby="loadingModalLabel"
aria-hidden="true"
data-backdrop="static"
data-keyboard="false"
>
<div class="loadingGif" style="position: fixed; left: 50%; top: 50%">
<img
src="https://img.zcool.cn/community/0111345d94b0b8a801211d53cbd04d.gif"
style="width: 10%"
/>
<div class="modal fade" id="confirmModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel"
data-backdrop="static">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">确认信息</h4>
</div>
<div class="modal-body" id="confirmMsg"></div>
</div>
</div>
</div>
<div class="modal fade loading" style="background: #00000040;" tabindex="-1" role="dialog"
aria-labelledby="loadingModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
<div class="loadingGif" style="position: fixed; left:50%; top:50%;"><img src="https://img.zcool.cn/community/0111345d94b0b8a801211d53cbd04d.gif" style="width: 10%;"></div>
</div>
</div>
</template>
<script>
import store from "@/store";
import Vue from "vue";
import { getStore } from "@/utils/store";
import store from '@/store';
import { getStore } from '@/utils/store';
export default {
name: "MaintainerView",
data() {
return {
componentName: "",
username: "",
avatar: "",
parentMenus: [],
childMenus: [],
childMenu: {
name: "",
parentName: "",
description: "",
},
};
},
created() {
this.getMenu();
this.username = store.getters.username;
this.avatar = store.getters.avatar;
},
methods: {
getMenu() {
this.parentMenus = getStore({ name: "parent_menus" });
this.childMenus = getStore({ name: "child_menus" });
store.dispatch("getMenu").then((res) => {
this.parentMenus = res.parents;
this.childMenus = res.childs;
});
name: 'MaintainerView',
data() {
return {
componentName: "",
username: "",
avatar: "",
parentMenus: [],
childMenus: [],
childMenu: {
name: "",
parentName: "",
description: "",
}
};
},
getChilds(parentId) {
return this.childMenus.filter((v) => v.parentid == parentId);
created() {
this.getMenu();
this.username = store.getters.username;
this.avatar = store.getters.avatar;
},
getChildLength(parentId) {
return this.childMenus.filter((v) => v.parentid == parentId).length;
},
handleClick(menu) {
this.childMenu.name = menu.name;
this.childMenu.parentName = menu.parentstr;
this.childMenu.description = menu.description;
store.dispatch("getViewComponent", menu.path).then((componentName) => {
this.componentName = componentName;
const files = require.context("@/views", true, /\.vue$/);
let components = {};
files.keys().forEach((key) => {
components[key.replace(/(\.\/|\.vue)/g, "")] = files(key).default;
});
});
},
search() {
let text = $("input[type='text']").val();
this.childMenus = store.getters.childMenus.filter(
(v) => v.name.indexOf(text) >= 0
);
if (!this.childMenus.length || this.childMenus.length == 0) {
this.parentMenus = store.getters.parentMenus.filter(
(v) => v.name.indexOf(text) >= 0
);
} else {
let parentIds = this.childMenus.map((v) => v.parentid);
let parentMenus = store.getters.parentMenus.filter(
(v) => v.name.indexOf(text) >= 0
);
if (parentMenus && parentMenus.length > 0) {
parentMenus.forEach((v) => {
parentIds.push(v.id);
});
methods: {
getMenu() {
this.parentMenus = getStore({ name: 'parent_menus' });
this.childMenus = getStore({ name: 'child_menus' });
store.dispatch('getMenu').then(res => {
this.parentMenus = res.parents;
this.childMenus = res.childs;
});
},
getChilds(parentId) {
return this.childMenus.filter(v => v.parentid == parentId);
},
getChildLength(parentId) {
return this.childMenus.filter(v => v.parentid == parentId).length;
},
handleClick(menu) {
this.childMenu.name = menu.name;
this.childMenu.parentName = menu.parentstr;
this.childMenu.description = menu.description;
store.dispatch('getViewComponent', menu.path).then(componentName => {
console.log(componentName);
this.componentName = componentName;
});
},
search() {
let text = $("input[type='text']").val();
this.childMenus = store.getters.childMenus.filter(v => v.name.indexOf(text) >= 0);
if (!this.childMenus.length || this.childMenus.length == 0) {
this.parentMenus = store.getters.parentMenus.filter(v => v.name.indexOf(text) >= 0);
} else {
let parentIds = this.childMenus.map(v => v.parentid);
let parentMenus = store.getters.parentMenus.filter(v => v.name.indexOf(text) >= 0);
if (parentMenus && parentMenus.length > 0) {
parentMenus.forEach(v => {
parentIds.push(v.id);
});
}
this.parentMenus = store.getters.parentMenus.filter(v1 => parentIds.filter(v2 => v1.id == v2).length > 0);
}
}
this.parentMenus = store.getters.parentMenus.filter(
(v1) => parentIds.filter((v2) => v1.id == v2).length > 0
);
}
},
},
};
}
</script>
<style scoped>
@import "@/css/main.css";
@import '@/css/main.css';
</style>

View File

@@ -41,7 +41,7 @@ export function buildSelectOption(id, defVal, array) {
let $select = $(id);
let children = $select.children();
if (children && children.length > 0) {
$select.empty();
return;
}
for(let i in array) {
let obj = array[i];

View File

@@ -529,7 +529,7 @@ export default {
$('#carChoose').combobox();
})
$.get('/admin/nameplate/total/list', {}, function (res) {
$.get('/admin/nameplate//total/list', {}, function (res) {
if (res.code == 200) {
for (var i = 0; i < res.data.length; i++) {
// car.push(res.data[i]);

View File

@@ -1,157 +0,0 @@
<template>
<section class="content">
<div class="box box-danger">
<div class="box-body">
<!-- Content Header (Page header) -->
<section class="content-header">
<h1 id="itemTitle"></h1>
</section>
<!-- .content -->
<section class="content">
<div id="table"></div>
<div id="toolbar">
<div class="col-sm-12">
<label for="erbanNo" class="col-sm-1 control-label">ID:</label>
<div class="col-sm-2">
<input type="text" class="form-control" name="erbanNo" id="erbanNo">
</div>
<label for="startTime" class="col-sm-1 control-label">付费日期:</label>
<div class="col-sm-2">
<input type="text" name="startTime" id="timeBegin" class="input-sm form-control" placeholder="起始时间">
</div>
<label for="endTime" class="col-sm-1 control-label">-</label>
<div class="col-sm-2">
<input type="text" name="endTime" id="timeEnd" class="input-sm form-control" placeholder="结束时间">
</div>
<label for="partitionId" class="col-sm-1 control-label">地区:</label>
<div class="col-sm-2">
<select name="partitionId" id="partitionId" class="form-control"></select>
</div>
</div>
<div class="col-sm-12">
<button id="btnSearch" class="btn btn-default">
<i class="glyphicon glyphicon-search"></i>查询
</button>
</div>
</div>
</section><!-- .content -->
</div>
</div>
</section>
</template>
<script>
import TableHelper from '@/utils/bootstrap-table-helper';
import { getPublicChatTopRecordPage } from '@/api/chat/publicChatTopRecord';
import { getPartitionInfoList } from '@/api/partition/partitionInfo';
import { buildSelectOption } from '@/utils/system-helper';
export default {
name: 'PublicChatTopRecordView',
data() {
return {
columns: [
{ field: 'erbanNo', title: '用户ID', align: 'center', width: '5%' },
{ field: 'nick', title: '用户昵称', align: 'center', width: '15%' },
{ field: 'partitionDesc', title: '所属地区', align: 'center', width: '15%' },
{ field: 'payMoneyNum', title: '付费金额(金币)', align: 'center', width: '15%' },
{ field: 'createTime', title: '付费日期', align: 'center', width: '15%' },
{ field: 'content', title: '头条内容', align: 'center', width: '15%' },
],
};
},
created() {
this.initPartition();
this.init();
},
methods: {
init() {
this.$nextTick(function () {
let $this = this;
var picker1 = $("#timeBegin").datetimepicker({
format: 'yyyy-mm-dd hh:ii:00',
todayBtn: true,
autoclose: true,
});
var picker2 = $("#timeEnd").datetimepicker({
format: 'yyyy-mm-dd hh:ii:00',
todayBtn: true,
autoclose: true
});
picker1.on('changeDate', function () {
var date = $('#timeBegin').datetimepicker('getDate');
picker2.datetimepicker('setStartDate', date);
});
picker2.on('changeDate', function () {
var date = $('#timeEnd').datetimepicker('getDate');
picker1.datetimepicker('setEndDate', date);
});
$this.initTable();
$('#btnSearch').click(function () {
$this.search();
});
});
},
initTable() {
let $this = this;
TableHelper.destroy('#table');
$('#table').bootstrapTable({
columns: $this.columns,
cache: false,
striped: true,
showRefresh: false,
pageSize: 10,
pagination: true,
pageList: [1, 10, 20, 30, 50],
search: false,
sidePagination: 'server',
queryParamsType: 'undefined',
queryParams: function queryParams(params) {
var param = {
erbanNo: $('#erbanNo').val(),
startTime: $('#timeBegin').val(),
endTime: $('#timeEnd').val(),
partitionId: $('#partitionId').val(),
pageNum: params.pageNumber,
pageSize: params.pageSize,
};
return param;
},
ajax: function(request) {
getPublicChatTopRecordPage(request.data).then(res => {
let data = res.data;
request.success({
'rows': data.records,
'total': data.total
});
});
},
toolbar: '#toolbar',
});
},
search() {
TableHelper.doRefresh('#table');
},
initPartition() {
getPartitionInfoList().then(res => {
let data = res.data;
buildSelectOption(
"#partitionId",
null,
[{
value: '',
text: '全部',
}].concat(data.map((v) => {
return {
value: v.id,
text: v.desc,
};
}))
);
});
},
},
}
</script>
<style scoped></style>

View File

@@ -34,16 +34,6 @@
<div class="modal-body">
<form class="form-horizontal" id="addForm">
<input type="hidden" name="id" id="id" />
<div class="form-group">
<label for="partitionId" class="col-sm-3 control-label">选择地区</label>
<div class="col-sm-9">
<select name="partitionId" id="partitionId" class="col-sm-3 form-control">
<option value="1">英语区</option>
<option value="2">阿拉伯语区</option>
<option value="4">华语区</option>
</select>
</div>
</div>
<!--A策略-->
<div class="form-group">
<label for="resourceA" class="col-sm-3 control-label">A策略<font color="red">*</font></label>
@@ -179,25 +169,6 @@ export default {
$('#table').bootstrapTable({
columns: [
{ field: 'id', title: '序号', align: 'center', width: '5%' },
{
field: 'partitionId',
title: '地区',
align: 'center',
width: '10%',
formatter: function (val, row, index) {
let value = '';
if ((val & 1) != 0) {
value += '英语区<br>';
}
if ((val & 2) != 0) {
value += '阿拉伯语区<br>';
}
if ((val & 4) != 0) {
value += '华语区<br>';
}
return value;
}
},
{
field: 'resourceA',
title: 'A',
@@ -245,10 +216,10 @@ export default {
width: '10%',
formatter: function (val, row, index) {
if (row.isDefault) return '';
return '<button id="btnEdit" name="btnEdit" class="btn btn-sm btn-success opt-edit" data-id="' + val + '" data-index="' + index + '">' +
return '<button id="btnEdit" name="btnEdit" class="btn btn-sm btn-success opt-edit" data-id=' + val + '>' +
'<i class="glyphicon glyphicon-edit"></i> 编辑</button>' +
'&nbsp;&nbsp;<button class="btn btn-sm btn-danger opt-remove" data-id="' + val +
'" data-index="' + index + '"><i class="glyphicon glyphicon-remove"></i>删除</button>';
'&nbsp;&nbsp;<button class="btn btn-sm btn-danger opt-remove" data-id=' + val +
'><i class="glyphicon glyphicon-remove"></i>删除</button>';
}
}
],
@@ -324,7 +295,6 @@ export default {
var beginTime = $("#beginTime").val();
var endTime = $("#endTime").val();
var partitionId = $('#partitionId').val();
if (iconA == null || iconA == '') {
$("#tipMsg").text("保存失败,请先上传图片!");
@@ -351,8 +321,7 @@ export default {
contentA: contentA,
contentB: contentB,
beginTime: beginTime,
endTime: endTime,
partitionId: partitionId,
endTime: endTime
},
dataType: "json",
success: function (json) {
@@ -374,18 +343,13 @@ export default {
});
$("#table").on("click", '.opt-edit', function () {
const currentData = $('#table').bootstrapTable('getData')[$(this).data('index')];
let partitionId = currentData.partitionId;
var seq = $(this).attr("data-id");
clearModal();
$.ajax({
type: "get",
url: "/admin/home/resource/getResourceByStrategySeq",
data: {
seq: seq,
partitionId: partitionId,
},
data: { seq: seq },
dataType: "json",
success: function (res) {
var json = res.data;
@@ -419,8 +383,6 @@ export default {
$('#iconUrlB').val(json.iconB);
$('#iconImgUrlB').attr('src', json.iconB);
$('#partitionId').val(json.partitionId);
// 打开编辑弹窗
$("#roomTagModal").modal('show');
$("#modalLabel").text("编辑房间标签");
@@ -433,8 +395,6 @@ export default {
});
$("#table").on("click", '.opt-remove', function () {
const currentData = $('#table').bootstrapTable('getData')[$(this).data('index')];
let partitionId = currentData.partitionId;
var seq = $(this).attr("data-id");
if (seq == 'undefined') {
$("#tipMsg").text("id参数有误");
@@ -445,10 +405,7 @@ export default {
$.ajax({
type: 'post',
url: "/admin/home/resource/deleteByStrategySeq",
data: {
seq: seq,
partitionId: partitionId,
},
data: { seq: seq },
dataType: "json",
success: function (json) {
if (json.code == 200) {

View File

@@ -227,16 +227,6 @@
</div>
</div>
<div class="form-group">
<label for="type" class="col-sm-3 control-label">动效类型:</label>
<div class="col-sm-9">
<select name="type" id="type" class="form-control">
<option value="0">图片</option>
<option value="1">SVGA</option>
</select>
</div>
</div>
<div class="form-group">
<label for="seq" class="col-sm-3 control-label">排序:</label>
<div class="col-sm-9">
@@ -679,7 +669,6 @@ export default {
$('input[name="partitionFlag"]').each(function() {
$(this).checked = false;
});
$('#type').val(0);
$("#headwearModal").modal('show');
});
@@ -714,7 +703,6 @@ export default {
var radishOriginalPrice = $("#radishOriginalPrice").val();
var radishPrice = $("#radishPrice").val();
var radishRenewPrice = $("#radishRenewPrice").val();
var type = $('#type').val();
//分区
const partitionFlagArray = $("input:checkbox[name='partitionFlag']:checked").serializeArray();
@@ -783,7 +771,6 @@ export default {
radishPrice: radishPrice,
radishRenewPrice: radishRenewPrice,
partitionFlag: partitionFlag,
type: type,
},
dataType: "json",
success: function (json) {
@@ -843,7 +830,6 @@ export default {
$("#radishRenewPrice").val(json.radishRenewPrice);
$("#radishOriginalPrice").val(json.radishOriginalPrice);
$('#type').val(json.type);
$("#enable").checked = json.enable;
if (json.goldSale == true) {

File diff suppressed because it is too large Load Diff

View File

@@ -1,440 +0,0 @@
<template>
<div class="box">
<!-- 查询 -->
<!-- 时间选择器 -->
<div class="inquire">
<div class="block">
<span class="demonstration">日期</span>
<el-date-picker
v-model="inquire.time"
type="datetimerange"
range-separator=""
start-placeholder="开始日期"
end-placeholder="结束日期"
></el-date-picker>
</div>
<div class="block">
<span class="demonstration">周期</span>
<el-select
filterable
v-model="inquire.rankDateType"
placeholder="请选择"
>
<el-option
v-for="item in inquire.options"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</div>
<div class="block">
<span class="demonstration">地区</span>
<el-select
filterable
v-model="inquire.partitionId"
placeholder="请选择"
>
<el-option
v-for="item in inquire.options2"
:key="item.id"
:label="item.desc"
:value="item.id"
></el-option>
</el-select>
</div>
</div>
<!-- 查询按钮 -->
<el-button class="primary" type="primary" @click="getData()"
>查询</el-button
>
<!-- 导出按钮 -->
<el-button class="primary" type="primary" @click="deriveDialog = true"
>导出</el-button
>
</div>
<!-- 表格 -->
<el-table
v-loading="loading"
:data="tableData"
border
style="width: 100%; margin-top: 25px"
>
<el-table-column prop="date" align="center" label="日期" />
<el-table-column prop="count" align="center" label="总人数" />
<el-table-column prop="num" align="center" label="总次数" />
<el-table-column
prop="totalPlatformValue"
align="center"
label="实力代言值"
/>
<el-table-column prop="totalPlatformValue" align="center" label="人气代言值" />
<el-table-column align="center" label="操作" width="300">
<template v-slot="scope">
<el-button
@click="showDetailDialog(scope.row)"
class="primary"
type="primary"
size="default"
>详情</el-button
>
</template>
</el-table-column>
</el-table>
<!-- 分页 -->
<el-pagination
style="margin-top: 10px"
class="paginationClass"
v-model:current-page="currentPage"
v-model:page-size="pageSize"
:page-sizes="[10, 20, 30, 40, 50, 100, 200, 300, 400, 500, 999999999]"
layout="sizes, prev, pager, next"
:total="total"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
<!-- 筛选导出弹窗 -->
<el-dialog v-model="deriveDialog" title="导出" width="28%" center>
<!-- 榜单数据 -->
<div style="margin-bottom: 25px; margin-top: 10px">
<span
style="display: inline-block; margin-right: 20px"
class="col-sm-2 control-label"
>榜单数据</span
>
<el-select filterable v-model="deriveObj.value" placeholder="请选择">
<el-option
v-for="item in deriveObj.options"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</div>
<!-- 选择时间 -->
<div style="margin-bottom: 25px; margin-top: 10px">
<span
style="display: inline-block; margin-right: 20px"
class="col-sm-2 control-label"
>选择时间</span
>
<div class="inquire">
<el-date-picker
v-model="deriveObj.time"
type="datetimerange"
range-separator=""
start-placeholder="开始日期"
end-placeholder="结束日期"
style="width: 60%"
></el-date-picker>
</div>
</div>
<!-- 弹窗按钮 -->
<template #footer>
<span class="dialog-footer">
<el-button @click="deriveDialog = false">取消</el-button>
<el-button type="primary" @click="deriveOut()"> 确认导出 </el-button>
</span>
</template>
</el-dialog>
<!-- 详情导出弹窗 -->
<el-dialog v-model="detialDialog" title="榜单详情">
<div style="margin-bottom: 25px; margin-top: 10px">
<span
style="display: inline-block; margin-right: -20px"
class="col-sm-2 control-label"
>榜单数据</span
>
<el-select
filterable
v-model="detialObj.value"
placeholder="请选择"
style="display: inline-block; margin-right: 10px"
>
<el-option
v-for="item in detialObj.options"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
<el-button
@click="detialQuery()"
class="primary"
type="primary"
size="default"
>查询</el-button
>
</div>
<el-table border style="width: 100%" :data="detialObj.tableData">
<el-table-column property="seqNo" label="排名" />
<el-table-column property="erbanNo" label="用户ID" />
<el-table-column property="nick" label="用户昵称" />
<el-table-column property="total" label="值" />
</el-table>
<el-button
class="dialogTableVisibleBut"
type="primary"
@click="detialDialogClick()"
style="margin-top: 20px"
>
导出
</el-button>
<el-pagination
style="margin-top: 10px"
class="paginationClass"
v-model:current-page="currentPage2"
v-model:page-size="pageSize2"
:page-sizes="[10, 20, 30, 40, 50, 100, 200, 300, 400, 500, 999999999]"
layout="sizes, prev, pager, next"
:total="total2"
@size-change="handleSizeChange2"
@current-change="handleCurrentChange2"
/>
</el-dialog>
</template>
<script>
import {
luckyBagWeekRankList,
listPartitionInfo,
exportList,
luckyBagWeekRankListRank,
exportRank,
} from "@/api/luckyTycoon/luckyTycoon";
// @ts-ignore
import { dateFormat } from "@/utils/system-helper";
// @ts-ignore
import { ElMessage } from "element-plus";
export default {
name: "luckyTycoonListStatistics",
data() {
return {
inquire: {
giftId: "",
userId: "",
time: [], // 添加time属性并初始化为空数组
rankDateType: "",
options: [
{
value: "1",
label: "天",
},
{
value: "2",
label: "周",
},
],
partitionId: "",
options2: [],
},
loading: false,
// 表格数据
tableData: [],
// 分页
total: 10, //总页数
currentPage: 1, //页码
pageSize: 10, //条数
total2: 20, //总页数
currentPage2: 1, //页码
pageSize2: 20, //条数
//导出
deriveDialog: false,
deriveObj: {
value: "",
time: "", // 添加time属性
options: [
{
value: "2",
label: "实力代言榜",
},
{
value: "1",
label: "人气代言榜",
},
],
},
//详情导出
detialDialog: false,
detialNewObj: {},
detialObj: {
tableData: [],
value: "",
options: [
{
value: "2",
label: "实力代言榜",
},
{
value: "1",
label: "人气代言榜",
},
],
},
};
},
created() {
listPartitionInfo().then((res) => {
if (res.code === 200) {
this.inquire.options2 = res.data;
}
});
},
methods: {
getData() {
this.loading = true;
let startTime = "";
let endTime = "";
if (this.inquire.time && this.inquire.time.length > 0) {
startTime = dateFormat(this.inquire.time[0], "yyyy-MM-dd hh:mm:ss");
endTime = dateFormat(this.inquire.time[1], "yyyy-MM-dd hh:mm:ss");
}
luckyBagWeekRankList({
startDate: startTime,
endDate: endTime,
rankDateType: this.inquire.rankDateType,
partitionId: this.inquire.partitionId,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.data;
this.loading = false;
} else {
ElMessage({
showClose: true,
message: res.message,
type: "error",
});
}
this.loading = false;
});
},
deriveOut() {
let startTime = "";
let endTime = "";
if (this.deriveObj.time && this.deriveObj.time.length > 0) {
startTime = dateFormat(this.deriveObj.time[0], "yyyy-MM-dd hh:mm:ss");
endTime = dateFormat(this.deriveObj.time[1], "yyyy-MM-dd hh:mm:ss");
}
var obj = {
startDate: startTime,
endDate: endTime,
rankDateType: this.inquire.rankDateType,
partitionId: this.inquire.partitionId,
};
console.log(obj);
exportList(obj).then((res) => {
if (res.code === 200) {
this.deriveDialog = false;
} else {
ElMessage({
showClose: true,
message: res.message,
type: "error",
});
}
});
this.deriveDialog = false;
},
detialQuery() {
luckyBagWeekRankListRank({
date: this.detialNewObj.date,
rankType: this.detialObj.value,
rankDateType: this.inquire.rankDateType,
partitionId: this.inquire.partitionId,
pageSize: this.pageSize2,
page: this.currentPage2,
}).then((res) => {
if (res.code === 200) {
var arr = [];
arr = res.data.rows;
res.data.rows.forEach((res, i) => {
arr[i].seqNo = i + 1;
});
this.detialObj.tableData = arr;
this.total2 = res.data.total;
} else {
ElMessage({
showClose: true,
message: res.message,
type: "error",
});
}
});
},
detialDialogClick() {
var obj = {
date: this.detialNewObj.date,
rankType: this.detialObj.value,
rankDateType: this.inquire.rankDateType,
partitionId: this.inquire.partitionId,
};
exportRank(obj).then((res) => {
if (res.code === 200) {
this.detialDialog = false;
} else {
ElMessage({
showClose: true,
message: res.message,
type: "error",
});
}
});
},
// 分页导航
handleSizeChange() {
this.getData();
},
handleCurrentChange() {
this.getData();
},
handleSizeChange2() {
this.detialQuery();
},
handleCurrentChange2() {
this.detialQuery();
},
showDetailDialog(row) {
this.detialNewObj = row;
this.detialObj.tableData = [];
this.detialObj.value = '';
this.detialDialog = true;
},
},
};
</script>
<style lang="less" scoped>
.box {
padding-top: 20px;
background: #ecf0f5;
.inquire {
display: inline-block;
margin-right: 20px;
.block {
display: inline-block;
margin-right: 20px;
margin-bottom: 20px;
}
span {
margin-right: 10px;
}
.input {
width: 180px;
margin-right: 10px;
}
}
.dialogTableVisibleBut {
display: block;
margin: 30px 0 0 830px;
}
.paginationClass {
margin: 15px 0 5px 0px;
}
}
</style>

View File

@@ -1,768 +0,0 @@
<template>
<div class="box">
<!-- 查询按钮 -->
<el-button class="primary" type="primary" @click="add()">新增</el-button>
</div>
<!-- 表格 -->
<el-table
v-loading="loading"
:data="tableData"
border
style="width: 100%; margin-top: 25px"
>
<el-table-column prop="partitionDesc" align="center" label="地区" />
<el-table-column prop="destGiftId" align="center" label="礼物id" />
<el-table-column prop="luckyBagName" align="center" label="福袋名称" />
<el-table-column
align="center"
prop="giftInfo"
label="福袋图片"
width="120"
>
<template v-slot="scope">
<el-image
style="width: 100px; height: 100px"
:src="scope.row.luckyBagPic"
:zoom-rate="1.1"
:preview-src-list="[scope.row.luckyBagPic]"
fit="cover"
preview-teleported="true"
hide-on-click-modal="true"
/>
</template>
</el-table-column>
<el-table-column prop="createTime" align="center" label="添加时间" />
<el-table-column prop="destGiftName" align="center" label="礼物名称" />
<el-table-column
align="center"
prop="giftInfo"
label="礼物图片"
width="120"
>
<template v-slot="scope">
<el-image
style="width: 100px; height: 100px"
:src="scope.row.destGiftPic"
:zoom-rate="1.1"
:preview-src-list="[scope.row.destGiftPic]"
fit="cover"
preview-teleported="true"
hide-on-click-modal="true"
/>
</template>
</el-table-column>
<el-table-column prop="destGiftPrice" align="center" label="礼物价值" />
<el-table-column
prop="rewardGiftName"
align="center"
label="奖励礼物昵称"
/>
<el-table-column
align="center"
prop="giftInfo"
label="奖励礼物图片"
width="120"
>
<template v-slot="scope">
<el-image
style="width: 100px; height: 100px"
:src="scope.row.rewardGiftPic"
:zoom-rate="1.1"
:preview-src-list="[scope.row.rewardGiftPic]"
fit="cover"
preview-teleported="true"
hide-on-click-modal="true"
/>
</template>
</el-table-column>
<el-table-column
prop="rewardGiftPrice"
align="center"
label="奖励礼物价值"
/>
<el-table-column prop="dayLimit" align="center" label="每日库存" />
<el-table-column prop="totalLimit" align="center" label="总库存" />
<el-table-column
prop="todayResideStock"
align="center"
label="今日剩余库存"
/>
<el-table-column prop="grantStock" align="center" label="已发放库存数量" />
<el-table-column prop="seqNo" align="center" label="排序" />
<el-table-column align="center" label="操作" width="240px">
<template v-slot="scope">
<el-button
@click="eid(scope)"
class="primary"
type="primary"
size="default"
>编辑</el-button
>
<el-button
@click="
delDialog = true;
delDialogObj = scope.row;
"
:class="scope.row.isEnabled == 1 ? 'danger' : 'primary'"
:type="scope.row.isEnabled == 1 ? 'danger' : 'primary'"
size="default"
>{{ scope.row.isEnabled == 1 ? "下线" : "上线" }}
</el-button>
<el-button
@click="
deriveDialog = true;
deriveObjNew = scope.row;
"
class="primary"
type="primary"
size="default"
>导出</el-button
>
</template>
</el-table-column>
</el-table>
<!-- 分页 -->
<el-pagination
style="margin-top: 10px"
class="paginationClass"
v-model:current-page="currentPage"
v-model:page-size="pageSize"
:page-sizes="[10, 20, 30, 40, 50, 100, 200, 300, 400, 500, 999999999]"
layout="sizes, prev, pager, next"
:total="total"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
<!-- 导出弹窗 -->
<el-dialog v-model="deriveDialog" title="导出" width="28%" center>
<!-- 榜单数据 -->
<!-- <div style="margin-bottom: 25px; margin-top: 10px">
<span
style="display: inline-block; margin-right: 20px"
class="col-sm-2 control-label"
>地区选择</span
>
<el-select v-model="deriveObj.value" placeholder="请选择">
<el-option
v-for="item in deriveObj.options"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</div> -->
<!-- 选择时间 -->
<div style="margin-bottom: 25px; margin-top: 10px">
<span
style="display: inline-block; margin-right: 20px"
class="col-sm-2 control-label"
>选择时间</span
>
<div class="inquire">
<el-date-picker
v-model="deriveObj.time"
type="datetimerange"
range-separator=""
start-placeholder="开始日期"
end-placeholder="结束日期"
style="width: 60%"
>
</el-date-picker>
</div>
</div>
<!-- 弹窗按钮 -->
<template #footer>
<span class="dialog-footer">
<el-button @click="deriveDialog = false">取消</el-button>
<el-button type="primary" @click="deriveOut()"> 确认导出 </el-button>
</span>
</template>
</el-dialog>
<!-- 新增&编辑弹窗 -->
<el-dialog
class="pub"
v-model="controlsDialog"
:title="controlsTitle"
width="36%"
center
>
<!-- 地区选择 -->
<div style="margin-bottom: 25px; margin-top: 10px">
<span
style="display: inline-block; margin-right: 20px"
class="col-sm-2 control-label"
>地区选择</span
>
<el-select filterable v-model="controlsObj.value" placeholder="请选择">
<el-option
v-for="item in controlsObj.options"
:key="item.id"
:label="item.desc"
:value="item.id"
>
</el-option>
</el-select>
</div>
<!-- 福袋礼物选择 -->
<div style="margin-bottom: 25px; margin-top: 10px">
<span
style="display: inline-block; margin-right: 20px"
class="col-sm-2 control-label"
>福袋礼物选择</span
>
<el-select filterable v-model="controlsObj.value2" placeholder="请选择">
<el-option
v-for="item in controlsObj.options2"
:key="item.giftId"
:label="JsonFunc(item.giftName)"
:value="item.giftId"
>
</el-option>
</el-select>
</div>
<!-- 福袋价值 -->
<div style="margin-bottom: 25px; margin-top: 10px">
<span
style="display: inline-block; margin-right: 20px"
class="col-sm-2 control-label"
>福袋价值</span
>
<el-input
v-model="controlsObj.cost"
placeholder=""
class="input"
disabled
></el-input>
</div>
<!-- 礼物昵称 -->
<div style="margin-bottom: 25px; margin-top: 10px">
<span
style="display: inline-block; margin-right: 20px"
class="col-sm-2 control-label"
>礼物昵称</span
>
<el-select filterable v-model="controlsObj.value3" placeholder="请选择">
<el-option
v-for="item in controlsObj.options3"
:key="item.giftId"
:label="item.giftName"
:value="item.giftId"
>
</el-option>
</el-select>
</div>
<!-- 礼物价值 -->
<div style="margin-bottom: 25px; margin-top: 10px">
<span
style="display: inline-block; margin-right: 20px"
class="col-sm-2 control-label"
>礼物价值</span
>
<el-input
v-model="controlsObj.cost2"
placeholder=""
class="input"
disabled
></el-input>
</div>
<!-- 奖励礼物昵称 -->
<div style="margin-bottom: 25px; margin-top: 10px">
<span
style="display: inline-block; margin-right: 20px"
class="col-sm-2 control-label"
>奖励礼物昵称</span
>
<el-select filterable v-model="controlsObj.value4" placeholder="请选择">
<el-option
v-for="item in controlsObj.options4"
:key="item.giftId"
:label="JsonFunc(item.giftName)"
:value="item.giftId"
>
</el-option>
</el-select>
</div>
<!-- 奖励礼物价值 -->
<div style="margin-bottom: 25px; margin-top: 10px">
<span
style="display: inline-block; margin-right: 20px"
class="col-sm-2 control-label"
>奖励礼物价值</span
>
<el-input
v-model="controlsObj.cost3"
placeholder=""
class="input"
disabled
></el-input>
</div>
<!-- 每日库存 -->
<div style="margin-bottom: 25px; margin-top: 10px">
<span
style="display: inline-block; margin-right: 20px"
class="col-sm-2 control-label"
>每日库存</span
>
<el-input
v-model="controlsObj.inventory"
placeholder=""
class="input"
></el-input>
</div>
<!-- 总库存 -->
<div style="margin-bottom: 25px; margin-top: 10px">
<span
style="display: inline-block; margin-right: 20px"
class="col-sm-2 control-label"
>总库存</span
>
<el-input
v-model="controlsObj.inventoryAll"
placeholder=""
class="input"
></el-input>
</div>
<!-- 排序 -->
<div style="margin-bottom: 25px; margin-top: 10px">
<span
style="display: inline-block; margin-right: 20px"
class="col-sm-2 control-label"
>排序</span
>
<el-input
v-model="controlsObj.sort"
placeholder=""
class="input"
></el-input>
</div>
<!-- 是否可见 -->
<div style="margin-bottom: 25px; margin-top: 10px">
<span
style="display: inline-block; margin-right: 20px"
class="col-sm-2 control-label"
>是否可见</span
>
<el-select filterable v-model="controlsObj.value5" placeholder="请选择">
<el-option
v-for="item in controlsObj.options5"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</div>
<!-- 选择时间 -->
<div style="margin-bottom: 25px; margin-top: 10px">
<span
style="display: inline-block; margin-right: 20px"
class="col-sm-2 control-label"
>选择时间</span
>
<div class="inquire">
<el-date-picker
v-model="controlsObj.time"
type="datetimerange"
range-separator=""
start-placeholder="开始日期"
end-placeholder="结束日期"
style="width: 66%"
>
</el-date-picker>
</div>
</div>
<!-- 弹窗按钮 -->
<template #footer>
<span class="dialog-footer">
<el-button @click="controlsDialog = false">取消</el-button>
<el-button type="primary" @click="controlsDialogOut()">
确认
</el-button>
</span>
</template>
</el-dialog>
<!-- 二次确认弹窗 -->
<el-dialog v-model="delDialog" title="提示" width="30%" center>
<span> 确定要进行该操作吗?</span>
<template #footer>
<span class="dialog-footer">
<el-button @click="delDialog = false">取消</el-button>
<el-button type="primary" @click="delClick()"> 确认 </el-button>
</span>
</template>
</el-dialog>
</template>
<script>
import {
listPartitionInfo,
listLuckyBagLinearGift,
luckyBagFortunatePage,
getPrizeGroupsInfo,
getAll,
luckyBagFortunateExport,
luckyBagFortunateSave,
luckyBagFortunateUpdateEnabled,
} from "@/api/luckyTycoon/luckyTycoon";
// @ts-ignore
import { dateFormat } from "@/utils/system-helper";
// @ts-ignore
import { ElMessage } from "element-plus";
export default {
name: "luckyTycoonOnePlusOne",
created() {
listPartitionInfo().then((res) => {
this.controlsObj.options = res.data;
});
listLuckyBagLinearGift({
giftTypes: "3,15",
}).then((res) => {
this.controlsObj.options2 = res.data;
});
this.getData();
},
data() {
return {
delDialog: false,
delDialogObj: {},
foundIndexFunVal: "",
loading: false,
// 表格数据
tableData: [],
// 分页
total: 10, //总页数
currentPage: 1, //页码
pageSize: 10, //条数//导出
deriveDialog: false,
deriveObjNew: {},
deriveObj: {
value: "",
time: "",
options: [
{
value: "1",
label: "英语区",
},
{
value: "2",
label: "阿拉伯区",
},
{
value: "4",
label: "华语区",
},
],
},
controlsDialog: false,
controlsDialogType: 1, //1新增 2编辑
controlsTitle: "编辑&新增",
controlsObj: {
// 地区选择
value: "",
options: [],
// 福袋礼物选择
value2: "",
options2: [],
cost: "",
value3: "",
options3: [],
cost2: "",
value4: "",
options4: [],
cost3: "",
inventory: "",
inventoryAll: "",
sort: "",
value5: 1,
options5: [
{
value: 1,
label: "是",
},
{
value: 0,
label: "否",
},
],
time: [],
},
};
},
watch: {
"controlsObj.value2": function (newValue, oldValue) {
this.controlsObj.cost = this.foundIndexFun(
newValue,
this.controlsObj.options2,
1
);
getPrizeGroupsInfo({ luckyBagId: this.controlsObj.value2 }).then(
(res) => {
var newArr = [];
res.data.highPrizeGroup.forEach((val) => {
newArr.push(val);
});
res.data.normalPrizeGroup.forEach((val) => {
newArr.push(val);
});
this.controlsObj.options3 = newArr;
}
);
},
"controlsObj.value3": function (newValue, oldValue) {
if (this.watchType) {
return;
}
this.controlsObj.cost2 = this.foundIndexFun(
newValue,
this.controlsObj.options3,
2
);
},
"controlsObj.value4": function (newValue, oldValue) {
if (this.watchType) {
return;
}
this.controlsObj.cost3 = this.foundIndexFun(
newValue,
this.controlsObj.options4,
1
);
},
},
methods: {
getData() {
this.loading = true;
luckyBagFortunatePage({
page: this.currentPage,
pageSize: this.pageSize,
}).then((res) => {
if (res.code == 200) {
this.tableData = res.data.records;
} else {
ElMessage({
showClose: true,
message: res.message,
type: "error",
});
}
});
getAll().then((res) => {
this.controlsObj.options4 = res.data;
this.loading = false;
});
},
add() {
this.controlsDialog = true;
this.controlsTitle = "新增";
this.controlsDialogType = 1;
// this.controlsObj = {
// // 地区选择
// value: "",
// options: [],
// // 福袋礼物选择
// value2: "",
// options2: [],
// cost: "",
// value3: "",
// options3: [],
// cost2: "",
// value4: "",
// options4: [],
// cost3: "",
// inventory: "",
// inventoryAll: "",
// sort: "",
// value5: 1,
// options5: [
// {
// value: 1,
// label: "是",
// },
// {
// value: 2,
// label: "否",
// },
// ],
// time: "",
// };
},
eid(scope) {
var res = scope.row;
this.deriveObjNew = scope.row;
this.controlsTitle = "编辑";
this.controlsDialogType = 2;
this.foundIndexFunVal = res.rewardGiftId;
this.controlsObj.value = res.partitionId;
this.controlsObj.value2 = res.luckyBagId;
getPrizeGroupsInfo({ luckyBagId: this.controlsObj.value2 }).then(
(resArr) => {
var newArr = [];
resArr.data.highPrizeGroup.forEach((val) => {
newArr.push(val);
});
resArr.data.normalPrizeGroup.forEach((val) => {
newArr.push(val);
});
this.controlsObj.options3 = newArr;
this.controlsObj.value3 = res.destGiftId;
// this.controlsObj.cost = res.luckyBagPrice;
// this.controlsObj.cost2 = res.destGiftId;
this.controlsObj.value4 = res.rewardGiftId;
// this.controlsObj.cost3 = res.rewardGiftPrice;
this.controlsObj.inventory = res.dayLimit;
this.controlsObj.inventoryAll = res.totalLimit;
this.controlsObj.sort = res.seqNo;
this.controlsObj.value5 = res.isEnabled;
this.controlsObj.time[0] = res.startTime;
this.controlsObj.time[1] = res.endTime;
this.controlsDialog = true;
}
);
},
// 保存
controlsDialogOut() {
let startTime = "";
let endTime = "";
if (this.controlsObj.time && this.controlsObj.time.length > 0) {
startTime = dateFormat(this.controlsObj.time[0], "yyyy-MM-dd hh:mm:ss");
endTime = dateFormat(this.controlsObj.time[1], "yyyy-MM-dd hh:mm:ss");
}
if (this.controlsDialogType == 1) {
luckyBagFortunateSave({
partitionId: this.controlsObj.value,
luckyBagId: this.controlsObj.value2,
destGiftId: this.controlsObj.value3,
rewardGiftId: this.controlsObj.value4,
dayLimit: this.controlsObj.inventory,
totalLimit: this.controlsObj.inventoryAll,
seqNo: this.controlsObj.sort,
isEnabled: this.controlsObj.value5,
startTime,
endTime,
}).then((res) => {
if (res.code == 200) {
this.controlsDialog = false;
this.getData();
} else {
ElMessage({
showClose: true,
message: res.message,
type: "error",
});
}
});
} else {
luckyBagFortunateSave({
partitionId: this.controlsObj.value,
luckyBagId: this.controlsObj.value2,
destGiftId: this.controlsObj.value3,
rewardGiftId: this.controlsObj.value4,
dayLimit: this.controlsObj.inventory,
totalLimit: this.controlsObj.inventoryAll,
seqNo: this.controlsObj.sort,
isEnabled: this.controlsObj.value5,
id: this.deriveObjNew.id,
startTime,
endTime,
}).then((res) => {
if (res.code == 200) {
this.controlsDialog = false;
this.getData();
} else {
ElMessage({
showClose: true,
message: res.message,
type: "error",
});
}
});
}
},
// 导出
deriveOut() {
let startTime = "";
let endTime = "";
if (this.deriveObj.time && this.deriveObj.time.length > 0) {
startTime = dateFormat(this.deriveObj.time[0], "yyyy-MM-dd hh:mm:ss");
endTime = dateFormat(this.deriveObj.time[1], "yyyy-MM-dd hh:mm:ss");
}
luckyBagFortunateExport({
fortunateId: this.deriveObjNew.id,
partitionId: this.deriveObjNew.partitionId,
startTime,
endTime,
}).then((res) => {});
},
// 上下线
delClick() {
luckyBagFortunateUpdateEnabled({
fortunateId: this.delDialogObj.id,
isEnabled: this.delDialogObj.isEnabled == 1 ? 0 : 1,
}).then((res) => {
if (res.code == 200) {
this.delDialog = false;
this.getData();
} else {
ElMessage({
showClose: true,
message: res.message,
type: "error",
});
}
});
},
// 分页导航
handleSizeChange() {
this.getData();
},
handleCurrentChange() {
this.getData();
},
foundIndexFun(val, arr, type) {
var i;
i = arr.findIndex((item) => item.giftId === val);
return type == 1 ? arr[i].goldPrice : arr[i].platformValue;
},
JsonFunc(val) {
var res = JSON.parse(val);
return res.zh;
},
},
};
</script>
<style lang="less" scoped>
.box {
padding-top: 20px;
background: #ecf0f5;
.inquire {
display: inline-block;
margin-right: 20px;
span {
margin-right: 10px;
}
.input {
width: 180px;
margin-right: 10px;
}
}
.dialogTableVisibleBut {
display: block;
margin: 30px 0 0 830px;
}
.paginationClass {
margin: 15px 0 5px 0px;
}
}
.pub {
.input {
width: 55%;
display: inline-block;
}
}
</style>

View File

@@ -1,220 +0,0 @@
<template>
<div class="box">
<!-- 查询 -->
<div class="inquire">
<span>奖励礼物id</span>
<el-input
v-model="inquire.giftId"
placeholder=""
class="input"
></el-input>
</div>
<div class="inquire">
<span>用户id</span>
<el-input
v-model="inquire.userId"
placeholder=""
class="input"
></el-input>
</div>
<!-- 时间选择器 -->
<div class="inquire">
<div class="block">
<span class="demonstration">日期</span>
<el-date-picker
v-model="inquire.time"
type="datetimerange"
range-separator=""
start-placeholder="开始日期"
end-placeholder="结束日期"
></el-date-picker>
</div>
</div>
<!-- 查询按钮 -->
<el-button class="primary" type="primary" @click="getData()"
>查询</el-button
>
<!-- 导出按钮 -->
<el-button class="primary" type="primary" @click="derive()">导出</el-button>
</div>
<!-- 表格 -->
<el-table
v-loading="loading"
:data="tableData"
border
style="width: 100%; margin-top: 25px"
>
<el-table-column prop="createTimeStr" align="center" label="时间" />
<el-table-column prop="sendErBanNo" align="center" label="送礼人id" />
<el-table-column prop="sendNick" align="center" label="送礼人昵称" />
<el-table-column prop="receiveErBanNo" align="center" label="收礼人id" />
<el-table-column prop="receiveNick" align="center" label="收礼人昵称" />
<el-table-column prop="luckyBagId" align="center" label="福袋id" />
<el-table-column prop="luckyBagName" align="center" label="福袋昵称" />
<el-table-column prop="destGiftName" align="center" label="礼物名称" />
<el-table-column prop="luckyBagPrice" align="center" label="福袋流水" />
<el-table-column prop="rewardGiftName" align="center" label="奖励名称">
<template #default="{ row }">
{{ row.rewardGiftName || "/" }}
</template>
</el-table-column>
<el-table-column prop="rewardGiftPrice" align="center" label="奖励价值">
<template #default="{ row }">
{{ row.rewardGiftPrice || "/" }}
</template>
</el-table-column>
<!-- <el-table-column prop="x" align="center" label="该用户是否中奖">
<template #default="{ row }">
{{ row.x ? "是" : "否" }}
</template>
</el-table-column> -->
</el-table>
<!-- 分页 -->
<el-pagination
style="margin-top: 10px"
class="paginationClass"
v-model:current-page="currentPage"
v-model:page-size="pageSize"
:page-sizes="[10, 20, 30, 40, 50, 100, 200, 300, 400, 500, 999999999]"
layout="sizes, prev, pager, next"
:total="total"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
</template>
<script>
import { getRecordPage, exportForReward } from "@/api/luckyTycoon/luckyTycoon";
import { dateFormat } from "@/utils/system-helper";
import { ElMessage } from "element-plus";
export default {
name: "luckyTycoonUserWinningRecord",
data() {
return {
inquire: {
giftId: "",
userId: "",
time: "",
},
loading: false,
// 表格数据
tableData: [],
// 分页
total: 10, //总页数
currentPage: 1, //页码
pageSize: 10, //条数
};
},
created() {
this.getData();
},
methods: {
getData() {
this.loading = true;
let startTime = "";
let endTime = "";
if (this.inquire.time && this.inquire.time.length > 0) {
startTime = dateFormat(this.inquire.time[0], "yyyy-MM-dd hh:mm:ss");
endTime = dateFormat(this.inquire.time[1], "yyyy-MM-dd hh:mm:ss");
}
getRecordPage({
page: this.currentPage,
pageSize: this.pageSize,
rewardGiftId: this.inquire.giftId,
erBanNo: this.inquire.userId,
startTime,
endTime,
})
.then((res) => {
if (res.code === 200) {
this.tableData = res.data.records;
this.total = res.data.total;
} else {
ElMessage({
showClose: true,
message: res.message || "获取数据失败",
type: "error",
});
}
this.loading = false;
})
.catch((error) => {
console.error("请求出错:", error);
ElMessage({
showClose: true,
message: "请求出错,请稍后重试",
type: "error",
});
this.loading = false;
});
},
derive() {
let startTime = "";
let endTime = "";
if (this.inquire.time && this.inquire.time.length > 0) {
startTime = dateFormat(this.inquire.time[0], "yyyy-MM-dd hh:mm:ss");
endTime = dateFormat(this.inquire.time[1], "yyyy-MM-dd hh:mm:ss");
}
exportForReward({
rewardGiftId: this.inquire.giftId,
erBanNo: this.inquire.userId,
startTime,
endTime,
})
.then((res) => {
if (res.code === 200) {
// 可以添加导出成功的提示信息
} else {
ElMessage({
showClose: true,
message: res.message || "导出失败",
type: "error",
});
}
})
.catch((error) => {
console.error("导出请求出错:", error);
ElMessage({
showClose: true,
message: "导出请求出错,请稍后重试",
type: "error",
});
});
},
// 分页导航
handleSizeChange(size) {
this.pageSize = size;
this.getData();
},
handleCurrentChange(page) {
this.currentPage = page;
this.getData();
},
},
};
</script>
<style lang="less" scoped>
.box {
padding-top: 20px;
background: #ecf0f5;
.inquire {
display: inline-block;
margin-right: 20px;
span {
margin-right: 10px;
}
.input {
width: 180px;
margin-right: 10px;
}
}
.paginationClass {
margin: 15px 0 5px 0px;
}
}
</style>

View File

@@ -1,269 +0,0 @@
<template>
<section class="content">
<div class="box box-danger">
<div class="box-body">
<!-- Content Header (Page header) -->
<section class="content-header">
<h1 id="itemTitle"></h1>
</section>
<!-- .content -->
<section class="content">
<div id="table"></div>
<div id="toolbar">
<div class="col-sm-12">
<label for="gameId" class="col-sm-1 control-label">游戏:</label>
<div class="col-sm-2">
<select id="gameId" class="input-sm form-control"></select>
</div>
<label for="startTime" class="col-sm-1 control-label">日期:</label>
<div class="col-sm-2">
<input type="text" name="startTime" id="startTime" class="input-sm form-control" placeholder="开始日期">
</div>
<label for="startTime" class="col-sm-1 control-label">-</label>
<div class="col-sm-2">
<input type="text" name="endTime" id="endTime" class="input-sm form-control" placeholder="结束日期">
</div>
</div>
<div class="col-sm-12">
<button id="btnSearch" class="btn btn-default">
<i class="glyphicon glyphicon-search"></i>查询
</button>
<button id="btnExportAll" class="btn btn-sm btn-primary">
导出
</button>
</div>
</div>
</section><!-- .content -->
</div>
</div>
</section>
<div class="modal fade" id="detailModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content" style="width: 190%; left: 50%; transform: translateX(-50%);">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
<h4 class="modal-title" id="modalLabel"></h4>
</div>
<input type="hidden" name="dateTime" id="detailTime" />
<div class="modal-body">
<!-- .content -->
<div id="detailTable"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-primary" id="btnExport">导出</button>
</div>
</div>
</div>
</div>
</template>
<script>
import TableHelper from '@/utils/bootstrap-table-helper';
import { miniGameForBaiShunPage, miniGameForBaiShunDetailPage, miniGameForBaiShunExport, miniGameForBaiShunExportAll } from '@/api/miniGame/miniGameForBaiShun';
import { getConfigValueByKey } from '@/api/system/sysconf';
import { buildSelectOption } from '@/utils/system-helper';
export default {
name: 'MiniGameForBaiShunView',
data() {
return {
columns: [
{ field: 'dateTime', title: '日期', align: 'center', width: '15%' },
{ field: 'userCount', title: '人数', align: 'center', width: '15%' },
{ field: 'consumeNum', title: '货币消耗', align: 'center', width: '15%' },
{ field: 'settleNum', title: '结算总量', align: 'center', width: '15%' },
{
field: 'platformNum',
title: '平台收入',
align: 'center',
width: '15%',
formatter: function (val, row, index) {
return row.consumeNum - row.settleNum;
}
},
{
field: 'dateTime',
title: '操作',
align: 'center',
width: '15%',
valign: 'middle',
formatter: function (val, row, index) {
return '<button class="btn btn-sm btn-default opt-detail" data-index="' + index + '">详情</button>';
}
}
],
detailColumns: [
{ field: 'erbanNo', title: '用户平台ID', align: 'center', width: '15%' },
{ field: 'nick', title: '昵称', align: 'center', width: '15%' },
{ field: 'consumeNum', title: '货币消耗', align: 'center', width: '15%' },
{ field: 'settleNum', title: '结算总量', align: 'center', width: '15%' },
{
field: 'platformNum',
title: '平台收入',
align: 'center',
width: '15%',
formatter: function (val, row, index) {
return row.consumeNum - row.settleNum;
}
},
],
};
},
created() {
this.initGame();
this.init();
},
methods: {
init() {
this.$nextTick(function () {
let $this = this;
var picker1 = $("#startTime").datetimepicker({
format: 'yyyy-mm-dd 00:00:00',
todayBtn: true,
autoclose: true,
});
var picker2 = $("#endTime").datetimepicker({
format: 'yyyy-mm-dd 00:00:00',
todayBtn: true,
autoclose: true
});
picker1.on('changeDate', function () {
var date = $('#startTime').datetimepicker('getDate');
picker2.datetimepicker('setStartDate', date);
});
picker2.on('changeDate', function () {
var date = $('#endTime').datetimepicker('getDate');
picker1.datetimepicker('setEndDate', date);
});
$this.initTable();
$('#table').on('click', '.opt-detail', function () {
$this.detail(this);
});
$('#btnSearch').click(function () {
$this.search();
});
$('#btnExport').click(function () {
$this.export();
});
$('#btnExportAll').click(function () {
$this.exportForAll();
});
});
},
initTable() {
let $this = this;
TableHelper.destroy('#table');
$('#table').bootstrapTable({
columns: $this.columns,
cache: false,
striped: true,
showRefresh: false,
pageSize: 10,
pagination: true,
pageList: [1, 10, 20, 30, 50],
search: false,
sidePagination: 'server',
queryParamsType: 'undefined',
queryParams: function queryParams(params) {
var param = {
gameId: $('#gameId').val(),
startTime: $('#startTime').val(),
endTime: $('#endTime').val(),
pageNum: params.pageNumber,
pageSize: params.pageSize,
};
return param;
},
ajax: function(request) {
miniGameForBaiShunPage(request.data).then(res => {
let data = res.data;
request.success({
'rows': data.records,
'total': data.total
});
});
},
toolbar: '#toolbar',
});
},
search() {
TableHelper.doRefresh('#table');
},
detail(obj) {
const currentData = $('#table').bootstrapTable('getData')[$(obj).data('index')];
let dateTime = currentData.dateTime;
$('#modalLabel').html('日期:' + dateTime);
$('#detailTime').val(dateTime);
TableHelper.destroy('#detailTable');
$('#detailTable').bootstrapTable({
columns: this.detailColumns,
cache: false,
striped: true,
showRefresh: false,
pageSize: 10,
pagination: true,
pageList: [1, 10, 20, 30, 50],
search: false,
sidePagination: 'server',
queryParamsType: 'undefined',
queryParams: function queryParams(params) {
var param = {
gameId: $('#gameId').val(),
dateTime: $('#detailTime').val(),
pageNum: params.pageNumber,
pageSize: params.pageSize,
};
return param;
},
ajax: function(request) {
miniGameForBaiShunDetailPage(request.data).then(res => {
let data = res.data;
request.success({
'rows': data.records,
'total': data.total
});
});
},
});
$("#detailModal").modal('show');
},
export() {
miniGameForBaiShunExport({
dateTime: $('#detailTime').val(),
});
},
initGame() {
getConfigValueByKey({
configId: 'BAISHUN_GAME'
}).then(res => {
if (res.data) {
let data = JSON.parse(res.data.configValue);
buildSelectOption(
"#gameId",
data[0],
data.map((v) => {
return {
value: v.gameId,
text: v.gameName,
};
})
);
}
});
},
exportForAll() {
miniGameForBaiShunExportAll({
gameId: $('#gameId').val(),
startTime: $('#startTime').val(),
endTime: $('#endTime').val(),
});
},
},
}
</script>
<style scoped></style>

View File

@@ -1,174 +0,0 @@
<template>
<section class="content">
<div class="box box-danger">
<div class="box-body">
<!-- Content Header (Page header) -->
<section class="content-header">
<h1 id="itemTitle"></h1>
</section>
<!-- .content -->
<section class="content">
<div id="table"></div>
<div id="toolbar">
<div class="col-sm-12">
<label for="gameMode" class="col-sm-1 control-label">游戏模式:</label>
<div class="col-sm-3">
<select name="gameMode" id="gameMode" class="input-sm form-control">
<option value="" selected="selected">全部</option>
<option value="1">经典</option>
<option value="0">快速</option>
</select>
</div>
<label for="startTime" class="col-sm-1 control-label">日期:</label>
<div class="col-sm-3">
<input type="text" name="startTime" id="startTime" class="input-sm form-control" placeholder="开始日期">
</div>
<label for="startTime" class="col-sm-1 control-label">-</label>
<div class="col-sm-3">
<input type="text" name="endTime" id="endTime" class="input-sm form-control" placeholder="结束日期">
</div>
</div>
<div class="col-sm-12">
<button id="btnSearch" class="btn btn-default">
<i class="glyphicon glyphicon-search"></i>查询
</button>
</div>
</div>
</section><!-- .content -->
</div>
</div>
</section>
<div class="modal fade" id="detailModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content" style="width: 190%; left: 50%; transform: translateX(-50%);">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
<h4 class="modal-title" id="modalLabel"></h4>
</div>
<input type="hidden" name="dateTime" id="detailTime" />
<div class="modal-body">
<!-- .content -->
<div id="detailTable"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-primary" id="btnExport">导出</button>
</div>
</div>
</div>
</div>
</template>
<script>
import TableHelper from '@/utils/bootstrap-table-helper';
import { miniGameForNavPage } from '@/api/miniGame/miniGameForNav';
export default {
name: 'MiniGameForNavView',
data() {
return {
columns: [
{ field: 'mgId', title: '游戏ID', align: 'center', width: '15%' },
{ field: 'mgName', title: '游戏名称', align: 'center', width: '15%' },
{ field: 'dateTime', title: '日期', align: 'center', width: '15%' },
{
field: 'gameMode',
title: '游戏模式',
align: 'center',
width: '15%',
formatter: function (val, row, index) {
let value = '';
if (val == 1) {
value = '经典';
} else if (val == 0) {
value = '快速';
}
return value;
}
},
{ field: 'userCount', title: '游戏人数', align: 'center', width: '15%' },
{ field: 'ticket', title: '入门费', align: 'center', width: '15%' },
],
};
},
created() {
this.init();
},
methods: {
init() {
this.$nextTick(function () {
let $this = this;
var picker1 = $("#startTime").datetimepicker({
format: 'yyyy-mm-dd 00:00:00',
todayBtn: true,
autoclose: true,
});
var picker2 = $("#endTime").datetimepicker({
format: 'yyyy-mm-dd 00:00:00',
todayBtn: true,
autoclose: true
});
picker1.on('changeDate', function () {
var date = $('#startTime').datetimepicker('getDate');
picker2.datetimepicker('setStartDate', date);
});
picker2.on('changeDate', function () {
var date = $('#endTime').datetimepicker('getDate');
picker1.datetimepicker('setEndDate', date);
});
$this.initTable();
$('#table').on('click', '.opt-detail', function () {
$this.detail(this);
});
$('#btnSearch').click(function () {
$this.search();
});
});
},
initTable() {
let $this = this;
TableHelper.destroy('#table');
$('#table').bootstrapTable({
columns: $this.columns,
cache: false,
striped: true,
showRefresh: false,
pageSize: 10,
pagination: true,
pageList: [1, 10, 20, 30, 50],
search: false,
sidePagination: 'server',
queryParamsType: 'undefined',
queryParams: function queryParams(params) {
var param = {
gameMode: $('#gameMode').val(),
startTime: $('#startTime').val(),
endTime: $('#endTime').val(),
pageNum: params.pageNumber,
pageSize: params.pageSize,
};
return param;
},
ajax: function(request) {
miniGameForNavPage(request.data).then(res => {
let data = res.data;
request.success({
'rows': data.records,
'total': data.total
});
});
},
toolbar: '#toolbar',
});
},
search() {
TableHelper.doRefresh('#table');
},
},
}
</script>
<style scoped></style>

View File

@@ -110,24 +110,11 @@
<label class="radio-inline"><input type="radio" name="isCustomWord" value="1"></label>
</div>
</div>
<div id="fixedWord-div">
<div class="form-group">
<label for="zhFixedWord" class="col-sm-4 control-label">华语固定文案:</label>
<div class="col-sm-6">
<input type="text" class="form-control" name="zhFixedWord" id="zhFixedWord">
</div>
</div>
<div class="form-group">
<label for="arFixedWord" class="col-sm-4 control-label">阿语固定文案:</label>
<div class="col-sm-6">
<input type="text" class="form-control" name="arFixedWord" id="arFixedWord">
</div>
</div>
<div class="form-group">
<label for="enFixedWord" class="col-sm-4 control-label">英语固定文案:</label>
<div class="col-sm-6">
<input type="text" class="form-control" name="enFixedWord" id="enFixedWord">
</div>
<div class="form-group" id="fixedWord-div">
<label for="fixedWord" class="col-sm-4 control-label">固定文案:</label>
<div class="col-sm-6">
<input type="text" class="form-control" name="fixedWord" id="fixedWord"
placeholder="请输入,5个字符内">
</div>
</div>
<div class="form-group">
@@ -282,7 +269,7 @@ export default {
},
{ field: 'isCustomWordStr', title: '是否自定义文案', align: 'middle', width: '5%' },
{
field: 'fixedWord.zh',
field: 'fixedWord',
title: '固定文案',
align: 'middle',
width: '5%',
@@ -294,32 +281,6 @@ export default {
}
}
},
{
field: 'fixedWord.ar',
title: '阿语固定文案',
align: 'middle',
width: '5%',
formatter: function (val, row, index) {
if (isEmpty(val)) {
return '/';
} else {
return val;
}
}
},
{
field: 'fixedWord.en',
title: '英语固定文案',
align: 'middle',
width: '5%',
formatter: function (val, row, index) {
if (isEmpty(val)) {
return '/';
} else {
return val;
}
}
},
{ field: 'days', title: '有效期(天)', align: 'middle', width: '5%' },
{ field: 'statusStr', title: '状态', align: 'middle', width: '5%' },
{ field: 'typeStr', title: '铭牌款式', align: 'middle', width: '5%' },
@@ -390,26 +351,16 @@ export default {
console.log(res);
request.success({
"rows": res.rows.map(i=>{
let nameValue = i.name;
if (nameValue && nameValue.startsWith('{') && nameValue.endsWith('}')) {
let value = i.name;
if (value.startsWith('{') && value.endsWith('}')) {
i.name = JSON.parse(i.name);
} else {
i.name = {
zh: nameValue,
ar: nameValue,
en: nameValue,
zh: value,
ar: value,
en: value,
};
}
let fixedWordValue = i.fixedWord;
if (fixedWordValue && fixedWordValue.startsWith('{') && fixedWordValue.endsWith('}')) {
i.fixedWord = JSON.parse(i.fixedWord);
} else {
i.fixedWord = {
zh: fixedWordValue,
ar: fixedWordValue,
en: fixedWordValue,
};
}
return i;
}),
"total": res.total
@@ -448,7 +399,7 @@ export default {
$("#id").val(json.id);
$("#nameplateType1").val(json.nameplateType);
let name = json.name;
if (name && name.startsWith('{') && name.endsWith('}')) {
if (name.startsWith('{') && name.endsWith('}')) {
var jsonName = JSON.parse(json.name);
console.log(jsonName)
$("#name1").val(jsonName.zh);
@@ -459,28 +410,19 @@ export default {
$("#ar_name1").val(name);
$("#en_name1").val(name);
}
let fixedWord = json.fixedWord;
if (fixedWord && fixedWord.startsWith('{') && fixedWord.endsWith('}')) {
let jsonValue = JSON.parse(json.fixedWord);
$('#zhFixedWord').val(jsonValue.zh);
$('#arFixedWord').val(jsonValue.ar);
$('#enFixedWord').val(jsonValue.en);
} else {
$('#zhFixedWord').val(fixedWord);
$('#arFixedWord').val(fixedWord);
$('#enFixedWord').val(fixedWord);
}
$('#nameplateType1').attr("disabled", "true");
if (!json.isCustomWord) {
if (json.isCustomWord == 0) {
$('input[name="isCustomWord"]').get(0).checked = true;
$('#fixedWord-div').addClass("hidden");
$('#zhFixedWord').val('');
$('#arFixedWord').val('');
$('#enFixedWord').val('');
$('#fixedWord-div').removeClass("hidden");
} else {
$('input[name="isCustomWord"]').get(1).checked = true;
$('#fixedWord-div').removeClass("hidden");
$('#fixedWord-div').addClass("hidden");
$('#fixedWord').val('');
}
//$('input[name="isCustomWord"]').val(json.isCustomWord);
$("#fixedWord").val(json.fixedWord);
$("#days").val(json.days);
$("#status1").val(json.status);
$("#type1").val(json.type);
@@ -550,14 +492,7 @@ export default {
var status = $('#status1').val();
var type = $('#type1').val();
var days = $('#days').val();
var zhFixedWord = $('#zhFixedWord').val();
var arFixedWord = $('#arFixedWord').val();
var enFixedWord = $('#enFixedWord').val();
let fixedWordValue = '';
if (!(zhFixedWord == '' && arFixedWord == '' && enFixedWord == '')) {
let jsonFixedWord = {'zh': zhFixedWord, 'ar': arFixedWord, 'en': enFixedWord};
fixedWordValue = JSON.stringify(jsonFixedWord);
}
var fixedWord = $('#fixedWord').val();
var isCustomWord = $('input[name="isCustomWord"]:checked').val();
var name = $('#name1').val();
var ar_name = $('#ar_name1').val();
@@ -626,7 +561,7 @@ export default {
nameplateType: nameplateType,
name: nameValue,
isCustomWord: isCustomWord,
fixedWord: fixedWordValue,
fixedWord: fixedWord,
days: days,
status: status,
type: type,
@@ -651,7 +586,7 @@ export default {
});
//是否自定义文案变化
$('input[type=radio][name=isCustomWord]').change(function () {
if ($(this).val() == 1) {
if ($(this).val() == 0) {
$('#fixedWord-div').removeClass("hidden");
} else {
$('#fixedWord-div').addClass("hidden");
@@ -768,9 +703,7 @@ function cleanNamePlateModal() {
$('#status1').val('');
$('#type1').val('');
$('#days').val('');
$('#zhFixedWord').val('');
$('#arFixedWord').val('');
$('#enFixedWord').val('');
$('#fixedWord').val('');
$('input[name="isCustomWord"]').each(function () {
$(this).removeAttr("checked");
});
@@ -861,4 +794,4 @@ function setTypeSelectOption() {
.pull-left {
width: 100% !important;
}</style>
}</style>

View File

@@ -1,409 +0,0 @@
<template>
<div class="box">
<!-- 查询 -->
<div class="inquire">
<span>ID</span>
<el-input
v-model="inquire.userId"
placeholder=""
class="input"
></el-input>
</div>
<div class="inquire">
<span>推荐人</span>
<el-input
v-model="inquire.referrer"
placeholder=""
class="input"
></el-input>
</div>
<!-- 时间选择器 -->
<div class="inquire">
<div class="block">
<span class="demonstration">日期</span>
<el-date-picker
v-model="inquire.time"
type="datetimerange"
range-separator=""
start-placeholder="开始日期"
end-placeholder="结束日期"
>
</el-date-picker>
</div>
</div>
<!-- 查询按钮 -->
<el-button class="primary" type="primary" @click="getData()"
>查询</el-button
>
<el-button class="primary" type="primary" @click="addDialog = true"
>添加</el-button
>
<!-- 表格 -->
<el-table
v-loading="loading"
:data="tableData"
border
style="width: 100%; margin-top: 25px"
>
<el-table-column prop="referrer" align="center" label="推荐人" />
<el-table-column prop="ownerErbanNo" align="center" label="会长ID" />
<el-table-column prop="ownerNick" align="center" label="会长昵称" />
<el-table-column prop="name" align="center" label="公会昵称" />
<el-table-column align="center" prop="giftInfo" label="公会背景图">
<template v-slot="scope">
<el-image
style="width: 100px; height: 100px"
:src="scope.row.backgroundUrl"
:zoom-rate="1.1"
:preview-src-list="[scope.row.backgroundUrl]"
fit="cover"
preview-teleported="true"
hide-on-click-modal="true"
/>
</template>
</el-table-column>
<el-table-column prop="createTime" align="center" label="创建日期" />
<!-- <el-table-column prop="memberNum" align="center" label="成员数量" /> -->
<el-table-column
align="center"
label="成员数量/上限"
><template v-slot="scope"
>{{ scope.row.memberNum }}/{{ scope.row.memberNumLimit }}</template
></el-table-column>
<el-table-column prop="goldIncome" align="center" label="金币总收入" />
<el-table-column prop="diamondRemain" align="center" label="钻石总收入" />
<el-table-column align="center" label="操作" width="300">
<template v-slot="scope">
<el-button
@click="ediClick(scope)"
class="primary"
type="primary"
size="default"
:disabled="!scope.row.enable"
>编辑</el-button
>
<el-button
@click="
delDialog = true;
delDialogData = scope.row;
"
:class="scope.row.enable ? 'danger' : 'info'"
:type="scope.row.enable ? 'danger' : 'info'"
size="default"
:disabled="!scope.row.enable"
>{{ scope.row.enable ? "移除" : "已解散" }}</el-button
>
</template>
</el-table-column>
</el-table>
<!-- 新增弹窗 -->
<el-dialog v-model="addDialog" title="新增" width="28%" center>
<div style="margin-bottom: 25px">
<span
style="display: inline-block; margin-right: 20px; width: 100px"
class="col-sm-2 control-label"
>会长ID</span
>
<el-input
v-model="resource.id"
style="width: 75%"
class="input"
></el-input>
</div>
<div style="margin-bottom: 25px">
<span
style="display: inline-block; margin-right: 20px; width: 100px"
class="col-sm-2 control-label"
>推荐人</span
>
<el-input
v-model="resource.referrer"
style="width: 75%"
class="input"
></el-input>
</div>
<!-- <div style="margin-bottom: 25px">
<span
style="display: inline-block; margin-right: 20px; width: 100px"
class="col-sm-2 control-label"
>会长昵称</span
>
<el-input
v-model="resource.nick"
style="width: 75%"
class="input"
></el-input>
</div> -->
<template #footer>
<span class="dialog-footer">
<el-button @click="addDialog = false">取消</el-button>
<el-button type="primary" @click="add()"> 确认 </el-button>
</span>
</template>
</el-dialog>
<!-- 分页 -->
<el-pagination
style="margin-top: 10px"
class="paginationClass"
v-model:current-page="currentPage"
v-model:page-size="pageSize"
:page-sizes="[10, 20, 30, 40, 50, 100, 200, 300, 400, 500, 999999999]"
layout="sizes, prev, pager, next"
:total="total"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
<!-- 编辑弹窗 -->
<el-dialog v-model="editDialog" title="编辑" width="28%" center>
<!-- 会长ID -->
<div style="margin-bottom: 25px; margin-top: 10px">
<span
style="display: inline-block; margin-right: 20px"
class="col-sm-2 control-label"
>会长ID</span
>
<el-input
v-model="ediObj.leaderId"
style="width: 75%"
class="input"
disabled
></el-input>
</div>
<!-- 会长昵称 -->
<div style="margin-bottom: 25px; margin-top: 10px">
<span
style="display: inline-block; margin-right: 20px"
class="col-sm-2 control-label"
>会长昵称</span
>
<el-input
v-model="ediObj.leaderNick"
style="width: 75%"
class="input"
disabled
></el-input>
</div>
<!-- 公会昵称 -->
<div style="margin-bottom: 25px; margin-top: 10px">
<span
style="display: inline-block; margin-right: 20px"
class="col-sm-2 control-label"
>公会昵称</span
>
<el-input
v-model="ediObj.guildNick"
style="width: 75%"
class="input"
disabled
></el-input>
</div>
<!-- 成员数量上限 -->
<div style="margin-bottom: 25px; margin-top: 10px">
<span
style="display: inline-block; margin-right: 20px"
class="col-sm-2 control-label"
>成员数量上限</span
>
<el-input
v-model="ediObj.guildNumber"
style="width: 75%"
class="input"
></el-input>
</div>
<template #footer>
<span class="dialog-footer">
<el-button @click="editDialog = false">取消</el-button>
<el-button type="primary" @click="editDialogClick()">
确认
</el-button>
</span>
</template>
</el-dialog>
<!-- 二次确认删除弹窗 -->
<el-dialog v-model="delDialog" title="提示" width="30%" center>
<span> 确定要解散该公会吗?</span>
<template #footer>
<span class="dialog-footer">
<el-button @click="delDialog = false">取消</el-button>
<el-button type="primary" @click="delClick()"> 确认 </el-button>
</span>
</template>
</el-dialog>
</div>
</template>
<script>
import { pageFamily, create, update, dismiss } from "@/api/nobleman/nobleman";
// @ts-ignore
import { dateFormat } from "@/utils/system-helper";
// @ts-ignore
import { ElMessage } from "element-plus";
export default {
name: "GuildInfo",
data() {
return {
loading: false,
delDialog: false,
delDialogData: null,
//查询所需条件对象
inquire: {
userId: "",
referrer: "",
time: "",
},
//新增所需对象
resource: {
id: "",
nick: "",
referrer: "",
},
// 表格
tableData: [],
// 新增弹窗
addDialog: false,
// 分页
total: 10, //总页数
currentPage: 1, //页码
pageSize: 10, //条数
// 编辑弹窗
editDialog: false,
ediObj: {
leaderId: "",
leaderNick: "",
guildNick: "",
guildNumber: "",
id: "",
},
};
},
created() {
this.getData();
},
methods: {
// 查询接口
getData() {
this.loading = true;
let time = this.inquire.time;
let startTime = "";
let endTime = "";
if (time && time.length > 0) {
startTime = dateFormat(this.inquire.time[0], "yyyy-MM-dd hh:mm:ss");
endTime = dateFormat(this.inquire.time[1], "yyyy-MM-dd hh:mm:ss");
}
pageFamily({
erbanNo: this.inquire.userId,
referrer: this.inquire.referrer,
familyName: this.inquire.nick,
startDate: startTime,
endDate: endTime,
pageNum: this.currentPage,
pageSize: this.pageSize,
}).then((res) => {
this.total = res.data.total;
this.tableData = res.data.rows;
this.loading = false;
});
},
// 添加
add() {
this.addDialog = false;
create({
erbanNo: this.resource.id,
referrer: this.resource.referrer,
}).then((res) => {
this.getData();
});
},
// 编辑按钮
ediClick(res) {
var obj = res.row;
this.ediObj.leaderId = obj.ownerErbanNo;
this.ediObj.leaderNick = obj.ownerNick;
this.ediObj.guildNick = obj.name;
this.ediObj.guildNumber = obj.memberNumLimit;
this.ediObj.id = obj.id;
this.editDialog = true;
},
// 二次确认弹窗
editDialogClick() {
console.log(this.ediObj);
update({
id: this.ediObj.id,
memberNumLimit: this.ediObj.guildNumber,
}).then((res) => {
if (res.code == 200) {
ElMessage({
showClose: true,
message: res.message,
type: "success",
});
this.getData();
this.editDialog = false;
} else {
ElMessage({
showClose: true,
message: res.message,
type: "error",
});
}
this.delDialog = false;
});
},
// 解散按钮
delClick() {
console.log(this.delDialogData.id);
var familyId = this.delDialogData.id;
dismiss({ familyId }).then((res) => {
console.log();
if (res.code == 200) {
this.getData();
ElMessage({
showClose: true,
message: "解散成功",
type: "success",
});
} else {
ElMessage({
showClose: true,
message: res.message,
type: "error",
});
}
this.delDialog = false;
});
},
// 分页导航
handleSizeChange() {
this.getData();
},
handleCurrentChange() {
this.getData();
},
},
};
</script>
<style lang="less" scoped>
.box {
padding-top: 20px;
background: #ecf0f5;
.inquire {
display: inline-block;
margin-right: 20px;
span {
margin-right: 10px;
}
.input {
width: 180px;
margin-right: 10px;
}
}
.dialogTableVisibleBut {
display: block;
margin: 30px 0 0 830px;
}
.paginationClass {
margin: 15px 0 5px 0px;
}
}
</style>

View File

@@ -1,384 +0,0 @@
<template>
<div class="box">
<!-- 查询 -->
<div class="inquire">
<span>ID</span>
<el-input
v-model="inquire.userId"
placeholder=""
class="input"
></el-input>
</div>
<div class="inquire">
<span>推荐人</span>
<el-input
v-model="inquire.referrer"
placeholder=""
class="input"
></el-input>
</div>
<!-- 时间选择器 -->
<div class="inquire">
<div class="block">
<span class="demonstration">日期</span>
<el-date-picker
v-model="inquire.time"
type="datetimerange"
range-separator=""
start-placeholder="开始日期"
end-placeholder="结束日期"
>
</el-date-picker>
</div>
</div>
<!-- 查询按钮 -->
<el-button class="primary" type="primary" @click="getData()"
>查询</el-button
>
<el-button class="primary" type="primary" @click="addDialog = true"
>添加</el-button
>
<!-- 表格 -->
<el-table
v-loading="loading"
:data="tableData"
border
style="width: 100%; margin-top: 25px"
>
<el-table-column prop="referrer" align="center" label="推荐人" />
<el-table-column prop="ownerErbanNo" align="center" label="会长ID" />
<el-table-column prop="ownerNick" align="center" label="会长昵称" />
<el-table-column prop="name" align="center" label="公会昵称" />
<el-table-column align="center" prop="giftInfo" label="公会背景图">
<template v-slot="scope">
<el-image
style="width: 100px; height: 100px"
:src="scope.row.backgroundUrl"
:zoom-rate="1.1"
:preview-src-list="[scope.row.backgroundUrl]"
fit="cover"
preview-teleported="true"
hide-on-click-modal="true"
/>
</template>
</el-table-column>
<el-table-column prop="createTime" align="center" label="创建日期" />
<!-- <el-table-column prop="memberNum" align="center" label="成员数量" /> -->
<el-table-column align="center" label="成员数量/上限"
><template v-slot="scope"
>{{ scope.row.memberNum }}/{{ scope.row.memberNumLimit }}</template
></el-table-column
>
<el-table-column prop="goldIncome" align="center" label="金币总收入" />
<el-table-column prop="diamondRemain" align="center" label="钻石总收入" />
</el-table>
<!-- 新增弹窗 -->
<el-dialog v-model="addDialog" title="新增" width="28%" center>
<div style="margin-bottom: 25px">
<span
style="display: inline-block; margin-right: 20px; width: 100px"
class="col-sm-2 control-label"
>会长ID</span
>
<el-input
v-model="resource.id"
style="width: 75%"
class="input"
></el-input>
</div>
<div style="margin-bottom: 25px">
<span
style="display: inline-block; margin-right: 20px; width: 100px"
class="col-sm-2 control-label"
>推荐人</span
>
<el-input
v-model="resource.referrer"
style="width: 75%"
class="input"
></el-input>
</div>
<!-- <div style="margin-bottom: 25px">
<span
style="display: inline-block; margin-right: 20px; width: 100px"
class="col-sm-2 control-label"
>会长昵称</span
>
<el-input
v-model="resource.nick"
style="width: 75%"
class="input"
></el-input>
</div> -->
<template #footer>
<span class="dialog-footer">
<el-button @click="addDialog = false">取消</el-button>
<el-button type="primary" @click="add()"> 确认 </el-button>
</span>
</template>
</el-dialog>
<!-- 分页 -->
<el-pagination
style="margin-top: 10px"
class="paginationClass"
v-model:current-page="currentPage"
v-model:page-size="pageSize"
:page-sizes="[10, 20, 30, 40, 50, 100, 200, 300, 400, 500, 999999999]"
layout="sizes, prev, pager, next"
:total="total"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
<!-- 编辑弹窗 -->
<el-dialog v-model="editDialog" title="编辑" width="28%" center>
<!-- 会长ID -->
<div style="margin-bottom: 25px; margin-top: 10px">
<span
style="display: inline-block; margin-right: 20px"
class="col-sm-2 control-label"
>会长ID</span
>
<el-input
v-model="ediObj.leaderId"
style="width: 75%"
class="input"
disabled
></el-input>
</div>
<!-- 会长昵称 -->
<div style="margin-bottom: 25px; margin-top: 10px">
<span
style="display: inline-block; margin-right: 20px"
class="col-sm-2 control-label"
>会长昵称</span
>
<el-input
v-model="ediObj.leaderNick"
style="width: 75%"
class="input"
disabled
></el-input>
</div>
<!-- 公会昵称 -->
<div style="margin-bottom: 25px; margin-top: 10px">
<span
style="display: inline-block; margin-right: 20px"
class="col-sm-2 control-label"
>公会昵称</span
>
<el-input
v-model="ediObj.guildNick"
style="width: 75%"
class="input"
disabled
></el-input>
</div>
<!-- 成员数量上限 -->
<div style="margin-bottom: 25px; margin-top: 10px">
<span
style="display: inline-block; margin-right: 20px"
class="col-sm-2 control-label"
>成员数量上限</span
>
<el-input
v-model="ediObj.guildNumber"
style="width: 75%"
class="input"
></el-input>
</div>
<template #footer>
<span class="dialog-footer">
<el-button @click="editDialog = false">取消</el-button>
<el-button type="primary" @click="editDialogClick()">
确认
</el-button>
</span>
</template>
</el-dialog>
<!-- 二次确认删除弹窗 -->
<el-dialog v-model="delDialog" title="提示" width="30%" center>
<span> 确定要解散该公会吗?</span>
<template #footer>
<span class="dialog-footer">
<el-button @click="delDialog = false">取消</el-button>
<el-button type="primary" @click="delClick()"> 确认 </el-button>
</span>
</template>
</el-dialog>
</div>
</template>
<script>
import { pageFamily, create, update, dismiss } from "@/api/nobleman/nobleman";
// @ts-ignore
import { dateFormat } from "@/utils/system-helper";
// @ts-ignore
import { ElMessage } from "element-plus";
export default {
name: "GuildInfoSearch",
data() {
return {
loading: false,
delDialog: false,
delDialogData: null,
//查询所需条件对象
inquire: {
userId: "",
referrer: "",
time: "",
},
//新增所需对象
resource: {
id: "",
nick: "",
referrer: "",
},
// 表格
tableData: [],
// 新增弹窗
addDialog: false,
// 分页
total: 10, //总页数
currentPage: 1, //页码
pageSize: 10, //条数
// 编辑弹窗
editDialog: false,
ediObj: {
leaderId: "",
leaderNick: "",
guildNick: "",
guildNumber: "",
id: "",
},
};
},
created() {
this.getData();
},
methods: {
// 查询接口
getData() {
this.loading = true;
let time = this.inquire.time;
let startTime = "";
let endTime = "";
if (time && time.length > 0) {
startTime = dateFormat(this.inquire.time[0], "yyyy-MM-dd hh:mm:ss");
endTime = dateFormat(this.inquire.time[1], "yyyy-MM-dd hh:mm:ss");
}
pageFamily({
erbanNo: this.inquire.userId,
referrer: this.inquire.referrer,
familyName: this.inquire.nick,
startDate: startTime,
endDate: endTime,
pageNum: this.currentPage,
pageSize: this.pageSize,
}).then((res) => {
this.total = res.data.total;
this.tableData = res.data.rows;
this.loading = false;
});
},
// 添加
add() {
this.addDialog = false;
create({
erbanNo: this.resource.id,
referrer: this.resource.referrer,
}).then((res) => {
this.getData();
});
},
// 编辑按钮
ediClick(res) {
var obj = res.row;
this.ediObj.leaderId = obj.ownerErbanNo;
this.ediObj.leaderNick = obj.ownerNick;
this.ediObj.guildNick = obj.name;
this.ediObj.guildNumber = obj.memberNumLimit;
this.ediObj.id = obj.id;
this.editDialog = true;
},
// 二次确认弹窗
editDialogClick() {
console.log(this.ediObj);
update({
id: this.ediObj.id,
memberNumLimit: this.ediObj.guildNumber,
}).then((res) => {
if (res.code == 200) {
ElMessage({
showClose: true,
message: res.message,
type: "success",
});
this.getData();
this.editDialog = false;
} else {
ElMessage({
showClose: true,
message: res.message,
type: "error",
});
}
this.delDialog = false;
});
},
// 解散按钮
delClick() {
console.log(this.delDialogData.id);
var familyId = this.delDialogData.id;
dismiss({ familyId }).then((res) => {
console.log();
if (res.code == 200) {
this.getData();
ElMessage({
showClose: true,
message: "解散成功",
type: "success",
});
} else {
ElMessage({
showClose: true,
message: res.message,
type: "error",
});
}
this.delDialog = false;
});
},
// 分页导航
handleSizeChange() {
this.getData();
},
handleCurrentChange() {
this.getData();
},
},
};
</script>
<style lang="less" scoped>
.box {
padding-top: 20px;
background: #ecf0f5;
.inquire {
display: inline-block;
margin-right: 20px;
span {
margin-right: 10px;
}
.input {
width: 180px;
margin-right: 10px;
}
}
.dialogTableVisibleBut {
display: block;
margin: 30px 0 0 830px;
}
.paginationClass {
margin: 15px 0 5px 0px;
}
}
</style>

View File

@@ -1,396 +0,0 @@
<template>
<div class="box">
<!-- 查询 -->
<div class="inquire">
<span>ID</span>
<el-input
v-model="inquire.userId"
placeholder=""
class="input"
></el-input>
</div>
<!-- 工会昵称 -->
<div class="inquire">
<span>工会名称</span>
<el-input v-model="inquire.nick" placeholder="" class="input"></el-input>
</div>
<!-- 时间选择器 -->
<div class="inquire">
<div class="block">
<span class="demonstration">日期</span>
<el-date-picker
v-model="inquire.time"
type="datetimerange"
range-separator=""
start-placeholder="开始日期"
end-placeholder="结束日期"
>
</el-date-picker>
</div>
</div>
<!-- 查询按钮 -->
<el-button class="primary" type="primary" @click="getData()"
>查询</el-button
>
<!-- 导出按钮 -->
<el-button class="primary" type="primary" @click="exportFamilyMemberFun()"
>导出</el-button
>
<!-- 表格 -->
<el-table
v-loading="loading"
:data="tableData"
border
style="width: 100%; margin-top: 25px"
>
<el-table-column
prop="familyOwnerErbanNo"
align="center"
label="公会长ID"
/>
<el-table-column
prop="familyOwnerNick"
align="center"
label="公会长昵称"
/>
<el-table-column prop="familyName" align="center" label="公会昵称" />
<el-table-column prop="erbanNo" align="center" label="成员ID" />
<el-table-column prop="nick" align="center" label="成员昵称" />
<el-table-column prop="goldIncome" align="center" label="金币总收入" />
<el-table-column prop="diamondRemain" align="center" label="钻石总收入" />
<el-table-column prop="micRemainTime" align="center" label="开播时长" />
<el-table-column
prop="sendGiftUserNum"
align="center"
label="送礼用户数"
/>
<el-table-column align="center" label="成员状态">
<template v-slot="scope">{{
scope.row.enable ? "有效" : "无效"
}}</template>
</el-table-column>
<el-table-column align="center" label="是否违规">
<template v-slot="scope">{{ scope.row.violationNum }}</template>
</el-table-column>
<el-table-column align="center" label="操作" width="300">
<template v-slot="scope">
<el-button
@click="warnClick(scope)"
class="primary"
type="primary"
size="default"
>违规警告</el-button
>
<el-button
@click="listRecordFun(scope.row)"
class="primary"
type="primary"
size="default"
:disabled="scope.row.violationNum == 0 ? 'disabled' : ''"
>警告详情</el-button
>
</template>
</el-table-column>
</el-table>
<!-- 详情设备信息弹窗 -->
<el-dialog v-model="dialogTableVisible" title="警告详情">
<el-table style="width: 100%" :data="tableData2">
<el-table-column property="x" label="成员ID" min-width="100px" />
<el-table-column property="x" label="成员昵称" min-width="100px" />
<el-table-column property="x" label="违规日期" min-width="100px" />
<el-table-column property="x" label="被警告日期" min-width="100px" />
<el-table-column property="x" label="违规类型" min-width="100px" />
</el-table>
<el-button
class="dialogTableVisibleBut"
type="primary"
@click="dialogTableVisible = false"
>
关闭
</el-button>
</el-dialog>
<!-- 违规弹窗 -->
<el-dialog v-model="violationDialog" title="新增" width="28%" center>
<div style="margin-bottom: 25px">
<span
style="display: inline-block; margin-right: 20px; width: 100px"
class="col-sm-2 control-label"
>成员ID</span
>
<el-input
v-model="violationObj.id"
style="width: 75%"
class="input"
disabled
></el-input>
</div>
<div style="margin-bottom: 25px">
<span
style="display: inline-block; margin-right: 20px; width: 100px"
class="col-sm-2 control-label"
>成员昵称</span
>
<el-input
v-model="violationObj.nick"
style="width: 75%"
class="input"
disabled
></el-input>
</div>
<div style="margin-bottom: 25px">
<span
style="display: inline-block; margin-right: 20px; width: 100px"
class="col-sm-2 control-label"
>违规日期</span
>
<el-date-picker
v-model="violationObj.time"
type="datetime"
placeholder="选择日期时间"
>
</el-date-picker>
</div>
<div style="margin-bottom: 25px">
<span
style="display: inline-block; margin-right: 20px; width: 100px"
class="col-sm-2 control-label"
>违规类型</span
>
<el-select v-model="violationObj.nowValue" placeholder="请选择">
<el-option
v-for="item in violationObj.options"
:key="item.id"
:label="item.type"
:value="item.id"
>
</el-option>
</el-select>
</div>
<template #footer>
<span class="dialog-footer">
<el-button @click="violationDialog = false">取消</el-button>
<el-button type="primary" @click="add(violationObj)">
确认
</el-button>
</span>
</template>
</el-dialog>
<!-- 分页 -->
<el-pagination
style="margin-top: 10px"
class="paginationClass"
v-model:current-page="currentPage"
v-model:page-size="pageSize"
:page-sizes="[10, 20, 30, 40, 50, 100, 200, 300, 400, 500, 999999999]"
layout="sizes, prev, pager, next"
:total="total"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
</div>
</template>
<script>
import {
pageFamilyMember,
listFun,
addRecord,
listRecord,
exportFamilyMember,
} from "@/api/nobleman/nobleman";
// @ts-ignore
import { dateFormat } from "@/utils/system-helper";
// @ts-ignore
import { ElMessage } from "element-plus";
export default {
name: "GuildMemberInfo",
data() {
return {
loading: false,
//查询所需条件对象
inquire: {
userId: "",
nick: "",
time: "",
},
// 表格
tableData: [],
// 内嵌表格
dialogTableVisible: false,
tableData2: [],
// 新增弹窗
violationDialog: false,
// 违规对象
violationObj: {
id: "",
nick: "",
time: "",
nowValue: "",
options: [],
familyMemberId: null,
},
// 分页
total: 10, //总页数
currentPage: 1, //页码
pageSize: 10, //条数
};
},
created() {
this.getData();
listFun().then((res) => {
this.violationObj.options = res.data;
});
},
methods: {
// 查询接口
getData() {
this.loading = true;
let time = this.inquire.time;
let startTime = "";
let endTime = "";
if (time && time.length > 0) {
startTime = dateFormat(this.inquire.time[0], "yyyy-MM-dd hh:mm:ss");
endTime = dateFormat(this.inquire.time[1], "yyyy-MM-dd hh:mm:ss");
}
console.log(this.inquire);
pageFamilyMember({
erbanNo: this.inquire.userId,
familyName: this.inquire.nick,
startDate: startTime,
endDate: endTime,
pageNum: this.currentPage,
pageSize: this.pageSize,
}).then((res) => {
this.total = res.data.total;
this.tableData = res.data.rows;
this.loading = false;
});
},
// 导出
exportFamilyMemberFun() {
this.loading = true;
let time = this.inquire.time;
let startTime = "";
let endTime = "";
if (time && time.length > 0) {
startTime = dateFormat(this.inquire.time[0], "yyyy-MM-dd hh:mm:ss");
endTime = dateFormat(this.inquire.time[1], "yyyy-MM-dd hh:mm:ss");
}
exportFamilyMember({
erbanNo: this.inquire.userId,
familyName: this.inquire.nick,
startDate: startTime,
endDate: endTime,
pageNum: this.currentPage,
pageSize: this.pageSize,
}).then((res) => {
});
},
// 违规警告
warnClick(val) {
console.log(val.row);
var obj = val.row;
this.violationObj.id = val.row.erbanNo;
this.violationObj.nick = val.row.nick;
this.violationObj.familyMemberId = val.row.familyMemberId;
this.violationDialog = true;
},
add(val) {
var num = this.violationObj.options.map((item, i) => {
return this.violationObj.nowValue == item.id ? i : null;
});
let time = dateFormat(this.violationObj.time, "yyyy-MM-dd hh:mm:ss");
addRecord({
familyMemberId: this.violationObj.familyMemberId,
violationId: this.violationObj.nowValue,
date: time,
content: this.violationObj.options[num].content,
}).then((res) => {
if (res.code == 200) {
ElMessage({
showClose: true,
message: res.message,
type: "success",
});
this.getData();
this.violationDialog = false;
} else {
ElMessage({
showClose: true,
message: res.message,
type: "error",
});
}
});
},
listRecordFun(val) {
let time = this.inquire.time;
let startTime = "";
let endTime = "";
if (time && time.length > 0) {
startTime = dateFormat(this.inquire.time[0], "yyyy-MM-dd hh:mm:ss");
endTime = dateFormat(this.inquire.time[1], "yyyy-MM-dd hh:mm:ss");
}
listRecord({
familyMemberId: val.familyMemberId,
startTime: startTime,
endTime: endTime,
}).then((res) => {
if (res.code == 200) {
ElMessage({
showClose: true,
message: res.message,
type: "success",
});
this.dialogTableVisible = true;
} else {
ElMessage({
showClose: true,
message: res.message,
type: "error",
});
}
});
},
// 分页导航
handleSizeChange() {
this.getData();
},
handleCurrentChange() {
this.getData();
},
},
};
</script>
<style lang="less" scoped>
.box {
padding-top: 20px;
background: #ecf0f5;
.inquire {
display: inline-block;
margin-right: 20px;
span {
margin-right: 10px;
}
.input {
width: 180px;
margin-right: 10px;
}
}
.dialogTableVisibleBut {
display: block;
margin: 30px 0 0 830px;
}
.paginationClass {
margin: 15px 0 5px 0px;
}
}
</style>

View File

@@ -1,181 +0,0 @@
<template>
<div class="box">
<!-- 查询 -->
<div class="inquire">
<span>ID</span>
<el-input
v-model="inquire.userId"
placeholder=""
class="input"
></el-input>
</div>
<!-- 时间选择器 -->
<div class="inquire">
<div class="block">
<span class="demonstration">移除日期</span>
<el-date-picker
v-model="inquire.time"
type="datetimerange"
range-separator=""
start-placeholder="开始日期"
end-placeholder="结束日期"
>
</el-date-picker>
</div>
</div>
<!-- 查询按钮 -->
<el-button class="primary" type="primary" @click="getData()"
>查询</el-button
>
<!-- 表格 -->
<el-table
v-loading="loading"
:data="tableData"
border
style="width: 100%; margin-top: 25px"
>
<el-table-column prop="familyName" align="center" label="家族昵称" />
<el-table-column prop="erbanNo" align="center" label="成员ID" />
<el-table-column prop="nick" align="center" label="成员昵称" />
<el-table-column prop="targetErbanNo" align="center" label="目标成员ID" />
<el-table-column prop="targetNick" align="center" label="目标成员昵称" />
<el-table-column prop="type" align="center" label="操作类型">
<template v-slot="scope">
{{
scope.row.type == 1
? "申请加入"
: scope.row.type == 2
? "申请退出"
: scope.row.type == 3
? "邀请加入"
: scope.row.type == 4
? "设置管理员"
: scope.row.type == 5
? "移除管理员"
: "移除成员"
}}
</template>
</el-table-column>
<el-table-column prop="createTime" align="center" label="操作时间" />
<el-table-column prop="updateTime" align="center" label="最后更新时间" />
<el-table-column prop="status" align="center" label="状态">
<template v-slot="scope">
{{
scope.row.status == 1
? "未处理"
: scope.row.status == 2
? "同意"
: scope.row.status == 2
? "拒绝"
: "过期"
}}
</template>
</el-table-column>
</el-table>
<!-- 分页 -->
<el-pagination
style="margin-top: 10px"
class="paginationClass"
v-model:current-page="currentPage"
v-model:page-size="pageSize"
:page-sizes="[10, 20, 30, 40, 50, 100, 200, 300, 400, 500, 999999999]"
layout="sizes, prev, pager, next"
:total="total"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
</div>
</template>
<script>
import { pageOperateRecord } from "@/api/nobleman/nobleman";
// @ts-ignore
import { dateFormat } from "@/utils/system-helper";
// @ts-ignore
import { ElMessage } from "element-plus";
export default {
name: "GuildMove",
data() {
return {
loading: false,
//查询所需条件对象
inquire: {
userId: "",
nick: "",
time: "",
},
//新增所需对象
resource: {
id: "",
nick: "",
},
// 表格
tableData: [],
// 新增弹窗
addDialog: false,
// 分页
total: 10, //总页数
currentPage: 1, //页码
pageSize: 10, //条数
};
},
created() {
this.getData();
},
methods: {
// 查询接口
getData() {
this.loading = true;
let time = this.inquire.time;
let startTime = "";
let endTime = "";
if (time && time.length > 0) {
startTime = dateFormat(this.inquire.time[0], "yyyy-MM-dd hh:mm:ss");
endTime = dateFormat(this.inquire.time[1], "yyyy-MM-dd hh:mm:ss");
}
pageOperateRecord({
erbanNo: this.inquire.userId,
startDate: startTime,
endDate: endTime,
pageNum: this.currentPage,
pageSize: this.pageSize,
}).then((res) => {
this.total = res.data.total;
this.tableData = res.data.rows;
this.loading = false;
});
},
// 分页导航
handleSizeChange() {
this.getData();
},
handleCurrentChange() {
this.getData();
},
},
};
</script>
<style lang="less" scoped>
.box {
padding-top: 20px;
background: #ecf0f5;
.inquire {
display: inline-block;
margin-right: 20px;
span {
margin-right: 10px;
}
.input {
width: 180px;
margin-right: 10px;
}
}
.dialogTableVisibleBut {
display: block;
margin: 30px 0 0 830px;
}
.paginationClass {
margin: 15px 0 5px 0px;
}
}
</style>

View File

@@ -1,279 +0,0 @@
<template>
<div class="box">
<!-- 查询按钮 -->
<el-button class="primary" type="primary" @click="add()">添加</el-button>
<!-- 表格 -->
<el-table
v-loading="loading"
:data="tableData"
border
style="width: 100%; margin-top: 25px"
>
<el-table-column prop="type" align="center" label="违规类型" />
<el-table-column prop="content" align="center" label="警告内容" />
<el-table-column align="center" label="操作">
<template v-slot="scope">
<el-button
@click="ediClick(scope)"
class="primary"
type="primary"
size="default"
>编辑</el-button
>
<el-button
@click="del(scope)"
class="danger"
type="danger"
size="default"
>删除</el-button
>
</template>
</el-table-column>
</el-table>
<!-- 分页 -->
<el-pagination
style="margin-top: 10px"
class="paginationClass"
v-model:current-page="currentPage"
v-model:page-size="pageSize"
:page-sizes="[10, 20, 30, 40, 50, 100, 200, 300, 400, 500, 999999999]"
layout="sizes, prev, pager, next"
:total="total"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
<!-- 编辑弹窗 -->
<el-dialog v-model="addDialog" :title="titleDialog" width="28%" center>
<!-- 违规类型 -->
<div style="margin-bottom: 25px; margin-top: 10px">
<span
style="display: inline-block; margin-right: 20px"
class="col-sm-2 control-label"
>违规类型</span
>
<el-input
v-model="addObj.violationType"
style="width: 75%"
class="input"
placeholder="请输入违规类型仅限20字"
maxlength="20"
></el-input>
</div>
<!-- 警告内容 -->
<div style="margin-bottom: 25px; margin-top: 10px">
<span
style="display: inline-block; margin-right: 20px"
class="col-sm-2 control-label"
>警告内容</span
>
<el-input
v-model="addObj.violationContent"
style="width: 75%"
class="input"
placeholder="请输入警告内容仅限200字"
maxlength="200"
type="textarea"
:rows="3"
></el-input>
</div>
<template #footer>
<span class="dialog-footer">
<el-button @click="addDialog = false">取消</el-button>
<el-button type="primary" @click="addDialogClick()"> 确认 </el-button>
</span>
</template>
</el-dialog>
<!-- 二次确认删除弹窗 -->
<el-dialog v-model="delDialog" title="提示" width="30%" center>
<span> 是否删除该违规类型?</span>
<template #footer>
<span class="dialog-footer">
<el-button @click="delDialog = false">取消</el-button>
<el-button type="primary" @click="delClick()"> 确认 </el-button>
</span>
</template>
</el-dialog>
</div>
</template>
<script>
import { pageFun, updateFun, delFun, addFun } from "@/api/nobleman/nobleman";
// @ts-ignore
import { dateFormat } from "@/utils/system-helper";
// @ts-ignore
import { ElMessage } from "element-plus";
export default {
name: "violationTypeSet",
data() {
return {
loading: false,
// 表格数据
tableData: [{ x: "" }],
// 分页
total: 10, //总页数
currentPage: 1, //页码
pageSize: 10, //条数
// 删除
delDialog: false,
delDate: {},
// 新增&编辑
addDialog: false,
titleDialog: "新增违规类型",
addObj: {
violationType: "",
violationContent: "",
id: null,
},
};
},
created() {
this.getData();
},
methods: {
// 查询接口
getData() {
this.loading = true;
pageFun({
pageNum: this.currentPage,
pageSize: this.pageSize,
}).then((res) => {
if (res.code == 200) {
this.total = res.data.total;
this.tableData = res.data.rows;
this.loading = false;
} else {
ElMessage({
showClose: true,
message: res.message,
type: "error",
});
}
});
},
// 新增
add() {
this.titleDialog = "新增违规类型";
this.addObj.violationType = "";
this.addObj.violationContent = "";
this.addObj.types = 1;
this.addDialog = true;
},
// 编辑
ediClick(val) {
this.titleDialog = "编辑违规类型";
this.addObj.violationType = val.row.type;
this.addObj.violationContent = val.row.content;
this.addObj.id = val.row.id;
this.addObj.types = 2;
this.addDialog = true;
},
// 二次确认新增&编辑
addDialogClick() {
if (this.addObj.types == 1) {
addFun({
type: this.addObj.violationType,
content: this.addObj.violationContent,
id: this.addObj.id,
}).then((res) => {
if (res.code == 200) {
ElMessage({
showClose: true,
message: res.message,
type: "success",
});
this.getData();
this.addDialog = false;
} else {
ElMessage({
showClose: true,
message: res.message,
type: "error",
});
}
});
} else {
updateFun({
type: this.addObj.violationType,
content: this.addObj.violationContent,
id: this.addObj.id,
}).then((res) => {
if (res.code == 200) {
ElMessage({
showClose: true,
message: res.message,
type: "success",
});
this.getData();
this.addDialog = false;
} else {
ElMessage({
showClose: true,
message: res.message,
type: "error",
});
}
});
}
},
// 删除按钮
del(val) {
this.delDate = val.row;
this.delDialog = true;
},
// 二次确认删除
delClick() {
delFun({ id: this.delDate.id }).then((res) => {
if (res.code == 200) {
ElMessage({
showClose: true,
message: res.message,
type: "success",
});
this.getData();
} else {
ElMessage({
showClose: true,
message: res.message,
type: "error",
});
}
});
this.delDialog = false;
},
// 分页导航
handleSizeChange() {
this.getData();
},
handleCurrentChange() {
this.getData();
},
},
};
</script>
<style lang="less" scoped>
.box {
padding-top: 20px;
background: #ecf0f5;
.inquire {
display: inline-block;
margin-right: 20px;
span {
margin-right: 10px;
}
.input {
width: 180px;
margin-right: 10px;
}
}
.dialogTableVisibleBut {
display: block;
margin: 30px 0 0 830px;
}
.paginationClass {
margin: 15px 0 5px 0px;
}
}
</style>

View File

@@ -98,6 +98,25 @@ export default {
methods: {
initData() {
$(function () {
var main = {
init: function () {
this.eventRegister();
this.getDataFromBack();
},
eventRegister: function () {
// 筛选按钮点击事件
$('#searchBtn').on('click', function () {
TableHelper.doRefresh('#table');
});
},
getDataFromBack: function () {
}
};
main.init();
$('#table').bootstrapTable('destroy');
$('#table').bootstrapTable({
columns: [
@@ -232,11 +251,6 @@ export default {
}
});
// 筛选按钮点击事件
$('#searchBtn').on('click', function () {
TableHelper.doRefresh('#table');
});
});
}
},

View File

@@ -70,7 +70,7 @@
<label for="awardChoose" class="col-sm-3 control-label">选择礼物</label>
<div class="col-sm-4">
<div class="col-sm-8">
<select name="awardChoose" id="awardChoose" onchange="updateAward(this)">
<!-- <option value="0">选取礼物</option> -->
</select>

View File

@@ -1,253 +1,213 @@
<template>
<section class="content">
<div class="box box-primary">
<div class="box-body">
<section class="content-header">
<h1 id="itemTitle"></h1>
</section>
<form id="form2"
action=""
method="post"
target="_blank">
<input type="hidden"
name="erbanNo"
id="exportErbanNo">
<input type="hidden"
name="channel"
id="exportChannel">
<input type="hidden"
name="startTime"
id="exportStartTime">
<input type="hidden"
name="endTime"
id="exportEndTime">
<input type="hidden"
name="status"
id="exportStatus">
<input type="hidden"
name="newUser"
id="exportNewUser">
<input type="hidden"
name="appChannel"
id="exportAppChannel">
</form>
<section class="content">
<div id="toolbar">
<form class="form-inline">
<div class="form-group">
<label for="qErbanNo">平台号</label>
<input type="text"
class="form-control"
name="erbanNo"
id="qErbanNo">
</div>
<div class="form-group">
<label for="qChannel">渠道:</label>
<input type="text"
class="form-control"
name="channel"
id="qChannel">
</div>
<div class="form-group">
<label for="qChannel">时间:</label>
<input type="text"
class="form-control datetime"
name="startTime"
id="qStartTime">
<label for="qChannel">-</label>
<input type="text"
class="form-control datetime"
name="endTime"
id="qEndTime">
</div>
<div class="form-group">
<label for="qStatus">状态:</label>
<select class="form-control"
name="status"
id="qStatus">
<option value="">全部</option>
<option value="1">发起充值</option>
<option value="2">充值成功</option>
</select>
</div>
<div class="form-group">
<label for="qNewUser">新用户:</label>
<select class="form-control"
name="newUser"
id="qNewUser">
<option value="">全部</option>
<option value="1"></option>
<option value="0"></option>
</select>
</div>
<div class="form-group">
<label for="qChannel">app渠道</label>
<input type="text"
class="form-control"
name="appChannel"
id="qAppChannel">
</div>
</form>
<button id="btnSearch"
class="btn btn-sm btn-primary">查询</button>
<button id="btnExport"
class="btn btn-sm btn-primary">导出</button>
</div>
<!-- .content -->
<div class="content"
id="table"></div>
</section>
</div>
</div>
</section>
<section class="content">
<div class="box box-primary">
<div class="box-body">
<section class="content-header">
<h1 id="itemTitle"></h1>
</section>
<form id="form2" action="" method="post" target="_blank">
<input type="hidden" name="erbanNo" id="exportErbanNo">
<input type="hidden" name="channel" id="exportChannel">
<input type="hidden" name="startTime" id="exportStartTime">
<input type="hidden" name="endTime" id="exportEndTime">
<input type="hidden" name="status" id="exportStatus">
<input type="hidden" name="newUser" id="exportNewUser">
<input type="hidden" name="appChannel" id="exportAppChannel">
</form>
<section class="content">
<div id="toolbar">
<form class="form-inline">
<div class="form-group">
<label for="qErbanNo">平台号</label>
<input type="text" class="form-control" name="erbanNo" id="qErbanNo">
</div>
<div class="form-group">
<label for="qChannel">渠道:</label>
<input type="text" class="form-control" name="channel" id="qChannel">
</div>
<div class="form-group">
<label for="qChannel">时间:</label>
<input type="text" class="form-control datetime" name="startTime" id="qStartTime">
<label for="qChannel">-</label>
<input type="text" class="form-control datetime" name="endTime" id="qEndTime">
</div>
<div class="form-group">
<label for="qStatus">状态:</label>
<select class="form-control" name="status" id="qStatus">
<option value="">全部</option>
<option value="1">发起充值</option>
<option value="2">充值成功</option>
</select>
</div>
<div class="form-group">
<label for="qNewUser">新用户:</label>
<select class="form-control" name="newUser" id="qNewUser">
<option value="">全部</option>
<option value="1"></option>
<option value="0"></option>
</select>
</div>
<div class="form-group">
<label for="qChannel">app渠道</label>
<input type="text" class="form-control" name="appChannel" id="qAppChannel">
</div>
</form>
<button id="btnSearch" class="btn btn-sm btn-primary">查询</button>
<button id="btnExport" class="btn btn-sm btn-primary">导出</button>
</div>
<!-- .content -->
<div class="content" id="table"></div>
</section>
</div>
</div>
</section>
</template>
<script>
import TableHelper from '@/utils/bootstrap-table-helper';
export default {
name: "ChargeRecordView",
setup () {
return {};
},
created () {
this.$nextTick(function () {
this.initData();
});
},
methods: {
initData () {
$(function () {
$('.datetime').datetimepicker({
format: 'yyyy-mm-dd hh:ii:00',
autoclose: true
name: "ChargeRecordView",
setup() {
return {};
},
created() {
this.$nextTick(function () {
this.initData();
});
$('#table').bootstrapTable('destroy');
$('#table').bootstrapTable({
columns: [
{ field: 'erbanNo', title: '平台号', align: 'center', width: '5%' },
{ field: 'uid', title: 'uid', align: 'center', width: '5%' },
{ field: 'nick', title: '昵称', align: 'center', width: '5%' },
{ field: 'partitionName', title: '分区', align: 'center', width: '5%' },
{ field: 'createTime', title: '创建时间', align: 'center', valign: 'middle', width: '10%' },
{ field: 'channel', title: '渠道', align: 'center', width: '5%' },
{ field: 'localCurrencyCode', title: '当地货币代码', align: 'center', width: '5%' },
{ field: 'localAmount', title: '当地金额', align: 'center', width: '5%' },
{ field: 'chargeRecordId', title: '商户订单号', align: 'center', width: '5%' },
{ field: 'pingxxChargeId', title: '第三方订单号', align: 'center', width: '5%' },
{
field: 'status', title: '状态', align: 'center', width: '5%',
formatter: function (val, row, index) {
if (val == 2) {
return '充值成功';
} else {
return '发起充值';
}
}
},
{
field: 'newUser', title: '是否新用户', align: 'center', width: '5%',
formatter: function (val, row, index) {
if (val) {
return '是';
} else {
return '否';
}
}
},
{ field: 'appChannel', title: 'app渠道', align: 'center', width: '5%' },
],
undefinedText: "-",
cache: false,
striped: true,
showRefresh: false,
pageSize: 20,
pagination: true,
pageList: [20, 50, 100, 200, 300, 500],
search: false,
sidePagination: "server", //表示服务端请求
queryParamsType: "undefined",
queryParams: function queryParams (params) { //设置查询参数
var param = {
pageNumber: params.pageNumber,
pageSize: params.pageSize,
erbanNo: $('#qErbanNo').val(),
channel: $('#qChannel').val(),
startTime: $('#qStartTime').val(),
endTime: $('#qEndTime').val(),
status: $('#qStatus').val(),
newUser: $('#qNewUser').val(),
appChannel: $('#qAppChannel').val(),
};
return param;
},
ajax: function (request) { //使用ajax请求
$.ajax({
type: "GET",
url: '/admin/chargeRecord/list',
contentType: 'application/json;charset=utf-8',
dataType: 'json',
data: request.data,
success: function (res) {
apiResult(res);
request.success({
rows: res.data.records,
total: res.data.total
},
methods: {
initData() {
$(function () {
$('.datetime').datetimepicker({
format: 'yyyy-mm-dd hh:ii:00',
autoclose: true
});
},
error: function (req) {
serverError(req);
}
})
},
toolbar: '#toolbar',
onLoadSuccess: function () { //加载成功时执行
console.log("load success");
},
onLoadError: function () { //加载失败时执行
console.log("load fail");
}
});
$('#table').bootstrapTable('destroy');
$('#table').bootstrapTable({
columns: [
{ field: 'erbanNo', title: '平台号', align: 'center', width: '5%' },
{ field: 'uid', title: 'uid', align: 'center', width: '5%' },
{ field: 'nick', title: '昵称', align: 'center', width: '5%' },
{ field: 'createTime', title: '创建时间', align: 'center', valign: 'middle', width: '10%' },
{ field: 'channel', title: '渠道', align: 'center', width: '5%' },
{ field: 'localCurrencyCode', title: '当地货币代码', align: 'center', width: '5%' },
{ field: 'localAmount', title: '当地金额', align: 'center', width: '5%' },
{ field: 'chargeRecordId', title: '商户订单号', align: 'center', width: '5%' },
{ field: 'pingxxChargeId', title: '第三方订单号', align: 'center', width: '5%' },
{
field: 'status', title: '状态', align: 'center', width: '5%',
formatter: function (val, row, index) {
if (val == 2) {
return '充值成功';
} else {
return '发起充值';
}
// 查询刷新
$('#btnSearch').on('click', function () {
TableHelper.doRefresh('#table');
});
}
},
{
field: 'newUser', title: '是否新用户', align: 'center', width: '5%',
formatter: function (val, row, index) {
if (val) {
return '是';
} else {
return '否';
}
function serverError (req) {
$("#tipMsg").text(req.responseJSON.message);
$("#tipModal").modal('show');
}
},
{ field: 'appChannel', title: 'app渠道', align: 'center', width: '5%' },
],
undefinedText: "-",
cache: false,
striped: true,
showRefresh: false,
pageSize: 20,
pagination: true,
pageList: [20, 50, 100, 200, 300, 500],
search: false,
sidePagination: "server", //表示服务端请求
queryParamsType: "undefined",
queryParams: function queryParams(params) { //设置查询参数
var param = {
pageNumber: params.pageNumber,
pageSize: params.pageSize,
erbanNo: $('#qErbanNo').val(),
channel: $('#qChannel').val(),
startTime: $('#qStartTime').val(),
endTime: $('#qEndTime').val(),
status: $('#qStatus').val(),
newUser: $('#qNewUser').val(),
appChannel: $('#qAppChannel').val(),
};
return param;
},
ajax: function (request) { //使用ajax请求
$.ajax({
type: "GET",
url: '/admin/chargeRecord/list',
contentType: 'application/json;charset=utf-8',
dataType: 'json',
data: request.data,
success: function (res) {
apiResult(res);
request.success({
rows: res.data.records,
total: res.data.total
});
},
error: function (req) {
serverError(req);
}
})
},
toolbar: '#toolbar',
onLoadSuccess: function () { //加载成功时执行
console.log("load success");
},
onLoadError: function () { //加载失败时执行
console.log("load fail");
}
});
// 查询刷新
$('#btnSearch').on('click', function () {
TableHelper.doRefresh('#table');
});
function serverError(req) {
$("#tipMsg").text(req.responseJSON.message);
$("#tipModal").modal('show');
}
function apiResult(json) {
if (json.code == 200 && json.message == 'success') {
return true;
}
$("#tipMsg").text("请求失败,错误信息:" + json.message);
$("#tipModal").modal('show');
return false;
}
// 导出excel
$('#btnExport').on('click', function () {
var form = $("#form2");
form.attr("action", "/admin/chargeRecord/exportChargeDetail");
$('#exportErbanNo').val($('#qErbanNo').val());
$('#exportChannel').val($('#qChannel').val());
$('#exportStartTime').val($('#qStartTime').val());
$('#exportEndTime').val($('#qEndTime').val());
$('#exportStatus').val($('#qStatus').val());
$('#exportNewUser').val($('#qNewUser').val());
$('#exportAppChannel').val($('#qAppChannel').val());
form.submit();
})
});
}
function apiResult (json) {
if (json.code == 200 && json.message == 'success') {
return true;
}
$("#tipMsg").text("请求失败,错误信息:" + json.message);
$("#tipModal").modal('show');
return false;
}
// 导出excel
$('#btnExport').on('click', function () {
var form = $("#form2");
form.attr("action", "/admin/chargeRecord/exportChargeDetail");
$('#exportErbanNo').val($('#qErbanNo').val());
$('#exportChannel').val($('#qChannel').val());
$('#exportStartTime').val($('#qStartTime').val());
$('#exportEndTime').val($('#qEndTime').val());
$('#exportStatus').val($('#qStatus').val());
$('#exportNewUser').val($('#qNewUser').val());
$('#exportAppChannel').val($('#qAppChannel').val());
form.submit();
})
});
}
},
},
};
</script>

View File

@@ -47,9 +47,9 @@
onchange="selectOnchang(this)">
<option value="OFFICAL_DIAMOND">官方赠送金币</option>
<option value="OFFICAL_RADISH">官方赠送水晶</option>
<option value="ACTIVITY_GOLD">活动奖励钻石</option>
<option value="ACTIVITY_GOLD">活动奖励金币</option>
<option value="COMPANY_ACCOUNT_DIAMOND">公款充值金币</option>
<option value="OFFICAL_REDUCE_DIAMONDS">官方金币消除</option>
<option value="OFFICAL_REDUCE_DIAMONDS">官方钻石消除</option>
<option value="OFFICAL_GOLD">官方赠送钻石</option>
<option value="CLEAR_USER_GOLD">用户钻石清除</option>
<!-- <option value="OFFICAL_RADISH">官方赠送萝卜</option>

View File

@@ -107,7 +107,7 @@
:value="item.value"></el-option>
</el-select>
</div>
<div style="margin-bottom: 25px" v-if="resource.skipType == 1 || resource.skipType == 3">
<div style="margin-bottom: 25px" v-if="resource.skipType == 1">
<span style="display: inline-block; margin-right: 20px" class="col-sm-2 control-label">资源编码</span>
<el-input v-model="resource.code" style="width: 75%" class="input" :placeholder="请输入资源编码"></el-input>
</div>

View File

@@ -1,453 +0,0 @@
<template>
<div class="box">
<!-- 查询 -->
<div class="inquire" style="display: inline-block; margin-right: 20px">
<span class="demonstration">地区:</span>
<el-select v-model="inquire.partitionFlag" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.partitionFlag"
:label="item.label"
:value="item.partitionFlag"
>
</el-option>
</el-select>
</div>
<!-- 查询按钮 -->
<el-button class="primary" type="primary" @click="getData()"
>查询</el-button
>
<!-- 表格 -->
<el-table
v-loading="loading"
:data="tableData"
border
style="width: 100%; margin-top: 25px"
>
<el-table-column prop="mgId" align="center" label="游戏ID" />
<el-table-column prop="name" align="center" label="游戏名称" />
<el-table-column prop="partitionFlag" align="center" label="所属地区">
<template v-slot="scope">{{
scope.row.partitionFlag == 1
? "英语区"
: scope.row.partitionFlag == 2
? "阿拉伯语区"
: scope.row.partitionFlag == 4
? "华语区"
: scope.row.partitionFlag == 3
? "英语区阿拉伯语区"
: scope.row.partitionFlag == 5
? "英语区华语区"
: scope.row.partitionFlag == 6
? "阿拉伯语区华语区"
: scope.row.partitionFlag == 7 || scope.row.partitionFlag == 0
? "英语区阿拉伯语区华语区"
: "无所属地区"
}}</template>
</el-table-column>
<el-table-column prop="isShow" align="center" label="是否展示">
<template v-slot="scope">{{
scope.row.isShow == 0 ? "" : scope.row.isShow == 1 ? "" : "/"
}}</template>
</el-table-column>
<!-- <el-table-column prop="roomFlag" align="center" label="展示房间类型">
<template v-slot="scope">{{
(scope.row.roomFlag & 1) != 0
? "游戏房"
: (scope.row.roomFlag & 2) != 0
? "牌照房"
: (scope.row.roomFlag & 4) != 0
? "普通房"
: "/"
}}</template>
</el-table-column> -->
<el-table-column prop="isAuthority" align="center" label="是否限制">
<template v-slot="scope">{{
scope.row.isAuthority == 0
? ""
: scope.row.isAuthority == 1
? ""
: "/"
}}</template>
</el-table-column>
<el-table-column prop="roleFlag" align="center" label="可开启角色">
<template v-slot="scope">{{
scope.row.roleFlag == 1
? "房主"
: scope.row.roleFlag == 2
? "管理员"
: scope.row.roleFlag == 3
? "房主管理员"
: "/"
}}</template>
</el-table-column>
<el-table-column align="center" label="操作" width="300">
<template v-slot="scope">
<el-button
@click="ediClick(scope)"
class="primary"
type="primary"
size="default"
>编辑</el-button
>
</template>
</el-table-column>
</el-table>
<!-- 编辑弹窗 -->
<el-dialog v-model="editDialog" title="编辑" width="28%" center>
<!-- 游戏ID -->
<div style="margin-bottom: 25px; margin-top: 10px">
<span
style="display: inline-block; margin-right: 20px"
class="col-sm-2 control-label"
>游戏ID</span
>
<el-input
v-model="ediObj.gameId"
style="width: 75%"
class="input"
disabled
></el-input>
</div>
<!-- 游戏昵称 -->
<div style="margin-bottom: 25px; margin-top: 10px">
<span
style="display: inline-block; margin-right: 20px"
class="col-sm-2 control-label"
>游戏昵称(中文)</span
>
<el-input
v-model="ediObj.gameNick"
style="width: 75%"
class="input"
disabled
></el-input>
</div>
<!-- 所属地区 -->
<div style="margin-bottom: 25px; margin-top: 10px">
<span
style="display: inline-block; margin-right: 20px"
class="col-sm-2 control-label"
>所属地区</span
>
<el-checkbox-group v-model="ediObj.checkList">
<el-checkbox label="华语区"></el-checkbox>
<el-checkbox label="英语区"></el-checkbox>
<el-checkbox label="阿拉伯语区"></el-checkbox>
</el-checkbox-group>
</div>
<!-- 是否展示 -->
<div style="margin-bottom: 25px; margin-top: 10px">
<span
style="display: inline-block; margin-right: 20px"
class="col-sm-2 control-label"
>是否展示</span
>
<el-select v-model="ediObj.value1" placeholder="请选择">
<el-option
v-for="item in ediObj.options"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</div>
<!-- 是否限制 -->
<div v-show="ediObj.value1" style="margin-bottom: 25px; margin-top: 10px">
<span
style="display: inline-block; margin-right: 20px"
class="col-sm-2 control-label"
>是否限制</span
>
<el-select v-model="ediObj.value2" placeholder="请选择">
<el-option
v-for="item in ediObj.options2"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</div>
<!-- 可开启角色 -->
<div v-show="ediObj.value1" style="margin-bottom: 25px; margin-top: 10px">
<span
style="display: inline-block; margin-right: 20px"
class="col-sm-2 control-label"
>可开启角色</span
>
<el-checkbox-group v-model="ediObj.checkList2">
<el-checkbox label="房主"></el-checkbox>
<el-checkbox label="管理员"></el-checkbox>
</el-checkbox-group>
</div>
<template #footer>
<span class="dialog-footer">
<el-button @click="editDialog = false">取消</el-button>
<el-button type="primary" @click="editDialogClick()">
确认
</el-button>
</span>
</template>
</el-dialog>
<!-- 分页 -->
<el-pagination
style="margin-top: 10px; display: none"
class="paginationClass"
v-model:current-page="currentPage"
v-model:page-size="pageSize"
:page-sizes="[10, 20, 30, 40, 50, 100, 200, 300, 400, 500, 999999999]"
layout="sizes, prev, pager, next"
:total="total"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
</div>
</template>
<script>
import { mgList, save } from "@/api/gameAdmin/gameAdmin";
// @ts-ignore
import { dateFormat } from "@/utils/system-helper";
// @ts-ignore
import { ElMessage } from "element-plus";
export default {
name: "GameAdmin",
data() {
return {
loading: false,
//查询所需条件对象
inquire: {
partitionFlag: "",
time: "",
},
// 选择器
options: [
{
partitionFlag: 1,
label: "英语区",
},
{
partitionFlag: 2,
label: "阿拉伯语区",
},
{
partitionFlag: 4,
label: "华语区",
},
{
partitionFlag: "",
label: "全部",
},
],
// 表格
tableData: [],
// 控制编辑弹窗
editDialog: false,
editDiaData: {},
ediObj: {
gameId: "",
gameNick: "",
checkList: [],
value1: 0,
options: [
{
value: 1,
label: "是",
},
{
value: 0,
label: "否",
},
],
value2: 0,
options2: [
{
value: 1,
label: "是",
},
{
value: 0,
label: "否",
},
],
checkList2: [],
partitionFlag: null,
},
// 分页
total: 10, //总页数
currentPage: 1, //页码
pageSize: 10, //条数
};
},
created() {
this.getData();
},
methods: {
// 查询接口
getData() {
this.loading = true;
let time = this.inquire.time;
let startTime = "";
let endTime = "";
if (time && time.length > 0) {
startTime = dateFormat(this.inquire.time[0], "yyyy-MM-dd hh:mm:ss");
endTime = dateFormat(this.inquire.time[1], "yyyy-MM-dd hh:mm:ss");
}
console.log(this.inquire);
mgList({ partitionFlag: this.inquire.partitionFlag }).then((res) => {
if (res.code == 200) {
this.tableData = res.data;
ElMessage({
showClose: true,
message: res.message,
type: "success",
});
this.loading = false;
} else {
ElMessage({
showClose: true,
message: res.message,
type: "error",
});
this.loading = false;
}
});
},
// 编辑按钮
ediClick(scope) {
this.editDialog = true;
this.editDiaData = scope.row;
var obj = this.editDiaData;
this.ediObj.gameId = obj.mgIdStr;
this.ediObj.gameNick = JSON.parse(obj.name).zh;
this.ediObj.partitionFlag = obj.partitionFlag;
this.ediObj.checkList =
obj.partitionFlag == 1
? ["英语区"]
: obj.partitionFlag == 2
? ["阿拉伯语区"]
: obj.partitionFlag == 4
? ["华语区"]
: obj.partitionFlag == 3
? ["英语区", "阿拉伯语区"]
: obj.partitionFlag == 5
? ["英语区", "华语区"]
: obj.partitionFlag == 6
? ["阿拉伯语区", "华语区"]
: scope.row.partitionFlag == 7 ||
scope.row.partitionFlag == 0 ||
scope.row.partitionFlag == ""
? ["英语区", "阿拉伯语区", "华语区"]
: [];
this.ediObj.value1 = obj.isShow == false ? 0 : 1;
this.ediObj.value2 = obj.isAuthority;
this.ediObj.checkList2 =
obj.roleFlag == 1
? ["房主"]
: obj.roleFlag == 2
? ["管理员"]
: obj.roleFlag == 3
? ["房主", "管理员"]
: [];
console.log(obj);
},
// 确认编辑按钮
editDialogClick() {
var obj = {
mgIdStr: this.ediObj.gameId,
name: this.ediObj.gameNick,
partitionFlag: this.districtFun(1),
isShow: this.ediObj.value1,
isAuthority: this.ediObj.value2,
roleFlag: this.districtFun(2),
};
console.log(obj);
save(obj).then((res) => {
if (res.code == 200) {
ElMessage({
showClose: true,
message: res.message,
type: "success",
});
this.editDialog = false;
this.getData();
} else {
ElMessage({
showClose: true,
message: res.message,
type: "error",
});
}
});
},
// 计算数值
districtFun(type) {
console.log("ssss", this.ediObj);
var num = 0;
var district;
if (type == 1) {
district = {
华语区: 4,
英语区: 1,
阿拉伯语区: 2,
};
this.ediObj.checkList.forEach((res, i) => {
num += district[res];
});
} else {
district = {
房主: 1,
管理员: 2,
};
this.ediObj.checkList2.forEach((res, i) => {
num += district[res];
});
}
return num;
},
// 分页导航
handleSizeChange() {
this.getData();
},
handleCurrentChange() {
this.getData();
},
},
};
</script>
<style lang="less" scoped>
.box {
padding-top: 20px;
background: #ecf0f5;
.inquire {
display: inline-block;
margin-right: 20px;
span {
margin-right: 10px;
}
.input {
width: 180px;
margin-right: 10px;
}
}
.dialogTableVisibleBut {
display: block;
margin: 30px 0 0 830px;
}
.paginationClass {
margin: 15px 0 5px 0px;
}
}
</style>

View File

@@ -28,6 +28,7 @@
<option value="0"></option>
<option value="1">牌照房</option>
<option value="2">非牌照房</option>
<option value="3">新秀房</option>
<option value="4">个播房</option>
</select>
</div>
@@ -83,6 +84,7 @@
<select id="permitType" name="permitType" class="form-control" data-btn-class="btn-warning">
<option value="1">牌照房</option>
<option value="2">普通房</option>
<option value="3">新秀房</option>
<option value="4">个播房</option>
</select>
<input type="hidden" name="uid" id="roomTypeUid" />
@@ -372,16 +374,14 @@ export default {
width: '5%',
formatter: function (val, row, index) {
switch (val) {
case 1:
return '竞拍房';
case 2:
return '轻聊房';
case 3:
return '普通房间';
case 6:
return '个播房间';
case 7:
return '游戏房间';
case 8:
return '聚会房间';
case 9:
return '狂欢房间';
return '轰趴房';
}
}
@@ -402,7 +402,7 @@ export default {
},
{
field: 'room.isPermitRoom',
title: '牌照类型',
title: '房间类型',
align: 'center',
valign: 'middle',
formatter: function (val, row, index) {
@@ -412,6 +412,9 @@ export default {
case 2:
return '非牌照房';
case 3:
return '新秀房';
case 4:
return '个播房';
@@ -600,27 +603,13 @@ export default {
$("#room-type-update").on('click', function () {
if ($('#roomPermitType').validationEngine('validate')) {
let roomUid = $('#roomTypeUid').val();
let permitType = $('#permitType').val();
let roomType = 3;
//牌照房
if (permitType == 1) {
// 普通房
} else if (permitType == 2) {
// 个播房
} else if (permitType == 4) {
roomType = 6;
}
$.ajax({
type: 'post',
url: '/admin/roomAdmin/resetRoom',
dataType: 'json',
data: {
uid: roomUid,
roomType: roomType,
permitType: permitType,
uid: $('#roomTypeUid').val(),
permitType: $('#permitType').val(),
},
success: function (res) {
if (res.code == 200) {
@@ -629,7 +618,7 @@ export default {
$("#tipModal").modal('show');
TableHelper.doRefresh("#table");
} else {
$("#tipMsg").text("保存失败,错误码:" + res.code + ",错误信息:" + res.message);
$("#tipMsg").text("保存失败,错误码:" + res.code + ",错误信息:" + res.data);
$("#tipModal").modal('show');
}
}

View File

@@ -1,154 +1,103 @@
<template>
<section class="content">
<div class="box box-primary">
<div class="box-body">
<!-- Content Header (Page header) -->
<section class="content-header">
<h1 id="itemTitle"></h1>
</section>
<div id="toolbar">
<div class="col-sm-12">
<label for="erbanNo"
class="col-sm-2 control-label">房主平台号:</label>
<div class="col-sm-2">
<input type="text"
class="form-control"
name="erbanNo"
id="erbanNo"
placeholder="">
<section class="content">
<div class="box box-primary">
<div class="box-body">
<!-- Content Header (Page header) -->
<section class="content-header">
<h1 id="itemTitle"></h1>
</section>
<div id="toolbar">
<div class="col-sm-12">
<label for="erbanNo" class="col-sm-2 control-label">房主平台号:</label>
<div class="col-sm-2">
<input type="text" class="form-control" name="erbanNo" id="erbanNo" placeholder="">
</div>
<label for="roomTitle" class="col-sm-2 control-label">房间标题:</label>
<div class="col-sm-2">
<input type="text" class="form-control" name="roomTitle" id="roomTitle" placeholder="">
</div>
<label for="roomTitle" class="col-sm-2 control-label">地区:</label>
<div class="col-sm-2">
<select name="partitionId" id="partitionId" class="form-control"></select>
</div>
<button id="btnSearch" class="btn btn-default">
<i class="glyphicon glyphicon-search"></i>查询
</button>
</div>
</div>
</div>
<label for="roomTitle"
class="col-sm-2 control-label">房间标题:</label>
<div class="col-sm-2">
<input type="text"
class="form-control"
name="roomTitle"
id="roomTitle"
placeholder="">
</div>
<label for="partitionId"
class="col-sm-1 control-label">地区:</label>
<div class="col-sm-2">
<select name="partitionId"
id="partitionId"
class="form-control">
<option value="4"
selected>华语区</option>
</select>
</div>
<button id="btnSearch"
class="btn btn-default">
<i class="glyphicon glyphicon-search"></i>查询
</button>
</div>
<!-- .content -->
<div id="table"></div>
</div>
</div>
</section>
<!-- .content -->
<div id="table"></div>
<!-- 编辑弹框 -->
<div class="modal fade" id="roomTabHomeModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">&times;</span>
</button>
<h4 class="modal-title" id="modalLabel">编辑</h4>
</div>
<div class="modal-body">
<form class="form-horizontal" id="addForm">
<input type="hidden" name="id" id="id" />
<input type="hidden" name="roomUid" id="roomUid" />
<div class="form-group">
<label for="modal_isTop" class="col-sm-3 control-label">是否置顶<font color="red">*</font></label>
<div class="col-sm-9">
<select name="isTop" id="modal_isTop" class="form-control">
<option value=""></option>
<option value="1"></option>
<option value="0"></option>
</select>
</div>
</div>
<div class="form-group">
<label for="modal_seq" class="col-sm-3 control-label">置顶排序<font color="red">*</font>:</label>
<div class="col-sm-9">
<input type="text" class="form-control" name="seq" id="modal_seq"
placeholder="数字小的排前面,必填">
</div>
</div>
<div class="form-group">
<label for="modal_topStart" class="col-sm-3 control-label">置顶开始时间<font color="red">*</font>
:</label>
<div class="col-sm-9">
<input type="text" class="input-sm form-control datetime" name="topStart"
id="modal_topStart">
</div>
</div>
<div class="form-group">
<label for="modal_topEnd" class="col-sm-3 control-label">置顶结束时间<font color="red">*</font>
:</label>
<div class="col-sm-9">
<input type="text" class="input-sm form-control datetime" name="topEnd" id="modal_topEnd">
</div>
</div>
<div class="form-group">
<label for="modal_isShow" class="col-sm-3 control-label">是否在App首页展示<font color="red">*</font></label>
<div class="col-sm-9">
<select name="isShow" id="modal_isShow" class="form-control validate[required]">
<option value="1"></option>
<option value="0"></option>
</select>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary" id="btnConfirm">确定</button>
</div>
</div>
</div>
</div>
</section>
<!-- 编辑弹框 -->
<div class="modal fade"
id="roomTabHomeModal"
tabindex="-1"
role="dialog"
aria-labelledby="modalLabel">
<div class="modal-dialog"
role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button"
class="close"
data-dismiss="modal"
aria-label="Close"><span aria-hidden="true">&times;</span>
</button>
<h4 class="modal-title"
id="modalLabel">编辑</h4>
</div>
<div class="modal-body">
<form class="form-horizontal"
id="addForm">
<input type="hidden"
name="id"
id="id" />
<input type="hidden"
name="roomUid"
id="roomUid" />
<div class="form-group">
<label for="modal_isTop"
class="col-sm-3 control-label">是否置顶<font color="red">*</font></label>
<div class="col-sm-9">
<select name="isTop"
id="modal_isTop"
class="form-control">
<option value=""></option>
<option value="1"></option>
<option value="0"></option>
</select>
</div>
</div>
<div class="form-group">
<label for="modal_seq"
class="col-sm-3 control-label">置顶排序<font color="red">*</font>:</label>
<div class="col-sm-9">
<input type="text"
class="form-control"
name="seq"
id="modal_seq"
placeholder="数字小的排前面,必填">
</div>
</div>
<div class="form-group">
<label for="modal_topStart"
class="col-sm-3 control-label">置顶开始时间<font color="red">*</font>
:</label>
<div class="col-sm-9">
<input type="text"
class="input-sm form-control datetime"
name="topStart"
id="modal_topStart">
</div>
</div>
<div class="form-group">
<label for="modal_topEnd"
class="col-sm-3 control-label">置顶结束时间<font color="red">*</font>
:</label>
<div class="col-sm-9">
<input type="text"
class="input-sm form-control datetime"
name="topEnd"
id="modal_topEnd">
</div>
</div>
<div class="form-group">
<label for="modal_isShow"
class="col-sm-3 control-label">是否在App首页展示<font color="red">*</font></label>
<div class="col-sm-9">
<select name="isShow"
id="modal_isShow"
class="form-control validate[required]">
<option value="1"></option>
<option value="0"></option>
</select>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button"
class="btn btn-default"
data-dismiss="modal">关闭</button>
<button type="button"
class="btn btn-primary"
id="btnConfirm">确定</button>
</div>
</div>
</div>
</div>
</template>
<script>
@@ -163,286 +112,321 @@ import { buildSelectOption } from '@/utils/system-helper';
TableHelper.doRefresh('#table');
}*/
export default {
name: "RoomTabHomeView",
setup () {
return {};
},
created () {
this.$nextTick(function () {
this.initPartition();
this.initData();
});
},
methods: {
initData () {
$(function () {
$('.datetime').datetimepicker({
format: 'yyyy-mm-dd hh:ii:00',
autoclose: true
});
$('#table').bootstrapTable('destroy');
$('#table').bootstrapTable({
columns: [
{ field: 'erbanNo', title: '房主平台号', align: 'center', width: '5%' },
{ field: 'roomUid', title: '房主Uid', align: 'center', width: '5%' },
{ field: 'roomTitle', title: '房间标题', align: 'center', width: '8%' },
{ field: 'roomTag', title: '房间标签', align: 'center', width: '5%' },
{
field: 'isPermitRoom',
title: '房间类型',
align: 'center',
width: '5%',
formatter: function (val, row, index) {
let value = '';
if (val == 1) {
value = '牌照房';
} else if (val == 4) {
value = '个播房';
} else {
value = '非牌照房';
}
return value;
}
},
{
field: 'avatar',
title: '图标内容',
align: 'center',
width: '5%',
formatter: function (val, row, index) {
return "<img src='" + val + "' width='40' height='40'>";
}
},
{
field: 'isTop',
title: '是否置顶',
align: 'center',
valign: 'middle',
width: '5%',
formatter: function (val, row, index) {
if (val == 1) {
return '是';
} else if (val == 0) {
return '否';
}
return '否';
}
},
{
field: 'isShow',
title: '是否在App首页展示',
align: 'center',
valign: 'middle',
width: '5%',
formatter: function (val, row, index) {
if (val == 1) {
return '是';
} else if (val == 0) {
return '否';
}
return '是';
}
},
{ field: 'seq', title: '置顶排序', align: 'center', width: '5%' },
{ field: 'topStart', title: '置顶开始时间', align: 'center', valign: 'middle', width: '10%', formatter: formatTime },
{ field: 'topEnd', title: '置顶结束时间', align: 'center', valign: 'middle', width: '10%', formatter: formatTime },
{
field: 'isHourTop1', title: '小时榜top1', align: 'center', valign: 'middle', width: '10%', formatter: function (val, row, index) {
return val ? '是' : '否';
}
},
{
field: 'isHourTop1', title: '周榜top1', align: 'center', valign: 'middle', width: '10%', formatter: function (val, row, index) {
return val ? '是' : '否';
}
},
{
field: 'micUserCount', title: '麦上人数', align: 'center', valign: 'middle', width: '10%'
},
{
field: 'onlineNum', title: '房间人数', align: 'center', valign: 'middle', width: '10%'
},
{
field: 'id',
title: '操作',
align: 'center',
width: '10%',
formatter: function (val, row, index) {
return '<button id="btnEdit" name="btnEdit" class="btn btn-sm btn-success opt-edit" data-id="' + val + '" data-index="' + index + '">' +
'<i class="glyphicon glyphicon-edit"></i> 编辑</button>';
}
}
],
undefinedText: "",
cache: false,
striped: true,
showRefresh: false,
search: false,
sidePagination: "server", //表示服务端请求
queryParamsType: "undefined",
queryParams: function queryParams (params) { //设置查询参数
var param = {
page: params.pageNumber,
pageSize: params.pageSize,
erbanNo: $('#erbanNo').val(),
roomTitle: $('#roomTitle').val(),
partitionId: $('#partitionId').val(),
};
console.log(param);
return param;
},
url: '/admin/roomTabHome/list',
responseHandler: function (data) {
console.info(111, data)
if (data.code === 200) {
return { "rows": data.data, "total": data.data.length };
} else {
return { "rows": [], "total": 0 };
}
},
toolbar: '#toolbar',
onLoadSuccess: function () { //加载成功时执行
console.log("load success");
},
onLoadError: function () { //加载失败时执行
console.log("load fail");
}
});
// 查询刷新
$('#btnSearch').on('click', function () {
TableHelper.doRefresh('#table');
});
// 编辑或者新增
$("#btnConfirm").click(function () {
var id = $("#id").val();
var roomUid = $('#roomUid').val();
var seq = $("#modal_seq").val();
var isTop = $("#modal_isTop").val();
var iconContent = $("#modal_iconContent").val();
var topStart = $("#modal_topStart").val();
var topEnd = $("#modal_topEnd").val();
var isShow = $('#modal_isShow').val();
if ($("#addForm").validationEngine('validate')) {
$.ajax({
type: "post",
url: "/admin/roomTabHome/save",
data: {
id: id,
roomUid: roomUid,
seq: seq,
isTop: isTop,
iconContent: iconContent,
topStart: topStart,
topEnd: topEnd,
isShow: isShow,
},
dataType: "json",
success: function (json) {
if (json.code == 200) {
$("#tipMsg").text("保存成功");
$("#tipModal").modal('show');
TableHelper.doRefresh("#table");
$("#roomTabHomeModal").modal('hide');
} else {
$("#tipMsg").text("保存失败." + json.msg);
$("#tipModal").modal('show');
TableHelper.doRefresh("#table");
$("#roomTabHomeModal").modal('hide');
}
}
});
}
});
// 获取信息
$("#table").on("click", '.opt-edit', function () {
var id = $(this).attr("data-id");
const index = $(this).data('index');
const record = TableHelper.getData('#table')[index];
$("#id").val(null);
$("#modal_seq").val(0);
$("#modal_isTop").val(0);
$("#modal_topStart").val('');
$("#modal_topEnd").val('');
$("#modal_isShow").val(0);
$('#roomUid').val(record.roomUid);
if (id && id != 'null') {
$.ajax({
type: "get",
url: "/admin/roomTabHome/get",
data: { id: id },
dataType: "json",
success: function (ret) {
if (ret.code == 200) {
var json = ret.data;
$("#id").val(id);
$("#modal_seq").val(json.seq);
$("#modal_isTop").val(json.isTop ? 1 : 0);
$("#modal_topStart").val(formatTime(json.topStart));
$("#modal_topEnd").val(formatTime(json.topEnd));
$("#modal_isShow").val(json.isShow ? 1 : 0);
} else {
$("#tipMsg").text("获取菜单信息出错");
$("#tipModal").modal('show');
}
}
});
}
// 打开编辑弹窗
$("#roomTabHomeModal").modal('show');
$("#modalLabel").text("编辑");
});
// 删除操作
$("#table").on("click", '.opt-remove', function () {
var id = $(this).attr("data-id");
if (id == 'undefined') {
$("#tipMsg").text("id参数有误");
$("#tipModal").modal('show');
return;
}
if (confirm("你确认删除吗? \r\n 删除后不会恢复,请谨慎操作!")) {
$.ajax({
type: 'post',
url: "/admin/roomTabHome/delete",
data: { id: id },
dataType: "json",
success: function (json) {
if (json.code == 200) {
$("#tipMsg").text("删除成功");
$("#tipModal").modal('show');
TableHelper.doRefresh("#table");
} else {
$("#tipMsg").text("删除失败");
$("#tipModal").modal('show');
}
}
});
}
});
});
name: "RoomTabHomeView",
setup() {
return {};
},
initPartition () {
getPartitionInfoList().then(res => {
let data = res.data;
buildSelectOption(
"#partitionId",
4,
data.map((v) => {
return {
value: v.id,
text: v.desc,
};
})
);
});
created() {
this.$nextTick(function () {
this.initPartition();
this.initData();
});
},
},
methods: {
initData() {
$(function () {
$('.datetime').datetimepicker({
format: 'yyyy-mm-dd hh:ii:00',
autoclose: true
});
// 拉取所有tab
//getRoomTabs();
$('#table').bootstrapTable('destroy');
$('#table').bootstrapTable({
columns: [
{ field: 'erbanNo', title: '房主平台号', align: 'center', width: '5%' },
{ field: 'roomUid', title: '房主Uid', align: 'center', width: '5%' },
{ field: 'roomTitle', title: '房间标题', align: 'center', width: '8%' },
{ field: 'roomTag', title: '房间标签', align: 'center', width: '5%' },
{
field: 'isPermitRoom',
title: '房间类型',
align: 'center',
width: '5%',
formatter: function (val, row, index) {
let value = '';
if (val == 1) {
value = '牌照房';
} else if (val == 4) {
value = '个播房';
} else {
value = '非牌照房';
}
return value;
}
},
{
field: 'iconContent',
title: '图标内容',
align: 'center',
width: '5%',
formatter: function (val, row, index) {
return "<img src='" + val + "' width='40' height='40'>";
}
},
{ field: 'partitionDesc', title: '地区', align: 'center', valign: 'middle' },
{
field: 'isTop',
title: '是否置顶',
align: 'center',
valign: 'middle',
width: '5%',
formatter: function (val, row, index) {
if (val == 1) {
return '是';
} else if (val == 0) {
return '否';
}
return '否';
}
},
{
field: 'isShow',
title: '是否在App首页展示',
align: 'center',
valign: 'middle',
width: '5%',
formatter: function (val, row, index) {
if (val == 1) {
return '是';
} else if (val == 0) {
return '否';
}
return '是';
}
},
{ field: 'seq', title: '置顶排序', align: 'center', width: '5%' },
{ field: 'topStart', title: '置顶开始时间', align: 'center', valign: 'middle', width: '10%', formatter: formatTime },
{ field: 'topEnd', title: '置顶结束时间', align: 'center', valign: 'middle', width: '10%', formatter: formatTime },
{
field: 'id',
title: '操作',
align: 'center',
width: '10%',
formatter: function (val, row, index) {
return '<button id="btnEdit" name="btnEdit" class="btn btn-sm btn-success opt-edit" data-id="' + val + '" data-index="' + index + '">' +
'<i class="glyphicon glyphicon-edit"></i> 编辑</button>';
}
}
],
undefinedText: "",
cache: false,
striped: true,
showRefresh: false,
pageSize: 20,
pagination: true,
pageList: [10, 20, 50, 100, 200, 500],
search: false,
sidePagination: "server", //表示服务端请求
queryParamsType: "undefined",
queryParams: function queryParams(params) { //设置查询参数
/*var tabId = $('#roomTab').val();
if (tabId == null || tabId.length <= 0) {
tabId = '1';
}*/
var param = {
page: params.pageNumber,
pageSize: params.pageSize,
erbanNo: $('#erbanNo').val(),
roomTitle: $('#roomTitle').val(),
partitionId: $('#partitionId').val(),
};
console.log(param);
return param;
},
ajax: function (request) { //使用ajax请求
$.ajax({
type: "GET",
url: '/admin/roomTabHome/list',
contentType: 'application/json;charset=utf-8',
dataType: 'json',
data: request.data,
success: function (res) {
console.log(res);
request.success({
rows: res.data.roomTabHomeList,
total: res.data.totalPage
});
},
error: function (error) {
console.log(error);
}
})
},
toolbar: '#toolbar',
onLoadSuccess: function () { //加载成功时执行
console.log("load success");
},
onLoadError: function () { //加载失败时执行
console.log("load fail");
}
});
// 查询刷新
$('#btnSearch').on('click', function () {
TableHelper.doRefresh('#table');
});
// 编辑或者新增
$("#btnConfirm").click(function () {
var id = $("#id").val();
var roomUid = $('#roomUid').val();
var seq = $("#modal_seq").val();
var isTop = $("#modal_isTop").val();
var iconContent = $("#modal_iconContent").val();
var topStart = $("#modal_topStart").val();
var topEnd = $("#modal_topEnd").val();
var isShow = $('#modal_isShow').val();
if ($("#addForm").validationEngine('validate')) {
$.ajax({
type: "post",
url: "/admin/roomTabHome/save",
data: {
id: id,
roomUid: roomUid,
seq: seq,
isTop: isTop,
iconContent: iconContent,
topStart: topStart,
topEnd: topEnd,
isShow: isShow,
},
dataType: "json",
success: function (json) {
if (json.code == 200) {
$("#tipMsg").text("保存成功");
$("#tipModal").modal('show');
TableHelper.doRefresh("#table");
$("#roomTabHomeModal").modal('hide');
} else {
$("#tipMsg").text("保存失败." + json.msg);
$("#tipModal").modal('show');
TableHelper.doRefresh("#table");
$("#roomTabHomeModal").modal('hide');
}
}
});
}
});
// 获取信息
$("#table").on("click", '.opt-edit', function () {
var id = $(this).attr("data-id");
const index = $(this).data('index');
const record = TableHelper.getData('#table')[index];
$("#id").val(null);
$("#modal_iconContent").val('');
$("#modal_seq").val(0);
$("#modal_isTop").val(0);
$("#modal_topStart").val('');
$("#modal_topEnd").val('');
$("#modal_isShow").val(0);
$('#roomUid').val(record.roomUid);
if (id && id != 'null') {
$.ajax({
type: "get",
url: "/admin/roomTabHome/get",
data: { id: id },
dataType: "json",
success: function (ret) {
if (ret.code == 200) {
var json = ret.data.roomTabHome;
$("#id").val(id);
$("#modal_iconContent").val(json.iconContent);
$("#modal_seq").val(json.seq);
$("#modal_isTop").val(json.isTop ? 1 : 0);
$("#modal_topStart").val(formatTime(json.topStart));
$("#modal_topEnd").val(formatTime(json.topEnd));
$("#modal_isShow").val(json.isShow ? 1 : 0);
} else {
$("#tipMsg").text("获取菜单信息出错");
$("#tipModal").modal('show');
}
}
});
}
// 打开编辑弹窗
$("#roomTabHomeModal").modal('show');
$("#modalLabel").text("编辑");
});
// 删除操作
$("#table").on("click", '.opt-remove', function () {
var id = $(this).attr("data-id");
if (id == 'undefined') {
$("#tipMsg").text("id参数有误");
$("#tipModal").modal('show');
return;
}
if (confirm("你确认删除吗? \r\n 删除后不会恢复,请谨慎操作!")) {
$.ajax({
type: 'post',
url: "/admin/roomTabHome/delete",
data: { id: id },
dataType: "json",
success: function (json) {
if (json.code == 200) {
$("#tipMsg").text("删除成功");
$("#tipModal").modal('show');
TableHelper.doRefresh("#table");
} else {
$("#tipMsg").text("删除失败");
$("#tipModal").modal('show');
}
}
});
}
});
// 通过接口获取所有房间tab
function getRoomTabs() {
$.ajax({
url: "/admin/roomTab/excludelist?page=1&pageSize=1000", //后台controller中的请求路径
type: 'GET',
async: false,
datatype: 'json',
success: function (res) {
console.log(res);
if (res) {
var data = res.data.roomTabList;
var tabs = [];
for (var i = 0, len = data.length; i < len; i++) {
var item = data[i];
//拼接成多个<option><option/>
tabs.push('<option value="' + item.id + '">' + item.name + '</option>')
}
$("#roomTab").html(tabs.join(' ')); //填充到select标签中
}
},
error: function () {
alert('查询房间tab出错');
}
});
}
});
},
initPartition() {
getPartitionInfoList().then(res => {
let data = res.data;
buildSelectOption(
"#partitionId",
null,
[{
value: '',
text: '全部',
}].concat(data.map((v) => {
return {
value: v.id,
text: v.desc,
};
}))
);
});
},
},
};
</script>

View File

@@ -1,449 +0,0 @@
<template>
<section class="content">
<div class="box box-primary">
<div class="box-body">
<!-- Content Header (Page header) -->
<section class="content-header">
<h1 id="itemTitle"></h1>
</section>
<div id="toolbar">
<div class="col-sm-12">
<label for="erbanNo"
class="col-sm-2 control-label">房主平台号:</label>
<div class="col-sm-2">
<input type="text"
class="form-control"
name="erbanNo"
id="erbanNo"
placeholder="">
</div>
<label for="roomTitle"
class="col-sm-2 control-label">房间标题:</label>
<div class="col-sm-2">
<input type="text"
class="form-control"
name="roomTitle"
id="roomTitle"
placeholder="">
</div>
<label for="partitionId"
class="col-sm-1 control-label">地区:</label>
<div class="col-sm-2">
<select name="partitionId"
id="partitionId"
class="form-control">
<option value="4"
selected>华语区</option>
</select>
</div>
<button id="btnSearch"
class="btn btn-default">
<i class="glyphicon glyphicon-search"></i>查询
</button>
</div>
</div>
</div>
<!-- .content -->
<div id="table"></div>
</div>
</section>
<!-- 编辑弹框 -->
<div class="modal fade"
id="roomTabNewestModal"
tabindex="-1"
role="dialog"
aria-labelledby="modalLabel">
<div class="modal-dialog"
role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button"
class="close"
data-dismiss="modal"
aria-label="Close"><span aria-hidden="true">&times;</span>
</button>
<h4 class="modal-title"
id="modalLabel">编辑</h4>
</div>
<div class="modal-body">
<form class="form-horizontal"
id="addForm">
<input type="hidden"
name="id"
id="id" />
<input type="hidden"
name="roomUid"
id="roomUid" />
<div class="form-group">
<label for="modal_isTop"
class="col-sm-3 control-label">是否置顶<font color="red">*</font></label>
<div class="col-sm-9">
<select name="isTop"
id="modal_isTop"
class="form-control">
<option value=""></option>
<option value="1"></option>
<option value="0"></option>
</select>
</div>
</div>
<div class="form-group">
<label for="modal_seq"
class="col-sm-3 control-label">置顶排序<font color="red">*</font>:</label>
<div class="col-sm-9">
<input type="text"
class="form-control"
name="seq"
id="modal_seq"
placeholder="数字小的排前面,必填">
</div>
</div>
<div class="form-group">
<label for="modal_topStart"
class="col-sm-3 control-label">置顶开始时间<font color="red">*</font>
:</label>
<div class="col-sm-9">
<input type="text"
class="input-sm form-control datetime"
name="topStart"
id="modal_topStart">
</div>
</div>
<div class="form-group">
<label for="modal_topEnd"
class="col-sm-3 control-label">置顶结束时间<font color="red">*</font>
:</label>
<div class="col-sm-9">
<input type="text"
class="input-sm form-control datetime"
name="topEnd"
id="modal_topEnd">
</div>
</div>
<div class="form-group">
<label for="modal_isShow"
class="col-sm-3 control-label">是否在App首页展示<font color="red">*</font></label>
<div class="col-sm-9">
<select name="isShow"
id="modal_isShow"
class="form-control validate[required]">
<option value="1"></option>
<option value="0"></option>
</select>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button"
class="btn btn-default"
data-dismiss="modal">关闭</button>
<button type="button"
class="btn btn-primary"
id="btnConfirm">确定</button>
</div>
</div>
</div>
</div>
</template>
<script>
import TableHelper from '@/utils/bootstrap-table-helper';
import { formatTime } from '@/utils/maintainer';
import { getPartitionInfoList } from '@/api/partition/partitionInfo';
import { buildSelectOption } from '@/utils/system-helper';
// tab类型选择变化查询
/*function selectOnTabChange(obj){
// console.log(obj);
TableHelper.doRefresh('#table');
}*/
export default {
name: "RoomTabNewestView",
setup () {
return {};
},
created () {
this.$nextTick(function () {
this.initPartition();
this.initData();
});
},
methods: {
initData () {
$(function () {
$('.datetime').datetimepicker({
format: 'yyyy-mm-dd hh:ii:00',
autoclose: true
});
$('#table').bootstrapTable('destroy');
$('#table').bootstrapTable({
columns: [
{ field: 'erbanNo', title: '房主平台号', align: 'center', width: '5%' },
{ field: 'roomUid', title: '房主Uid', align: 'center', width: '5%' },
{ field: 'roomTitle', title: '房间标题', align: 'center', width: '8%' },
{ field: 'roomTag', title: '房间标签', align: 'center', width: '5%' },
{
field: 'isPermitRoom',
title: '房间类型',
align: 'center',
width: '5%',
formatter: function (val, row, index) {
let value = '';
if (val == 1) {
value = '牌照房';
} else if (val == 4) {
value = '个播房';
} else {
value = '非牌照房';
}
return value;
}
},
{
field: 'avatar',
title: '图标内容',
align: 'center',
width: '5%',
formatter: function (val, row, index) {
return "<img src='" + val + "' width='40' height='40'>";
}
},
{
field: 'isTop',
title: '是否置顶',
align: 'center',
valign: 'middle',
width: '5%',
formatter: function (val, row, index) {
if (val == 1) {
return '是';
} else if (val == 0) {
return '否';
}
return '否';
}
},
{
field: 'isShow',
title: '是否在App首页展示',
align: 'center',
valign: 'middle',
width: '5%',
formatter: function (val, row, index) {
if (val == 1) {
return '是';
} else if (val == 0) {
return '否';
}
return '是';
}
},
{ field: 'seq', title: '置顶排序', align: 'center', width: '5%' },
{ field: 'topStart', title: '置顶开始时间', align: 'center', valign: 'middle', width: '10%', formatter: formatTime },
{ field: 'topEnd', title: '置顶结束时间', align: 'center', valign: 'middle', width: '10%', formatter: formatTime },
{
field: 'isHourTop1', title: '小时榜top1', align: 'center', valign: 'middle', width: '10%', formatter: function (val, row, index) {
return val ? '是' : '否';
}
},
{
field: 'isHourTop1', title: '周榜top1', align: 'center', valign: 'middle', width: '10%', formatter: function (val, row, index) {
return val ? '是' : '否';
}
},
{
field: 'micUserCount', title: '麦上人数', align: 'center', valign: 'middle', width: '10%'
},
{
field: 'onlineNum', title: '房间人数', align: 'center', valign: 'middle', width: '10%'
},
{
field: 'id',
title: '操作',
align: 'center',
width: '10%',
formatter: function (val, row, index) {
return '<button id="btnEdit" name="btnEdit" class="btn btn-sm btn-success opt-edit" data-id="' + val + '" data-index="' + index + '">' +
'<i class="glyphicon glyphicon-edit"></i> 编辑</button>';
}
}
],
undefinedText: "",
cache: false,
striped: true,
showRefresh: false,
search: false,
sidePagination: "server", //表示服务端请求
queryParamsType: "undefined",
queryParams: function queryParams (params) { //设置查询参数
var param = {
page: params.pageNumber,
pageSize: params.pageSize,
erbanNo: $('#erbanNo').val(),
roomTitle: $('#roomTitle').val(),
partitionId: $('#partitionId').val(),
};
console.log(param);
return param;
},
url: '/admin/roomTabNewest/list',
responseHandler: function (data) {
console.info(111, data)
if (data.code === 200) {
return { "rows": data.data, "total": data.data.length };
} else {
return { "rows": [], "total": 0 };
}
},
toolbar: '#toolbar',
onLoadSuccess: function () { //加载成功时执行
console.log("load success");
},
onLoadError: function () { //加载失败时执行
console.log("load fail");
}
});
// 查询刷新
$('#btnSearch').on('click', function () {
TableHelper.doRefresh('#table');
});
// 编辑或者新增
$("#btnConfirm").click(function () {
var id = $("#id").val();
var roomUid = $('#roomUid').val();
var seq = $("#modal_seq").val();
var isTop = $("#modal_isTop").val();
var iconContent = $("#modal_iconContent").val();
var topStart = $("#modal_topStart").val();
var topEnd = $("#modal_topEnd").val();
var isShow = $('#modal_isShow').val();
if ($("#addForm").validationEngine('validate')) {
$.ajax({
type: "post",
url: "/admin/roomTabNewest/save",
data: {
id: id,
roomUid: roomUid,
seq: seq,
isTop: isTop,
iconContent: iconContent,
topStart: topStart,
topEnd: topEnd,
isShow: isShow,
},
dataType: "json",
success: function (json) {
if (json.code == 200) {
$("#tipMsg").text("保存成功");
$("#tipModal").modal('show');
TableHelper.doRefresh("#table");
$("#roomTabNewestModal").modal('hide');
} else {
$("#tipMsg").text("保存失败." + json.msg);
$("#tipModal").modal('show');
TableHelper.doRefresh("#table");
$("#roomTabNewestModal").modal('hide');
}
}
});
}
});
// 获取信息
$("#table").on("click", '.opt-edit', function () {
var id = $(this).attr("data-id");
const index = $(this).data('index');
const record = TableHelper.getData('#table')[index];
$("#id").val(null);
$("#modal_seq").val(0);
$("#modal_isTop").val(0);
$("#modal_topStart").val('');
$("#modal_topEnd").val('');
$("#modal_isShow").val(0);
$('#roomUid').val(record.roomUid);
if (id && id != 'null') {
$.ajax({
type: "get",
url: "/admin/roomTabNewest/get",
data: { id: id },
dataType: "json",
success: function (ret) {
if (ret.code == 200) {
var json = ret.data;
$("#id").val(id);
$("#modal_seq").val(json.seq);
$("#modal_isTop").val(json.isTop ? 1 : 0);
$("#modal_topStart").val(formatTime(json.topStart));
$("#modal_topEnd").val(formatTime(json.topEnd));
$("#modal_isShow").val(json.isShow ? 1 : 0);
} else {
$("#tipMsg").text("获取菜单信息出错");
$("#tipModal").modal('show');
}
}
});
}
// 打开编辑弹窗
$("#roomTabNewestModal").modal('show');
$("#modalLabel").text("编辑");
});
// 删除操作
$("#table").on("click", '.opt-remove', function () {
var id = $(this).attr("data-id");
if (id == 'undefined') {
$("#tipMsg").text("id参数有误");
$("#tipModal").modal('show');
return;
}
if (confirm("你确认删除吗? \r\n 删除后不会恢复,请谨慎操作!")) {
$.ajax({
type: 'post',
url: "/admin/roomTabNewest/delete",
data: { id: id },
dataType: "json",
success: function (json) {
if (json.code == 200) {
$("#tipMsg").text("删除成功");
$("#tipModal").modal('show');
TableHelper.doRefresh("#table");
} else {
$("#tipMsg").text("删除失败");
$("#tipModal").modal('show');
}
}
});
}
});
});
},
initPartition () {
getPartitionInfoList().then(res => {
let data = res.data;
buildSelectOption(
"#partitionId",
4,
data.map((v) => {
return {
value: v.id,
text: v.desc,
};
})
);
});
},
},
};
</script>
<style scoped></style>

View File

@@ -11,13 +11,10 @@
<input type="hidden" name="phone" id="exportPhone">
<input type="hidden" name="startDate" id="exportStartDate">
<input type="hidden" name="endDate" id="exportEndDate">
<input type="hidden" name="partitionId" id="exportPartitionId">
<input type="hidden" name="loginType" id="exportLoginType">
<input type="hidden" name="isCharge" id="exportIsCharge">
<input type="hidden" name="firstRoomErBanNo" id="exportFirstRoomErBanNo">
</form>
<div id="toolbar">
<div class="col-lg-12">
<div class="col-sm-3">
<label htmlFor="flowChannelType" class="col-sm-4 control-label">流量渠道:</label>
<div class="col-sm-8">
@@ -29,12 +26,15 @@
</select>
</div>
</div>
<div class="col-sm-3">
<label htmlFor="erbanNo" class="col-sm-4 control-label">平台号:</label>
<div class="col-sm-8">
<input type="text" class="input-sm form-control" name="erbanNo" id="erbanNo">
</div>
</div>
<div class="col-sm-3">
<label htmlFor="phone" class="col-sm-4 control-label">手机号:</label>
<div class="col-sm-8">
@@ -44,55 +44,26 @@
<div class="col-sm-3">
<label class="col-sm-4 control-label">开始时间:</label>
<div class="col-sm-8">
<input type="text" class="input-sm datetime form-control" name="startDate" id="startDate">
<input type="text" class="input-sm datetime" name="startDate" id="startDate">
</div>
</div>
<div class="col-sm-3">
<label class="col-sm-4 control-label">结束时间:</label>
<div class="col-sm-8">
<input type="text" class="input-sm datetime form-control" name="endDate" id="endDate">
<input type="text" class="input-sm datetime" name="endDate" id="endDate">
</div>
</div>
</div>
<div class="col-sm-12">
<div class="col-sm-3">
<label for="partitionId" class="col-sm-4 control-label">地区:</label>
<div class="col-sm-8">
<select name="partitionId" id="partitionId" class="form-control">
</select>
</div>
</div>
<div class="col-sm-3">
<label for="loginType" class="col-sm-4 control-label">注册类型:</label>
<div class="col-sm-8">
<select name="loginType" id="loginType" class="form-control">
<option value="">全部</option>
<option value="3">手机号注册</option>
<option value="5">APPLE注册</option>
<option value="8">GOOGLE注册</option>
<option value="9">LINE注册</option>
</select>
</div>
</div>
<div class="col-sm-3">
<label for="isCharge" class="col-sm-4 control-label">是否充值:</label>
<div class="col-sm-8">
<select name="isCharge" id="isCharge" class="form-control">
<option value="">全部</option>
<option value="1"></option>
<option value="0"></option>
</select>
</div>
</div>
<div class="col-sm-3">
<label for="firstRoomErBanNo" class="col-sm-4 control-label">首进房ID:</label>
<div class="col-sm-8">
<input type="text" class="input-sm form-control" name="firstRoomErBanNo" id="firstRoomErBanNo">
</div>
<label for="partitionId" class="col-sm-1 control-label">地区</label>
<div class="col-sm-2">
<select name="partitionId" id="partitionId" class="form-control">
</select>
</div>
</div>
<div class="col-sm-12">
<button id="btnSearch" class="btn btn-default">
<i class="glyphicon glyphicon-search"></i>查询
@@ -196,9 +167,6 @@ export default {
startDate: $('#startDate').val(),
endDate: $('#endDate').val(),
partitionId: $('#partitionId').val(),
loginType: $('#loginType').val(),
isCharge: $('#isCharge').val(),
firstRoomErBanNo: $('#firstRoomErBanNo').val(),
};
return param;
},
@@ -213,8 +181,7 @@ export default {
},
columns: [
{ field: 'uid', title: 'uid', align: 'center', valign: 'middle' },
{ field: 'partitionDesc', title: '区', align: 'center', valign: '15%' },
{ field: 'lastLoginRegion', title: '国家', align: 'center', valign: '15%' },
{ field: 'partitionDesc', title: '区', align: 'center', valign: '15%' },
{ field: 'erbanNo', title: '平台号', align: 'center', valign: '10%' },
{ field: 'nick', title: '昵称', align: 'center', valign: '15%' },
{
@@ -247,12 +214,8 @@ export default {
}
}
},
{ field: 'registerIp', title: 'IP', align: 'center', valign: '10%' },
{ field: 'isChargeStr', title: '是否充值', align: 'center', valign: '10%' },
{ field: 'chargeAmount', title: '充值金额', align: 'center', valign: '10%' },
{ field: 'firstRoomErBanNo', title: '首进房ID', align: 'center', valign: '10%' },
{ field: 'loginTypeStr', title: '注册类型', align: 'center', valign: '10%' },
{ field: 'genderStr', title: '性别', align: 'center', valign: '10%' },
{ field: 'registerIp', title: 'ip', align: 'center', valign: '10%' },
{ field: 'firstChargeInfo', title: '首充情况', align: 'center', valign: '15%' }
]
});
}
@@ -263,21 +226,21 @@ export default {
TableHelper.doRefresh('#table');
});
// 导出excel
$('#btnExport').on('click', function () {
var form = $("#form");
form.attr("action", "/admin/stats/userDetail/export");
$('#exportFlowChannelType').val($('#flowChannelType').val());
$('#exportErbanNo').val($('#erbanNo').val());
$('#exportPhone').val($('#phone').val());
$('#exportStartDate').val($('#startDate').val());
$('#exportEndDate').val($('#endDate').val());
$('#exportPartitionId').val($('#partitionId').val());
$('#exportLoginType').val($('#loginType').val());
$('#exportIsCharge').val($('#isCharge').val());
$('#exportFirstRoomErBanNo').val($('#firstRoomErBanNo').val());
form.submit();
});
})
});
},
initPartition() {

View File

@@ -1,176 +0,0 @@
<template>
<section class="content">
<div class="box box-danger">
<div class="box-body">
<!-- Content Header (Page header) -->
<section class="content-header">
<h1 id="itemTitle"></h1>
</section>
<!-- .content -->
<section class="content">
<div id="table"></div>
<div id="toolbar">
<div class="col-sm-12">
<button id="btnAdd" class="btn btn-default">
<i class="glyphicon glyphicon-plus"></i>增加
</button>
</div>
</div>
</section><!-- .content -->
</div>
</div>
</section>
<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
<h4 class="modal-title" id="modalLabel">多语言信息</h4>
</div>
<div class="modal-body">
<form class="form-horizontal">
<div class="form-group">
<label for="key" class="col-sm-3 control-label">KEY:</label>
<div class="col-sm-8">
<input type="text" class="form-control validate[required]" name="key" id="key"
v-model="i18nMessage.key" />
</div>
</div>
<div class="form-group">
<label for="zh" class="col-sm-3 control-label">华语:</label>
<div class="col-sm-8">
<input type="text" class="form-control validate[required]" name="zh" id="zh"
v-model="i18nMessage.zh" />
</div>
</div>
<div class="form-group">
<label for="en" class="col-sm-3 control-label">英语:</label>
<div class="col-sm-8">
<input type="text" class="form-control validate[required]" name="en" id="en"
v-model="i18nMessage.en" />
</div>
</div>
<div class="form-group">
<label for="ar" class="col-sm-3 control-label">阿语:</label>
<div class="col-sm-8">
<input type="text" class="form-control validate[required]" name="ar" id="ar"
v-model="i18nMessage.ar" />
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary" id="save">保存</button>
</div>
</div>
</div>
</div>
</template>
<script>
import TableHelper from '@/utils/bootstrap-table-helper';
import { getI18nMessageList, saveI18nMessage } from '@/api/system/i18nMessage';
export default {
name: 'I18nMessageAdminView',
data() {
return {
columns: [
{ field: 'key', title: 'KEY', align: 'center', width: '15%' },
{ field: 'zh', title: '华语', align: 'center', width: '15%' },
{ field: 'en', title: '英语', align: 'center', width: '15%' },
{ field: 'ar', title: '阿语', align: 'center', width: '15%' },
{
field: 'key',
title: '操作',
align: 'center',
width: '20%',
formatter: function (val, row, index) {
return '<button class="btn btn-sm btn-success opt-edit" data-id="' + val + '" data-index="' + index + '">编辑</button>';
}
}
],
i18nMessages: [],
i18nMessage: {
key: '',
zh: '',
en: '',
ar: '',
},
};
},
created() {
this.init();
this.list();
},
methods: {
init() {
this.$nextTick(function () {
let $this = this;
$this.initTable();
$('#btnAdd').click(function () {
$this.add();
});
$('#save').click(function () {
$this.save();
});
$('#table').on('click', '.opt-edit', function () {
$this.edit(this);
});
});
},
initTable() {
let $this = this;
TableHelper.destroy('#table');
$('#table').bootstrapTable({
columns: $this.columns,
cache: false,
striped: true,
showRefresh: true,
search: true,
pageSize: 10,
pagination: true,
pageList: [1, 10, 20, 30, 50],
sidePagination: "client",
queryParamsType: "undefined",
toolbar: '#toolbar',
});
},
list() {
getI18nMessageList().then(res => {
this.i18nMessages = res.data;
TableHelper.load('#table', this.i18nMessages);
});
},
add() {
this.i18nMessage.key = '';
this.i18nMessage.zh = '';
this.i18nMessage.en = '';
this.i18nMessage.ar = '';
$('#editModal').modal('show');
},
edit(obj) {
const index = $(obj).data('index');
const record = TableHelper.getData('#table')[index];
this.i18nMessage.key = record.key;
this.i18nMessage.zh = record.zh;
this.i18nMessage.en = record.en;
this.i18nMessage.ar = record.ar;
$('#editModal').modal('show');
},
save() {
let $this = this;
saveI18nMessage($this.i18nMessage).then(res => {
$('#editModal').modal('hide');
$this.list();
});
},
},
}
</script>
<style scoped></style>

View File

@@ -1,160 +0,0 @@
<template>
<section class="content">
<div class="box box-primary">
<div class="box-body">
<section class="content-header">
<h1 id="itemTitle"></h1>
</section>
<section class="content-body">
<div id="toolbar">
<div class="col-sm-12">
<div class="pull-left">
<form id="searchForm"
class="col-sm-pull-12"
action="/admin/chargeRecord/exportPartitionDetail"
method="get"
target="_blank">
<div class="col-sm-11">
<input type="number"
name="partitionId"
value="2"
hidden />
<label for="beginDate"
class="col-sm-2 control-label">开始日期:</label>
<div class="col-sm-4"><input type="text"
class="form-control"
name="beginDate"
id="beginDate"
placeholder="必填"></div>
<label for="endDate"
class="col-sm-2 control-label">结束日期:</label>
<div class="col-sm-4"><input type="text"
class="form-control"
name="endDate"
id="endDate"
placeholder="必填"></div>
</div>
</form>
</div>
<div class="pull-right">
<button id="btnSearch"
class="btn btn-default">
<i class="glyphicon glyphicon-search"></i>查询
</button>
<button id="btnExport"
class="btn btn-default">
<i class="glyphicon glyphicon-export"></i>导出
</button>
</div>
</div>
</div>
<!-- .content -->
<div id="table"></div>
</section>
</div>
</div>
</section>
</template>
<script>
import TableHelper from '@/utils/bootstrap-table-helper';
export default {
name: "ChargeRecordArPartitionStatisticsView",
setup () {
return {};
},
created () {
this.$nextTick(function () {
this.initData();
});
},
methods: {
initData () {
$(function () {
var chargeStart = $('#beginDate').datepicker({
format: 'yyyy-mm-dd',
autoclose: true
});
chargeStart.datepicker("setDate", new Date(new Date() - 7 * 24 * 60 * 60 * 1000))
var chargeEnd = $('#endDate').datepicker({
format: 'yyyy-mm-dd',
autoclose: true
});
chargeEnd.datepicker("setDate", new Date())
chargeStart.on('changeDate', function () {
var date = $('#beginDate').datepicker('getDate');
chargeEnd.datepicker('setStartDate', date);
});
chargeEnd.on('changeDate', function () {
var date = $('#endDate').datepicker('getDate');
chargeStart.datepicker('setEndDate', date);
});
$('#table').bootstrapTable('destroy');
$('#table').bootstrapTable({
columns: [
{ field: 'date', title: '日期', align: 'center', width: '14%' },
{ field: 'googleUsd', title: 'google充值美元', align: 'center', width: '14%' },
{ field: 'payermaxUsd', title: 'payermax充值美元', align: 'center', width: '14%' },
{ field: 'myCardUsd', title: 'myCard充值美元', align: 'center', width: '14%' },
{ field: 'iosUsd', title: 'ios充值美元', align: 'center', width: '14%' },
{ field: 'companyUsd', title: '对公打款美元', align: 'center', width: '14%' },
{ field: 'totalUsd', title: '总充值美元', align: 'center', width: '14%' },
],
cache: false,
striped: true,
showRefresh: false,
pagination: false,
search: false,
queryParamsType: "undefined",
queryParams: function queryParams (params) { //设置查询参数
var param = {
partitionId: 2,
beginDate: $('#beginDate').val(),
endDate: $('#endDate').val()
};
return param;
},
toolbar: '#toolbar',
url: '/admin/chargeRecord/partitionDetail',
onLoadSuccess: function () { //加载成功时执行
console.log("load success");
},
onLoadError: function () { //加载失败时执行
console.log("load fail");
}
});
// 导出EXCEL
$('#btnExport').on('click', function () {
if (!$('#beginDate').val() || !$('#endDate').val()) {
$("#tipMsg").text("请输入必填的信息");
$("#tipModal").modal('show');
return;
}
$("#searchForm").submit();
});
// 查询刷新
$('#btnSearch').on('click', function () {
if (!$('#beginDate').val() || !$('#endDate').val()) {
$("#tipMsg").text("请输入必填的信息");
$("#tipModal").modal('show');
return;
}
TableHelper.doRefresh('#table');
});
});
}
},
};
</script>
<style scoped></style>

View File

@@ -1,160 +0,0 @@
<template>
<section class="content">
<div class="box box-primary">
<div class="box-body">
<section class="content-header">
<h1 id="itemTitle"></h1>
</section>
<section class="content-body">
<div id="toolbar">
<div class="col-sm-12">
<div class="pull-left">
<form id="searchForm"
class="col-sm-pull-12"
action="/admin/chargeRecord/exportPartitionDetail"
method="get"
target="_blank">
<div class="col-sm-11">
<input type="number"
name="partitionId"
value="1"
hidden />
<label for="beginDate"
class="col-sm-2 control-label">开始日期:</label>
<div class="col-sm-4"><input type="text"
class="form-control"
name="beginDate"
id="beginDate"
placeholder="必填"></div>
<label for="endDate"
class="col-sm-2 control-label">结束日期:</label>
<div class="col-sm-4"><input type="text"
class="form-control"
name="endDate"
id="endDate"
placeholder="必填"></div>
</div>
</form>
</div>
<div class="pull-right">
<button id="btnSearch"
class="btn btn-default">
<i class="glyphicon glyphicon-search"></i>查询
</button>
<button id="btnExport"
class="btn btn-default">
<i class="glyphicon glyphicon-export"></i>导出
</button>
</div>
</div>
</div>
<!-- .content -->
<div id="table"></div>
</section>
</div>
</div>
</section>
</template>
<script>
import TableHelper from '@/utils/bootstrap-table-helper';
export default {
name: "ChargeRecordEnPartitionStatisticsView",
setup () {
return {};
},
created () {
this.$nextTick(function () {
this.initData();
});
},
methods: {
initData () {
$(function () {
var chargeStart = $('#beginDate').datepicker({
format: 'yyyy-mm-dd',
autoclose: true
});
chargeStart.datepicker("setDate", new Date(new Date() - 7 * 24 * 60 * 60 * 1000))
var chargeEnd = $('#endDate').datepicker({
format: 'yyyy-mm-dd',
autoclose: true
});
chargeEnd.datepicker("setDate", new Date())
chargeStart.on('changeDate', function () {
var date = $('#beginDate').datepicker('getDate');
chargeEnd.datepicker('setStartDate', date);
});
chargeEnd.on('changeDate', function () {
var date = $('#endDate').datepicker('getDate');
chargeStart.datepicker('setEndDate', date);
});
$('#table').bootstrapTable('destroy');
$('#table').bootstrapTable({
columns: [
{ field: 'date', title: '日期', align: 'center', width: '14%' },
{ field: 'googleUsd', title: 'google充值美元', align: 'center', width: '14%' },
{ field: 'payermaxUsd', title: 'payermax充值美元', align: 'center', width: '14%' },
{ field: 'myCardUsd', title: 'myCard充值美元', align: 'center', width: '14%' },
{ field: 'iosUsd', title: 'ios充值美元', align: 'center', width: '14%' },
{ field: 'companyUsd', title: '对公打款美元', align: 'center', width: '14%' },
{ field: 'totalUsd', title: '总充值美元', align: 'center', width: '14%' },
],
cache: false,
striped: true,
showRefresh: false,
pagination: false,
search: false,
queryParamsType: "undefined",
queryParams: function queryParams (params) { //设置查询参数
var param = {
partitionId: 1,
beginDate: $('#beginDate').val(),
endDate: $('#endDate').val()
};
return param;
},
toolbar: '#toolbar',
url: '/admin/chargeRecord/partitionDetail',
onLoadSuccess: function () { //加载成功时执行
console.log("load success");
},
onLoadError: function () { //加载失败时执行
console.log("load fail");
}
});
// 导出EXCEL
$('#btnExport').on('click', function () {
if (!$('#beginDate').val() || !$('#endDate').val()) {
$("#tipMsg").text("请输入必填的信息");
$("#tipModal").modal('show');
return;
}
$("#searchForm").submit();
});
// 查询刷新
$('#btnSearch').on('click', function () {
if (!$('#beginDate').val() || !$('#endDate').val()) {
$("#tipMsg").text("请输入必填的信息");
$("#tipModal").modal('show');
return;
}
TableHelper.doRefresh('#table');
});
});
}
},
};
</script>
<style scoped></style>

View File

@@ -1,155 +0,0 @@
<template>
<section class="content">
<div class="box box-primary">
<div class="box-body">
<section class="content-header">
<h1 id="itemTitle"></h1>
</section>
<section class="content-body">
<div id="toolbar">
<div class="col-sm-12">
<div class="pull-left">
<form id="searchForm"
class="col-sm-pull-12"
action="/admin/chargeRecord/exportPartitionDetail"
method="get"
target="_blank">
<div class="col-sm-11">
<label for="beginDate"
class="col-sm-2 control-label">开始日期:</label>
<div class="col-sm-4"><input type="text"
class="form-control"
name="beginDate"
id="beginDate"
placeholder="必填"></div>
<label for="endDate"
class="col-sm-2 control-label">结束日期:</label>
<div class="col-sm-4"><input type="text"
class="form-control"
name="endDate"
id="endDate"
placeholder="必填"></div>
</div>
</form>
</div>
<div class="pull-right">
<button id="btnSearch"
class="btn btn-default">
<i class="glyphicon glyphicon-search"></i>查询
</button>
<button id="btnExport"
class="btn btn-default">
<i class="glyphicon glyphicon-export"></i>导出
</button>
</div>
</div>
</div>
<!-- .content -->
<div id="table"></div>
</section>
</div>
</div>
</section>
</template>
<script>
import TableHelper from '@/utils/bootstrap-table-helper';
export default {
name: "ChargeRecordPartitionStatisticsView",
setup () {
return {};
},
created () {
this.$nextTick(function () {
this.initData();
});
},
methods: {
initData () {
$(function () {
var chargeStart = $('#beginDate').datepicker({
format: 'yyyy-mm-dd',
autoclose: true
});
chargeStart.datepicker("setDate", new Date(new Date() - 7 * 24 * 60 * 60 * 1000))
var chargeEnd = $('#endDate').datepicker({
format: 'yyyy-mm-dd',
autoclose: true
});
chargeEnd.datepicker("setDate", new Date())
chargeStart.on('changeDate', function () {
var date = $('#beginDate').datepicker('getDate');
chargeEnd.datepicker('setStartDate', date);
});
chargeEnd.on('changeDate', function () {
var date = $('#endDate').datepicker('getDate');
chargeStart.datepicker('setEndDate', date);
});
$('#table').bootstrapTable('destroy');
$('#table').bootstrapTable({
columns: [
{ field: 'partitionName', title: '分区', align: 'center', width: '25%' },
{ field: 'googleUsd', title: 'google充值美元', align: 'center', width: '25%' },
{ field: 'payermaxUsd', title: 'payermax充值美元', align: 'center', width: '25%' },
{ field: 'myCardUsd', title: 'myCard充值美元', align: 'center', width: '25%' },
{ field: 'iosUsd', title: 'ios充值美元', align: 'center', width: '25%' },
{ field: 'companyUsd', title: '对公打款美元', align: 'center', width: '25%' },
{ field: 'totalUsd', title: '总充值美元', align: 'center', width: '25%' },
],
cache: false,
striped: true,
showRefresh: false,
pagination: false,
search: false,
queryParamsType: "undefined",
queryParams: function queryParams (params) { //设置查询参数
var param = {
beginDate: $('#beginDate').val(),
endDate: $('#endDate').val()
};
return param;
},
toolbar: '#toolbar',
url: '/admin/chargeRecord/partitionDetail',
onLoadSuccess: function () { //加载成功时执行
console.log("load success");
},
onLoadError: function () { //加载失败时执行
console.log("load fail");
}
});
// 导出EXCEL
$('#btnExport').on('click', function () {
if (!$('#beginDate').val() || !$('#endDate').val()) {
$("#tipMsg").text("请输入必填的信息");
$("#tipModal").modal('show');
return;
}
$("#searchForm").submit();
});
// 查询刷新
$('#btnSearch').on('click', function () {
if (!$('#beginDate').val() || !$('#endDate').val()) {
$("#tipMsg").text("请输入必填的信息");
$("#tipModal").modal('show');
return;
}
TableHelper.doRefresh('#table');
});
});
}
},
};
</script>
<style scoped></style>

View File

@@ -1,160 +0,0 @@
<template>
<section class="content">
<div class="box box-primary">
<div class="box-body">
<section class="content-header">
<h1 id="itemTitle"></h1>
</section>
<section class="content-body">
<div id="toolbar">
<div class="col-sm-12">
<div class="pull-left">
<form id="searchForm"
class="col-sm-pull-12"
action="/admin/chargeRecord/exportPartitionDetail"
method="get"
target="_blank">
<div class="col-sm-11">
<input type="number"
name="partitionId"
value="4"
hidden />
<label for="beginDate"
class="col-sm-2 control-label">开始日期:</label>
<div class="col-sm-4"><input type="text"
class="form-control"
name="beginDate"
id="beginDate"
placeholder="必填"></div>
<label for="endDate"
class="col-sm-2 control-label">结束日期:</label>
<div class="col-sm-4"><input type="text"
class="form-control"
name="endDate"
id="endDate"
placeholder="必填"></div>
</div>
</form>
</div>
<div class="pull-right">
<button id="btnSearch"
class="btn btn-default">
<i class="glyphicon glyphicon-search"></i>查询
</button>
<button id="btnExport"
class="btn btn-default">
<i class="glyphicon glyphicon-export"></i>导出
</button>
</div>
</div>
</div>
<!-- .content -->
<div id="table"></div>
</section>
</div>
</div>
</section>
</template>
<script>
import TableHelper from '@/utils/bootstrap-table-helper';
export default {
name: "ChargeRecordZhPartitionStatisticsView",
setup () {
return {};
},
created () {
this.$nextTick(function () {
this.initData();
});
},
methods: {
initData () {
$(function () {
var chargeStart = $('#beginDate').datepicker({
format: 'yyyy-mm-dd',
autoclose: true
});
chargeStart.datepicker("setDate", new Date(new Date() - 7 * 24 * 60 * 60 * 1000))
var chargeEnd = $('#endDate').datepicker({
format: 'yyyy-mm-dd',
autoclose: true
});
chargeEnd.datepicker("setDate", new Date())
chargeStart.on('changeDate', function () {
var date = $('#beginDate').datepicker('getDate');
chargeEnd.datepicker('setStartDate', date);
});
chargeEnd.on('changeDate', function () {
var date = $('#endDate').datepicker('getDate');
chargeStart.datepicker('setEndDate', date);
});
$('#table').bootstrapTable('destroy');
$('#table').bootstrapTable({
columns: [
{ field: 'date', title: '日期', align: 'center', width: '14%' },
{ field: 'googleUsd', title: 'google充值美元', align: 'center', width: '14%' },
{ field: 'payermaxUsd', title: 'payermax充值美元', align: 'center', width: '14%' },
{ field: 'myCardUsd', title: 'myCard充值美元', align: 'center', width: '14%' },
{ field: 'iosUsd', title: 'ios充值美元', align: 'center', width: '14%' },
{ field: 'companyUsd', title: '对公打款美元', align: 'center', width: '14%' },
{ field: 'totalUsd', title: '总充值美元', align: 'center', width: '14%' },
],
cache: false,
striped: true,
showRefresh: false,
pagination: false,
search: false,
queryParamsType: "undefined",
queryParams: function queryParams (params) { //设置查询参数
var param = {
partitionId: 4,
beginDate: $('#beginDate').val(),
endDate: $('#endDate').val()
};
return param;
},
toolbar: '#toolbar',
url: '/admin/chargeRecord/partitionDetail',
onLoadSuccess: function () { //加载成功时执行
console.log("load success");
},
onLoadError: function () { //加载失败时执行
console.log("load fail");
}
});
// 导出EXCEL
$('#btnExport').on('click', function () {
if (!$('#beginDate').val() || !$('#endDate').val()) {
$("#tipMsg").text("请输入必填的信息");
$("#tipModal").modal('show');
return;
}
$("#searchForm").submit();
});
// 查询刷新
$('#btnSearch').on('click', function () {
if (!$('#beginDate').val() || !$('#endDate').val()) {
$("#tipMsg").text("请输入必填的信息");
$("#tipModal").modal('show');
return;
}
TableHelper.doRefresh('#table');
});
});
}
},
};
</script>
<style scoped></style>

View File

@@ -1,205 +0,0 @@
<template>
<div class="box">
<!-- 查询 -->
<!-- 时间选择器 -->
<div class="inquire">
<div class="block">
<span class="demonstration">日期</span>
<el-date-picker
v-model="inquire.time"
type="datetimerange"
range-separator=""
start-placeholder="开始日期"
end-placeholder="结束日期"
></el-date-picker>
</div>
</div>
<div class="inquire">
<span>反馈类型</span>
<el-select filterable v-model="inquire.value" placeholder="请选择">
<el-option
v-for="item in inquire.options"
:key="item.type"
:label="JsonFunc(item.desc).zh"
:value="item.type"
>
</el-option>
</el-select>
</div>
<!-- 查询按钮 -->
<el-button class="primary" type="primary" @click="getData()"
>查询</el-button
>
<!-- 导出按钮 -->
<el-button class="primary" type="primary" @click="derive()">导出</el-button>
</div>
<!-- 表格 -->
<el-table
v-loading="loading"
:data="tableData"
border
style="width: 100%; margin-top: 25px"
>
<el-table-column prop="desc" align="center" label="问题描述" />
<el-table-column prop="type" align="center" label="反馈类型">
<template #default="{ row }">
{{
row.type == 1
? "应用异常"
: row.type == 2
? "充值或收入"
: row.type == 3
? "账号申诉"
: row.type == 4
? "建议"
: ""
}}
</template>
</el-table-column>
<el-table-column
align="center"
prop="giftInfo"
label="反馈截图"
width="120"
>
<template v-slot="scope">
<el-image
v-if="scope.row.screenUrl"
style="width: 100px; height: 100px"
:src="scope.row.screenUrl"
:zoom-rate="1.1"
:preview-src-list="scope.row.screenUrl"
fit="cover"
preview-teleported="true"
hide-on-click-modal="true"
/>
<div v-else>/</div>
</template>
</el-table-column>
<el-table-column prop="contact" align="center" label="联系方式" />
<el-table-column prop="createTime" align="center" label="生成时间" />
</el-table>
<!-- 分页 -->
<el-pagination
style="margin-top: 10px"
class="paginationClass"
v-model:current-page="currentPage"
v-model:page-size="pageSize"
:page-sizes="[10, 20, 30, 40, 50, 100, 200, 300, 400, 500, 999999999]"
layout="sizes, prev, pager, next"
:total="total"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
</template>
<script>
import { listType, pageRecord } from "@/api/feedBack/feedBack";
import { dateFormat } from "@/utils/system-helper";
import { ElMessage } from "element-plus";
export default {
name: "FeedBack",
data() {
return {
inquire: {
giftId: "",
userId: "",
time: "",
value: "",
options: [],
},
loading: false,
// 表格数据
tableData: [],
// 分页
total: 10, //总页数
currentPage: 1, //页码
pageSize: 10, //条数
};
},
created() {
listType().then((res) => {
this.inquire.options = res.data;
});
this.getData();
},
methods: {
getData() {
this.loading = true;
let startTime = "";
let endTime = "";
if (this.inquire.time && this.inquire.time.length > 0) {
startTime = dateFormat(this.inquire.time[0], "yyyy-MM-dd hh:mm:ss");
endTime = dateFormat(this.inquire.time[1], "yyyy-MM-dd hh:mm:ss");
}
pageRecord({
startTime,
endTime,
type: this.inquire.value,
page: this.currentPage,
pageSize: this.pageSize,
})
.then((res) => {
if (res.code === 200) {
this.tableData = res.data.rows;
this.total = res.data.total;
} else {
ElMessage({
showClose: true,
message: res.message || "获取数据失败",
type: "error",
});
}
this.loading = false;
})
.catch((error) => {
console.error("请求出错:", error);
ElMessage({
showClose: true,
message: "请求出错,请稍后重试",
type: "error",
});
this.loading = false;
});
},
JsonFunc(val) {
var res = JSON.parse(val);
return res;
},
// 分页导航
handleSizeChange(size) {
this.pageSize = size;
this.getData();
},
handleCurrentChange(page) {
this.currentPage = page;
this.getData();
},
},
};
</script>
<style lang="less" scoped>
.box {
padding-top: 20px;
background: #ecf0f5;
.inquire {
display: inline-block;
margin-right: 20px;
span {
margin-right: 10px;
}
.input {
width: 180px;
margin-right: 10px;
}
}
.paginationClass {
margin: 15px 0 5px 0px;
}
}
</style>

View File

@@ -0,0 +1,128 @@
<template>
<section class="content">
<div class="box box-primary">
<div class="box-body">
<section class="content-header">
<h1 id="itemTitle"></h1>
</section>
<section class="content">
<div id="table"></div>
<div id="toolbar">
用户uid: <input type="text" name="uid" id="uid" class="input-sm">
选择时间: <input type="text" name="beginDate" id="beginDate" class="input-sm">
<input type="endDate" id="endDate" class="input-sm">
<button id="btnSearch" class="btn btn-sm btn-primary">查询</button>
</div>
</section>
</div>
</div>
</section>
</template>
<script>
import TableHelper from '@/utils/bootstrap-table-helper';
export default {
name: "FeedbackAdminView",
setup() {
return {};
},
created() {
this.$nextTick(function () {
this.initData();
});
},
methods: {
initData() {
$(function () {
$('#table').bootstrapTable('destroy');
$('#table').bootstrapTable({
columns: [
{ field: 'uid', title: '用户uid', align: 'center', width: '10%' },
{
field: 'feedbackDesc', title: '反馈信息', align: 'center', width: '20%',
formatter: function (val, row, index) {
return val ? val.replace('<', '《').replace('>', '》') : '';
}
},
{ field: 'imgUrl', title: '反馈截图', align: 'center', width: '10%' },
{ field: 'contact', title: '摘要', align: 'center', width: '10%' },
{
field: 'createTime', title: '生成时间', align: 'center',
formatter: function (val, row, index) {
if (val) {
var date = new Date(val);
return date.format("yyyy-MM-dd hh:mm:ss");
} else {
return '-';
}
}
}
],
cache: false,
striped: true,
showRefresh: false,
pageSize: 10,
pagination: true,
sidePagination: "server", //表示服务端请求
//设置为undefined可以获取pageNumberpageSizesearchTextsortNamesortOrder
//设置为limit可以获取limit, offset, search, sort, order
queryParamsType: "undefined",
queryParams: function queryParams(params) { //设置查询参数
var param = {
pageSize: params.pageSize,
pageNum: params.pageNumber,
uid: $('#uid').val(),
beginDate: $('#beginDate').val(),
endDate: $('#endDate').val()
};
return param;
},
uniqueId: 'code',
toolbar: '#toolbar',
url: '/admin/feedback/list',
onLoadSuccess: function () { //加载成功时执行
console.log("load success");
},
onLoadError: function () { //加载失败时执行
console.log("load fail");
}
})
$('#btnSearch').on('click', function () {
TableHelper.doRefresh('#table');
})
var picker1 = $("#beginDate").datepicker({
format: 'yyyy-mm-dd',
todayBtn: true,
autoclose: true,
startDate: "2016-01-01"
});
var picker2 = $("#endDate").datepicker({
format: 'yyyy-mm-dd',
todayBtn: true,
autoclose: true
});
picker1.on('changeDate', function () {
var date = $('#beginDate').datepicker('getDate');
picker2.datepicker('setStartDate', date);
});
picker2.on('changeDate', function () {
var date = $('#endDate').datepicker('getDate');
picker1.datepicker('setEndDate', date);
});
})
}
},
};
</script>
<style scoped>
#btnSearch {
margin-left: 8px;
}
#uid {
margin-right: 4px;
}</style>

View File

@@ -345,9 +345,9 @@
<div class="form-group">
<label for="otherViewType" class="col-sm-2 control-label">其他视图文件类型:</label>
<div class="col-sm-10">
<select name="otherViewType" id="otherViewType" data-btn-class="btn-warning" class="form-control">
<select name="otherViewType" id="otherViewType" data-btn-class="btn-warning">
<option value="0">全部</option>
<option value="1" selected>MP4</option>
<option value="1">MP4</option>
<option value="2">PAG</option>
</select>
</div>
@@ -954,6 +954,7 @@ export default {
$("input:radio[name='isLatest']")[0].checked = true;
$("input:radio[name='isTimeLimit']")[0].checked = true;
$("input:radio[name='roomExclude']")[0].checked = true;
$('#giftType').val('');
$("#notifyStaySecond").val('');
$("#isSkipRoom").val('');
$("#isSendMsg").val('');

View File

@@ -1,209 +1,170 @@
<template>
<section class="content">
<div class="box box-primary">
<div class="box-body">
<section class="content-header">
<h1 id="itemTitle"></h1>
</section>
<section class="content">
<div id="table"></div>
<div id="toolbar">
平台号:<input type="text"
class="input-sm validate[required]"
name="erbanNo"
id="erbanNo">
手机号:<input type="text"
class="input-sm validate[required]"
name="phone"
id="phone">
设备号:<input type="text"
class="input-sm validate[required]"
name="deviceId"
id="deviceId">
查询类型:<select name="loginType"
id="loginType"
class="input-sm">
<option value="">---全部---</option>
<option value="1">微信登录</option>
<option value="2">qq登录</option>
<option value="3">手机号登录</option>
<option value="4">一键登录</option>
<option value="5">苹果登录</option>
<option value="6">ticket登录</option>
</select>
<button id="btnSearch"
class="btn btn-sm btn-primary">查询</button>
</div>
</section>
</div>
</div>
</section>
<section class="content">
<div class="box box-primary">
<div class="box-body">
<section class="content-header">
<h1 id="itemTitle"></h1>
</section>
<section class="content">
<div id="table"></div>
<div id="toolbar">
平台号:<input type="text" class="input-sm validate[required]" name="erbanNo" id="erbanNo">
手机号:<input type="text" class="input-sm validate[required]" name="phone" id="phone">
设备号:<input type="text" class="input-sm validate[required]" name="deviceId" id="deviceId">
查询类型:<select name="loginType" id="loginType" class="input-sm">
<option value="">---全部---</option>
<option value="1">微信登录</option>
<option value="2">qq登录</option>
<option value="3">手机号登录</option>
<option value="4">一键登录</option>
<option value="5">苹果登录</option>
<option value="6">ticket登录</option>
</select>
<button id="btnSearch" class="btn btn-sm btn-primary">查询</button>
</div>
</section>
</div>
</div>
</section>
</template>
<script>
import TableHelper from '@/utils/bootstrap-table-helper';
export default {
name: "UserRecordAdminView",
setup () {
return {};
},
created () {
this.$nextTick(function () {
this.initData();
});
},
methods: {
initData () {
$(function () {
$('#table').bootstrapTable('destroy');
$('#table').bootstrapTable({
columns: [
{ field: 'recordId', title: 'recordId', align: 'center', valign: 'middle', width: '5%' },
{ field: 'phone', title: '手机号', align: 'center', valign: 'middle', width: '5%' },
{ field: 'erbanNo', title: '平台号', align: 'center', valign: 'middle', width: '5%' },
{
field: 'loginType',
title: '登录类型',
align: 'center',
width: '10%',
valign: 'middle',
formatter: function (val, row, index) {
switch (val) {
case 1:
return '微信登录';
name: "UserRecordAdminView",
setup() {
return {};
},
created() {
this.$nextTick(function () {
this.initData();
});
},
methods: {
initData() {
$(function () {
$('#table').bootstrapTable('destroy');
$('#table').bootstrapTable({
columns: [
{ field: 'recordId', title: 'recordId', align: 'center', valign: 'middle', width: '5%' },
{ field: 'phone', title: '手机号', align: 'center', valign: 'middle', width: '5%' },
{ field: 'erbanNo', title: '平台号', align: 'center', valign: 'middle', width: '5%' },
{
field: 'loginType',
title: '登录类型',
align: 'center',
width: '10%',
valign: 'middle',
formatter: function (val, row, index) {
switch (val) {
case 1:
return '微信登录';
case 2:
return 'QQ登录';
case 3:
return '手机登录或者平台号登录';
}
}
},
{
field: 'loginIp',
title: '登录IP',
align: 'center',
width: '10%',
valign: 'middle'
},
/*{
field: 'weixinOpenid',
title: '微信号',
align: 'center',
width: '10%',
valign: 'middle'
},
{field: 'qqOpenid',
title: 'qq号',
align: 'center', width: '10%',
valign: 'middle'
},*/
{
field: 'os',
title: '系统类型',
align: 'center',
width: '5%',
valign: 'middle'
},
{ field: 'osversion', title: '系统版本', align: 'center', width: '5%', valign: 'middle' },
{ field: 'ispType', title: '运营商类型', align: 'center', width: '5%', valign: 'middle' },
{ field: 'deviceId', title: '设备号', align: 'center', width: '10%', valign: 'middle' },
{ field: 'model', title: '手机型号', align: 'center', width: '10%', valign: 'middle' },
{
field: 'createTime',
title: '创建时间',
align: 'center',
width: '10%',
valign: 'middle',
formatter: function (val, row, index) {
if (val) {
var date = new Date(val);
return date.format("yyyy-MM-dd hh:mm:ss");
} else {
return '-';
}
}
}
/*{
field: 'tmp',
title: '操作',
align: 'center',
width: '20%',
valign: 'middle',
formatter: function (val, row, index) {
var key = row.blockId;
return "<button class='btn btn-sm btn-success opt-release' data-id=" + key + ">解封</button>&nbsp;&nbsp;"+
"<button class='btn btn-sm btn-success opt-edit' data-id=" + key + " >编辑</button>";
}
}*/
],
cache: false,
striped: true,
showRefresh: false,
pageSize: 10,
pagination: true,
pageList: [10, 20, 30, 50],
sidePagination: "server", //表示服务端请求
queryParamsType: "undefined",
queryParams: function queryParams(params) { //设置查询参数
var param = {
pageSize: params.pageSize,
pageNum: params.pageNumber,
phone: $('#phone').val(),
erbanNo: $('#erbanNo').val(),
deviceId: $('#deviceId').val(),
loginType: $('#loginType').val(),
};
return param;
},
uniqueId: 'code',
toolbar: '#toolbar',
url: '/admin/accountLoginRecord/list',
onLoadSuccess: function () { //加载成功时执行
console.log("load success");
},
onLoadError: function () { //加载失败时执行
console.log("load fail");
}
})
case 2:
return 'QQ登录';
case 3:
return '手机登录或者平台号登录';
case 4:
return '一键登录';
case 5:
return '苹果登录';
case 6:
return '冷启动';
case 7:
return '账号密码登录';
case 8:
return '谷歌登录';
case 9:
return 'line登录';
case 10:
return 'fackbook登录';
}
}
},
{
field: 'loginIp',
title: '登录IP',
align: 'center',
width: '10%',
valign: 'middle'
},
{
field: 'loginIpRegion',
title: '登录IP地区',
align: 'center',
width: '10%',
valign: 'middle'
},
/*{
field: 'weixinOpenid',
title: '微信号',
align: 'center',
width: '10%',
valign: 'middle'
},
{field: 'qqOpenid',
title: 'qq号',
align: 'center', width: '10%',
valign: 'middle'
},*/
{
field: 'os',
title: '系统类型',
align: 'center',
width: '5%',
valign: 'middle'
},
{ field: 'osversion', title: '系统版本', align: 'center', width: '5%', valign: 'middle' },
{ field: 'ispType', title: '运营商类型', align: 'center', width: '5%', valign: 'middle' },
{ field: 'deviceId', title: '设备号', align: 'center', width: '10%', valign: 'middle' },
{ field: 'model', title: '手机型号', align: 'center', width: '10%', valign: 'middle' },
{
field: 'createTime',
title: '创建时间',
align: 'center',
width: '10%',
valign: 'middle',
formatter: function (val, row, index) {
if (val) {
var date = new Date(val);
return date.format("yyyy-MM-dd hh:mm:ss");
} else {
return '-';
}
}
}
/*{
field: 'tmp',
title: '操作',
align: 'center',
width: '20%',
valign: 'middle',
formatter: function (val, row, index) {
var key = row.blockId;
return "<button class='btn btn-sm btn-success opt-release' data-id=" + key + ">解封</button>&nbsp;&nbsp;"+
"<button class='btn btn-sm btn-success opt-edit' data-id=" + key + " >编辑</button>";
}
}*/
],
cache: false,
striped: true,
showRefresh: false,
pageSize: 20,
pagination: true,
pageList: [20, 30, 50],
sidePagination: "server", //表示服务端请求
queryParamsType: "undefined",
queryParams: function queryParams (params) { //设置查询参数
var param = {
pageSize: params.pageSize,
pageNum: params.pageNumber,
phone: $('#phone').val(),
erbanNo: $('#erbanNo').val(),
deviceId: $('#deviceId').val(),
loginType: $('#loginType').val(),
};
return param;
},
uniqueId: 'code',
toolbar: '#toolbar',
url: '/admin/accountLoginRecord/list',
onLoadSuccess: function () { //加载成功时执行
console.log("load success");
},
onLoadError: function () { //加载失败时执行
console.log("load fail");
}
})
/*查询刷新*/
$('#btnSearch').on('click', function () {
TableHelper.doRefresh('#table');
})
})
}
},
/*查询刷新*/
$('#btnSearch').on('click', function () {
TableHelper.doRefresh('#table');
})
})
}
},
};
</script>
@@ -211,38 +172,37 @@ export default {
<style scoped>
.bar1,
.bar2 {
margin-bottom: 10px;
margin-bottom: 10px;
}
label.col-sm-1 {
padding: 0;
line-height: 30px;
text-align: right;
/*padding-right: 4px;*/
padding: 0;
line-height: 30px;
text-align: right;
/*padding-right: 4px;*/
}
label.col-sm-1 {
padding: 0;
line-height: 30px;
text-align: right;
/*padding-right: 4px;*/
padding: 0;
line-height: 30px;
text-align: right;
/*padding-right: 4px;*/
}
input,
select {
margin-left: 8px;
margin-right: 8px;
margin-left: 8px;
margin-right: 8px;
}
#btnSearch {
margin-left: 36px;
margin-left: 36px;
}
.record {
margin-top: 10px;
margin-top: 10px;
}
.record .title {
font-size: 16px;
}
</style>
font-size: 16px;
}</style>