Compare commits

..

66 Commits

Author SHA1 Message Date
dragon
28e104e649 修改游戏管理bug 2024-06-06 15:14:19 +08:00
dragon
9c996955f2 修复列表显示异常 2024-06-06 15:14:19 +08:00
dragon
8823ec2ec3 修改传参字段 2024-06-06 15:14:18 +08:00
dragon
2cc695c978 新增游戏管理后台 2024-06-06 15:14:18 +08:00
dragon
d591cfc013 游戏管理暂存 2024-06-06 15:14:17 +08:00
liaozetao
eec3bb54cb 修改字段名称 2024-06-06 14:12:15 +08:00
liaozetao
45ca219d0f 补充 2024-06-06 11:33:53 +08:00
liaozetao
d63f15638b 新增多语言管理 2024-06-06 11:28:57 +08:00
liaozetao
7b13dadd12 修改平台收入计算 2024-06-06 10:24:38 +08:00
liaozetao
6f5ad0ee6a 修改编码问题 2024-06-05 16:02:37 +08:00
liaozetao
d908b73193 修改选项长度 2024-06-05 15:55:17 +08:00
liaozetao
5ac087e5aa 修改时间格式化 2024-06-05 15:46:05 +08:00
liaozetao
1e1119eb35 补充 2024-06-05 15:39:02 +08:00
liaozetao
7c62ef6549 修改游戏数据统计 2024-06-05 15:22:52 +08:00
liaozetao
8a3806855b 修改展示字眼 2024-06-04 18:06:54 +08:00
dragon
2fce98c88e 补齐代码 2024-06-03 19:09:46 +08:00
dragon
5680f42d06 新增公会功能 2024-06-03 19:06:21 +08:00
liaozetao
5dc4eb5198 修改游戏模式 2024-05-31 17:43:05 +08:00
liaozetao
95382d1c87 buchon 2024-05-31 17:35:56 +08:00
dragon
d42e95e2b3 新增解散阿拉伯公会按钮 2024-05-29 18:46:28 +08:00
khalil
d9518f4c33 分区充值统计-拆分分区 2024-05-28 16:13:46 +08:00
khalil
6085f5fce6 分区充值统计-美元 2024-05-27 22:10:20 +08:00
khalil
eac6f613f7 分区充值统计
(cherry picked from commit 5f2cb18b6a89696b8285173ed4862629e1b0f73c)
2024-05-27 21:33:27 +08:00
dragon
80ddf7b5a5 添加映射类型 2024-05-24 17:43:25 +08:00
dragon
69ec2ebef9 修改工会时间选择器 2024-05-24 17:43:25 +08:00
dragon
3062812f1f 新增公会阿拉伯地区后台 2024-05-24 17:43:25 +08:00
liaozetao
616758549b 补充 2024-05-24 17:40:47 +08:00
liaozetao
8fdb2b6c0d 修改自定义文案逻辑 2024-05-24 17:31:43 +08:00
liaozetao
afe984fe84 修改铭牌选择问题 2024-05-23 16:41:45 +08:00
liaozetao
49dc775fff 新增LUDO游戏统计 2024-05-21 14:31:19 +08:00
liaozetao
4077895f55 修改长度 2024-05-20 16:18:08 +08:00
liaozetao
a9c7ee9a47 修改资源位多分区 2024-05-20 16:06:30 +08:00
liaozetao
e402157726 修改房间类型提示语 2024-05-17 14:24:30 +08:00
liaozetao
8e01552671 切换房间类型 2024-05-17 10:56:54 +08:00
liaozetao
c27c5490b2 去除新秀房 2024-05-17 10:31:26 +08:00
liaozetao
f4f374295d 修改时间 2024-05-16 16:09:04 +08:00
liaozetao
a514eacf81 新增时间筛选条件 2024-05-16 15:55:35 +08:00
liaozetao
4f7271a87b 修改为精确日期 2024-05-15 14:51:04 +08:00
liaozetao
f99c063b52 日期标题 2024-05-15 14:08:34 +08:00
liaozetao
d9aabae260 修复详情问题 2024-05-15 14:06:41 +08:00
liaozetao
04dcb3cfa5 补充 2024-05-15 11:36:03 +08:00
liaozetao
d461f9c298 新增百顺小游戏统计 2024-05-15 11:16:42 +08:00
liaozetao
3784b748f7 修复时间查询问题 2024-05-13 14:27:35 +08:00
liaozetao
85a6ea9106 修复查询条件问题 2024-05-09 18:10:22 +08:00
liaozetao
e4f9cfb3ec 修復時間篩選框問題 2024-05-09 15:11:09 +08:00
liaozetao
097c0b0d08 修改时间查询条件 2024-05-09 11:52:04 +08:00
liaozetao
c175d662e8 修改日期查询组建 2024-05-08 16:39:59 +08:00
liaozetao
2d28fbcb8f 修复时间问题 2024-05-08 16:31:38 +08:00
liaozetao
df9e96de9a 新增公聊大厅查询列表 2024-05-08 16:31:29 +08:00
liaozetao
fafbd3e75c 恢复代码 2024-05-07 12:03:55 +08:00
liaozetao
a86e731633 修改寻爱之旅编辑 2024-05-07 11:54:53 +08:00
liaozetao
c584f0154f 恢复代码 2024-04-30 18:01:49 +08:00
liaozetao
e694f3f9a7 补充扩展字段 2024-04-30 17:55:49 +08:00
liaozetao
4b417d446f 修复铭牌获取问题 2024-04-30 15:16:08 +08:00
liaozetao
697af0c109 修改默认值 2024-04-29 15:13:02 +08:00
liaozetao
a3d6c0c82c 修改字眼 2024-04-28 15:46:40 +08:00
liaozetao
2ac3b75d30 替换金币字眼为钻石 2024-04-28 10:26:23 +08:00
liaozetao
6819127c40 修改礼物管理默认值 2024-04-26 18:25:20 +08:00
liaozetao
5c67b35aaa 添加地区 2024-04-26 14:12:48 +08:00
liaozetao
f5753982d0 修复许愿之星地区查询 2024-04-25 15:22:17 +08:00
liaozetao
22285b39c2 修復查詢條件 2024-04-24 21:40:39 +08:00
liaozetao
da3e97026c 补充 2024-04-24 18:45:42 +08:00
liaozetao
5e4f13c8d9 修复许愿之星礼物过滤问题 2024-04-24 17:57:04 +08:00
liaozetao
8692437f87 修复寻爱之旅奖品配置问题 2024-04-24 11:51:01 +08:00
liaozetao
5efd586524 修改赠送金币字眼 2024-04-24 10:31:59 +08:00
liaozetao
747ef1c4f1 修复mp4问题 2024-04-23 16:57:37 +08:00
23 changed files with 2787 additions and 46 deletions

View File

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

View File

@@ -0,0 +1,20 @@
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

@@ -0,0 +1,23 @@
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;
};

View File

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

View File

@@ -0,0 +1,56 @@
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
});
};

View File

@@ -0,0 +1,17 @@
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

@@ -0,0 +1,156 @@
<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%' },
],
};
},
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,6 +34,16 @@
<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>
@@ -169,6 +179,25 @@ 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',
@@ -216,10 +245,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 + '>' +
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>' +
'&nbsp;&nbsp;<button class="btn btn-sm btn-danger opt-remove" data-id=' + val +
'><i class="glyphicon glyphicon-remove"></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>';
}
}
],
@@ -295,6 +324,7 @@ export default {
var beginTime = $("#beginTime").val();
var endTime = $("#endTime").val();
var partitionId = $('#partitionId').val();
if (iconA == null || iconA == '') {
$("#tipMsg").text("保存失败,请先上传图片!");
@@ -321,7 +351,8 @@ export default {
contentA: contentA,
contentB: contentB,
beginTime: beginTime,
endTime: endTime
endTime: endTime,
partitionId: partitionId,
},
dataType: "json",
success: function (json) {
@@ -343,13 +374,18 @@ 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 },
data: {
seq: seq,
partitionId: partitionId,
},
dataType: "json",
success: function (res) {
var json = res.data;
@@ -383,6 +419,8 @@ export default {
$('#iconUrlB').val(json.iconB);
$('#iconImgUrlB').attr('src', json.iconB);
$('#partitionId').val(json.partitionId);
// 打开编辑弹窗
$("#roomTagModal").modal('show');
$("#modalLabel").text("编辑房间标签");
@@ -395,6 +433,8 @@ 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参数有误");
@@ -405,7 +445,10 @@ export default {
$.ajax({
type: 'post',
url: "/admin/home/resource/deleteByStrategySeq",
data: { seq: seq },
data: {
seq: seq,
partitionId: partitionId,
},
dataType: "json",
success: function (json) {
if (json.code == 200) {

View File

@@ -0,0 +1,256 @@
<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>
</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 } 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();
});
});
},
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,
};
})
);
}
});
},
},
}
</script>
<style scoped></style>

View File

@@ -0,0 +1,174 @@
<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

@@ -412,12 +412,12 @@ export default {
}
$('#nameplateType1').attr("disabled", "true");
if (json.isCustomWord == 0) {
if (!json.isCustomWord) {
$('input[name="isCustomWord"]').get(0).checked = true;
$('#fixedWord-div').removeClass("hidden");
$('#fixedWord-div').addClass("hidden");
} else {
$('input[name="isCustomWord"]').get(1).checked = true;
$('#fixedWord-div').addClass("hidden");
$('#fixedWord-div').removeClass("hidden");
$('#fixedWord').val('');
}
@@ -586,7 +586,7 @@ export default {
});
//是否自定义文案变化
$('input[type=radio][name=isCustomWord]').change(function () {
if ($(this).val() == 0) {
if ($(this).val() == 1) {
$('#fixedWord-div').removeClass("hidden");
} else {
$('#fixedWord-div').addClass("hidden");

View File

@@ -0,0 +1,382 @@
<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-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="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 prop="goldIncome" align="center" label="金币总收入" />
<el-table-column prop="diamondRemain" align="center" label="钻石总收入" />
<el-table-column
prop="memberNumLimit"
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.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: "",
time: "",
},
//新增所需对象
resource: {
id: "",
nick: "",
},
// 表格
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,
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,
}).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

@@ -0,0 +1,168 @@
<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-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="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>
<!-- 分页 -->
<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 } 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: "",
},
//新增所需对象
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");
}
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;
});
},
// 分页导航
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

@@ -0,0 +1,181 @@
<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

@@ -98,25 +98,6 @@ 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: [
@@ -251,6 +232,11 @@ export default {
}
});
// 筛选按钮点击事件
$('#searchBtn').on('click', function () {
TableHelper.doRefresh('#table');
});
});
}
},

View File

@@ -107,7 +107,7 @@
:value="item.value"></el-option>
</el-select>
</div>
<div style="margin-bottom: 25px" v-if="resource.skipType == 1">
<div style="margin-bottom: 25px" v-if="resource.skipType == 1 || resource.skipType == 3">
<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

@@ -0,0 +1,453 @@
<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,7 +28,6 @@
<option value="0"></option>
<option value="1">牌照房</option>
<option value="2">非牌照房</option>
<option value="3">新秀房</option>
<option value="4">个播房</option>
</select>
</div>
@@ -84,7 +83,6 @@
<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" />
@@ -374,14 +372,14 @@ export default {
width: '5%',
formatter: function (val, row, index) {
switch (val) {
case 1:
return '竞拍房';
case 2:
return '轻聊房';
case 3:
return '轰趴房';
return '普通房间';
case 6:
return '个播房间';
case 7:
return '游戏房间';
}
}
@@ -402,7 +400,7 @@ export default {
},
{
field: 'room.isPermitRoom',
title: '房间类型',
title: '牌照类型',
align: 'center',
valign: 'middle',
formatter: function (val, row, index) {
@@ -412,9 +410,6 @@ export default {
case 2:
return '非牌照房';
case 3:
return '新秀房';
case 4:
return '个播房';
@@ -603,13 +598,27 @@ 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: $('#roomTypeUid').val(),
permitType: $('#permitType').val(),
uid: roomUid,
roomType: roomType,
permitType: permitType,
},
success: function (res) {
if (res.code == 200) {
@@ -618,7 +627,7 @@ export default {
$("#tipModal").modal('show');
TableHelper.doRefresh("#table");
} else {
$("#tipMsg").text("保存失败,错误码:" + res.code + ",错误信息:" + res.data);
$("#tipMsg").text("保存失败,错误码:" + res.code + ",错误信息:" + res.message);
$("#tipModal").modal('show');
}
}

View File

@@ -0,0 +1,176 @@
<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

@@ -0,0 +1,156 @@
<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?partitionId=2"
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: "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

@@ -0,0 +1,156 @@
<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?partitionId=1"
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: "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

@@ -0,0 +1,155 @@
<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

@@ -0,0 +1,156 @@
<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?partitionId=4"
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: "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>