Compare commits

...

69 Commits

Author SHA1 Message Date
dragon
f9a1f6a89c 完成幸运礼物优化 2024-11-20 15:59:20 +08:00
dragon
c7597a1b14 幸运礼物暂存 2024-11-20 15:59:19 +08:00
dragon
9b7d0132ef 幸运礼物暂存 2024-11-20 15:59:18 +08:00
khalil
0dcf3594bd 幸运24-记录-分区-增加土耳其区 2024-11-20 15:59:13 +08:00
khalil
e50a89fb0a 幸运24-记录-分区-增加土耳其区 2024-11-20 15:51:19 +08:00
khalil
49bd77ae3f 幸运24-分区-增加土耳其区 2024-11-20 11:58:17 +08:00
dragon
d9a6c2881b 修复财务管理-转赠统计时间筛选异常问题 2024-11-19 15:23:14 +08:00
dragon
46af95e834 公会信息异常问题 2024-11-15 18:53:59 +08:00
dragon
07543cca7d 修复页面异常问题 2024-11-15 18:36:50 +08:00
dragon
a75058d202 修复公会信息异常问题 2024-11-15 15:40:50 +08:00
dragon
9129e29bf3 新增公会默认选择地区 2024-11-15 11:55:56 +08:00
dragon
37df3b5db1 补齐新增土耳座驾资源管理 2024-11-14 15:54:12 +08:00
dragon
6e841bc675 完成土耳其化 2024-11-14 15:40:14 +08:00
dragon
286969cdd1 分区暂存 2024-11-14 15:40:12 +08:00
dragon
d3b48eea86 新增土耳其相关 2024-11-14 15:40:11 +08:00
dragon
9e6495d807 修复第二banner新增弹窗异常问题 2024-11-12 15:31:09 +08:00
dragon
836fb732c8 优化图片显示 2024-11-12 10:31:17 +08:00
dragon
9a151fbe05 新增第二banner无跳转接触必填限制 2024-11-12 10:31:16 +08:00
dragon
07e9a1e8b2 工会信息新增公会头像 2024-11-12 10:31:16 +08:00
dragon
d3c14383f8 新增无跳转类型-banner 2024-11-12 10:31:15 +08:00
dragon
5bba43c189 移除svga图片 2024-11-12 10:31:14 +08:00
dragon
74939056ce deBug未知报错 2024-11-12 10:31:13 +08:00
dragon
004bf0e03a 优化房间背景svga代码先后流程 2024-11-12 10:31:13 +08:00
dragon
b467577792 完成第二banner 2024-11-12 10:31:12 +08:00
dragon
99a1c89643 修复appui配置异常问题 2024-11-12 10:31:11 +08:00
dragon
b043d8c06e 修复报错问题 2024-11-12 10:31:10 +08:00
dragon
fb007e763c 完成房间背景和首页ui配置 2024-11-12 10:31:10 +08:00
khalil
2fddf66a5d 房间流水-后台-listByPage改list 2024-11-11 22:05:20 +08:00
khalil
75bcd232a4 banner-后台-跳转类型 2024-11-04 18:58:16 +08:00
dragon
ae0a3507a6 钻石流水显示时分秒+转赠类型新增web-api金币 2024-10-30 17:46:48 +08:00
khalil
31d6efd60e 头像-房间-上传 2024-10-28 14:20:59 +08:00
khalil
70993f1b4d 头像-房间-列表增加审核状态 2024-10-25 17:04:58 +08:00
khalil
e4fb991a98 寻爱-后台-奖品取消分区 2024-10-25 17:04:53 +08:00
khalil
b84438c19d 寻爱-后台-分区 2024-10-25 17:04:41 +08:00
dragon
ed9178a1d0 修复详情数据异常问题 2024-10-24 17:51:34 +08:00
dragon
78b3a70d5f 修复数据异常问题 2024-10-24 17:12:01 +08:00
dragon
baad132403 完成小游戏后台 2024-10-23 11:29:00 +08:00
dragon
c865eae77b 修复时间戳默认转换值 2024-10-18 17:00:48 +08:00
dragon
5d296f8086 新增充值搜索和修改usd 2024-10-18 15:23:37 +08:00
dragon
3f905c2b1e 修复查看详情状态异常问题 2024-10-17 18:01:13 +08:00
dragon
7add80a5ae 完善接口联调 2024-10-17 17:11:20 +08:00
dragon
0d6019e9f1 取消座驾动画限制 2024-10-15 18:21:26 +08:00
dragon
11ceac5d4f 修复字段 2024-10-12 23:55:07 +08:00
dragon
289aa70af3 修改介绍文案 2024-10-12 18:58:28 +08:00
dragon
c8b283b0d8 修改文案 2024-10-12 18:05:09 +08:00
dragon
9bec1ba472 新增幸运礼物-个人数据汇总-赠送倍数奖励按钮 2024-10-12 18:02:57 +08:00
khalil
2c64fc1443 靓号-后台-查询-分区 2024-10-12 14:57:48 +08:00
khalil
097dea0693 靓号-后台-上传 2024-10-11 17:59:57 +08:00
khalil
6abde0b9ec 靓号-后台-修改 2024-10-10 19:55:40 +08:00
dragon
c99ee00ca8 修复钻石流水分页问题 2024-09-30 10:31:17 +08:00
dragon
c3f70e3c9b 移除自动加载钻石流水数据 2024-09-29 17:52:15 +08:00
dragon
1e4002a4fa 修复时间选择器bug 2024-09-29 17:38:23 +08:00
dragon
090447e1ce 优化时间选择器 2024-09-29 16:11:25 +08:00
dragon
c847b94994 暂存官方提心&完成钻石流水统计 2024-09-29 13:51:11 +08:00
dragon
f91dc1cf62 公会暂存 2024-09-26 11:34:46 +08:00
dragon
4d5fb57ddf 新增定制礼物 2024-09-25 20:10:30 +08:00
khalil
b174c9818e 充值统计-增加startPay 2024-09-23 22:14:19 +08:00
dragon
c6f979c094 新增赠送成功toast 2024-09-20 14:18:20 +08:00
dragon
475ee45a44 新增对比值M 2024-09-20 11:43:40 +08:00
dragon
c4209d6c24 新增基础配置 2024-09-19 19:12:43 +08:00
dragon
e77165a1d7 优化超级幸运礼物下拉框 2024-09-18 11:06:59 +08:00
dragon
8a2c1381e9 修改标题 2024-09-14 23:46:27 +08:00
dragon
e062c2afa3 修复基础设置异常 2024-09-14 23:29:38 +08:00
dragon
591495edcc 新增幸运礼物和cp 2024-09-14 22:45:54 +08:00
dragon
25e828f7e4 修复显示异常 2024-09-14 22:36:00 +08:00
dragon
1ab319d372 修复总览没数据问题 2024-09-14 22:07:01 +08:00
dragon
9b6ee433d7 修复样式异常 2024-09-14 20:12:04 +08:00
dragon
9c4aa4efb9 完善幸运礼物 2024-09-14 19:03:04 +08:00
dragon
f228aad967 幸运礼物24暂存 2024-09-14 16:10:09 +08:00
69 changed files with 13993 additions and 6626 deletions

26
package-lock.json generated
View File

@@ -22,10 +22,12 @@
"knockout": "^3.5.1",
"less": "^4.2.0",
"less-loader": "^11.1.3",
"moment-timezone": "^0.5.45",
"node-sass": "^9.0.0",
"popper.js": "^1.16.1",
"sass": "^1.67.0",
"sass-loader": "^13.3.2",
"svgaplayerweb": "^2.3.2",
"unplugin-element-plus": "^0.8.0",
"vue-clipboard2": "^0.3.3",
"vue-router": "^4.0.3",
@@ -8974,6 +8976,25 @@
"integrity": "sha512-23g5BFj4zdQL/b6tor7Ji+QY4pEfNH784BMslY9Qb0UnJWRAt+lQGLYmRaM0KDBwIG23ffEBELhZDP2rhi9f/Q==",
"dev": true
},
"node_modules/moment": {
"version": "2.30.1",
"resolved": "https://registry.npmmirror.com/moment/-/moment-2.30.1.tgz",
"integrity": "sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how==",
"engines": {
"node": "*"
}
},
"node_modules/moment-timezone": {
"version": "0.5.45",
"resolved": "https://registry.npmmirror.com/moment-timezone/-/moment-timezone-0.5.45.tgz",
"integrity": "sha512-HIWmqA86KcmCAhnMAN0wuDOARV/525R2+lOLotuGFzn4HO+FH+/645z2wx0Dt3iDv6/p61SIvKnDstISainhLQ==",
"dependencies": {
"moment": "^2.29.4"
},
"engines": {
"node": "*"
}
},
"node_modules/mrmime": {
"version": "1.0.1",
"resolved": "https://registry.npmmirror.com/mrmime/-/mrmime-1.0.1.tgz",
@@ -11970,6 +11991,11 @@
"integrity": "sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==",
"dev": true
},
"node_modules/svgaplayerweb": {
"version": "2.3.2",
"resolved": "https://registry.npmmirror.com/svgaplayerweb/-/svgaplayerweb-2.3.2.tgz",
"integrity": "sha512-QuTvNIgy3W6Mi4h74SczEHUtAwb8m3ax7Ai7xRLUuN6hjJh49RGtWOWq1IuF2I7ECcl0HAYn8FcTn99UDz9UiQ=="
},
"node_modules/svgo": {
"version": "2.8.0",
"resolved": "https://registry.npmmirror.com/svgo/-/svgo-2.8.0.tgz",

View File

@@ -22,10 +22,12 @@
"knockout": "^3.5.1",
"less": "^4.2.0",
"less-loader": "^11.1.3",
"moment-timezone": "^0.5.45",
"node-sass": "^9.0.0",
"popper.js": "^1.16.1",
"sass": "^1.67.0",
"sass-loader": "^13.3.2",
"svgaplayerweb": "^2.3.2",
"unplugin-element-plus": "^0.8.0",
"vue-clipboard2": "^0.3.3",
"vue-router": "^4.0.3",

View File

@@ -0,0 +1,38 @@
import request from '@/utils/request';
import { genQueryParam } from '@/utils/maintainer';
import qs from 'qs';
// 获取游戏列表
export const sysConfKey = query => {
return request({
url: '/admin/sysConf/key',
method: 'get',
params: query
});
};
// 获取列表
export const statisPage = query => {
return request({
url: '/admin/miniGame/leadercc/statis/page',
method: 'get',
params: query
});
};
// 获取详情列表
export const detailPage = query => {
return request({
url: '/admin/miniGame/leadercc/statis/detailPage',
method: 'get',
params: query
});
};
// 导出
export const exportForMiniGame = query => {
window.location.href = `/admin/miniGame/leadercc/statis/exportForMiniGame?${genQueryParam(query)}`;
return;
};
// 导出弹窗
export const statisExport = query => {
window.location.href = `/admin/miniGame/leadercc/statis/export?${genQueryParam(query)}`;
return;
};

View File

@@ -0,0 +1,70 @@
import request from '@/utils/request';
import { genQueryParam } from '@/utils/maintainer';
import qs from 'qs';
// 奖池拉框
export const listType = query => {
return request({
url: '/admin/lucky24/pool/listType',
method: 'get',
params: query
});
};
// 池子列表
export const list = query => {
return request({
url: '/admin/lucky24/pool/list',
method: 'get',
params: query
});
};
// 基础配置
export const getConfig = query => {
return request({
url: '/admin/lucky24/config/getConfig',
method: 'get',
params: query
});
};
// 基础配置-修改
export const updateSet = query => {
return request({
headers: { "Content-Type": 'application/json;charset=UTF-8' },
url: '/admin/lucky24/config/update',
method: 'post',
data: query
});
};
// 个人数据
export const personal = query => {
return request({
url: '/admin/lucky24/record/personal',
method: 'get',
params: query
});
};
// 汇总
export const platform = query => {
return request({
url: '/admin/lucky24/record/platform',
method: 'get',
params: query
});
};
// 保存池子
export const save = query => {
return request({
headers: { "Content-Type": 'application/json;charset=UTF-8' },
url: '/admin/lucky24/pool/save',
method: 'post',
data: query
});
};
// 赠送用户
export const updateUserMulti = query => {
return request({
url: '/admin/lucky24/config/updateUserMulti',
method: 'post',
params: query
});
};

View File

@@ -1,6 +1,15 @@
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 pageOperateRecord = query => {
return request({

View File

@@ -1,6 +1,15 @@
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 pageOperateRecord = query => {
return request({

View File

@@ -4,6 +4,15 @@ import qs from 'qs';
import { genQueryParam } from '@/utils/maintainer';
// 活动配置 相关接口(一级菜单:活动配置)
// 分区接口
export const listPartitionInfo = query => {
return request({
url: '/partition/listPartitionInfo',
method: 'get',
params: query
});
};
// 获取 周期列表
export const getDateCycleList = query => {
return request({
@@ -88,9 +97,16 @@ export const agencyWithdrawExamineExport = query => {
});
};
// 官方提现记录 结算
// export const agencyWithdrawSet = query => {
// return request({
// url: '/agencyWithdrawExamine/settle',
// method: 'post',
// params: query
// });
// };
export const agencyWithdrawSet = query => {
return request({
url: '/agencyWithdrawExamine/settle',
url: '/agencyWithdrawExamine/batchSettle',
method: 'post',
params: query
});
@@ -103,6 +119,14 @@ export const agencyWithdrawBatchSet = query => {
params: query
});
};
// 官方提现记录 批量驳回
export const batchReject = query => {
return request({
url: '/agencyWithdrawExamine/batchReject',
method: 'post',
params: query
});
};
// 公会开业数据统计
export const agencyOpenList = query => {
@@ -136,3 +160,26 @@ export const excellentAnchorDetail = query => {
params: query
});
};
// 官方提现-国家
export const adminCountry = query => {
return request({
url: '/admin/country/list',
method: 'get',
params: query
});
};
// =====================================钻石充值流水=======================================
// 查询
export const diamondStatistics = query => {
return request({
url: '/admin/guild/diamondStatistics',
method: 'get',
params: query
});
};
// 导出
export const diamondStatisticsExport = query => {
window.location.href = `/admin/guild/diamondStatistics/export?${genQueryParam(query)}`;
return;
};

View File

@@ -35,7 +35,7 @@ export const prettyNumberExamineReject = query => {
// 靓号导入
export const erbanUpload = query => {
return request({
url: '/prettyNumberExamine/erban/upload',
url: '/admin/prettyNumber/upload',
method: 'post',
headers: { 'Content-Type': 'multipart/form-data' },
data: query

View File

@@ -0,0 +1,87 @@
import request from '@/utils/request';
import { genQueryParam } from '@/utils/maintainer';
import qs from 'qs';
// 地区接口
export const listPartitionInfo = query => {
return request({
url: '/partition/listPartitionInfo',
method: 'get',
params: query
});
};
// ==============================================首页ui配置==============================================
// 配置
export const appUiSetting = query => {
return request({
url: '/appUiSetting',
method: 'get',
params: query
});
};
// 保存
export const appUiSettingSave = query => {
return request({
url: '/appUiSetting/save',
method: 'post',
data: query
});
};
// ==============================================自定义背景==============================================
// 列表
export const page = query => {
return request({
url: '/admin/roomBackground/page',
method: 'get',
params: query
});
};
// 新增
export const roomBackgroundAdd = query => {
return request({
url: '/admin/roomBackground/add',
method: 'post',
params: query
});
};
// 编辑
export const roomBackgroundUpdate = query => {
return request({
url: '/admin/roomBackground/update',
method: 'post',
params: query
});
};
// ==============================================自定义背景==============================================
// 列表
export const customPage = query => {
return request({
url: '/admin/roomBackground/custom/page',
method: 'get',
params: query
});
};
// 通过
export const customPass = query => {
return request({
url: '/admin/roomBackground/custom/pass',
method: 'post',
params: query
});
};
// 拒绝
export const customReject = query => {
return request({
url: '/admin/roomBackground/custom/reject',
method: 'post',
params: query
});
};
// 删除
export const customDel = query => {
return request({
url: '/admin/roomBackground/custom/del',
method: 'post',
params: query
});
};

View File

@@ -121,6 +121,7 @@ export default {
{ desc: "英语区", id: 1 },
{ desc: "阿拉伯区", id: 2 },
{ desc: "华语区", id: 4 },
{ desc: "土耳其区", id: 8 },
],
},
// 表格
@@ -206,6 +207,9 @@ export default {
} else if (val == 4) {
this.eidDialogTitle = `编辑礼物面板信息-华语区`;
this.eidText = `华语区`;
}else if (val == 8) {
this.eidDialogTitle = `编辑礼物面板信息-土耳其区`;
this.eidText = `土耳其区`;
}
this.getData();
},

View File

@@ -3,52 +3,55 @@
<div class="container">
<div class="region-box">
<el-radio-group v-model="region">
<el-radio
v-for="(item, index) in userAreaRegion"
<el-radio v-for="(item, index) in userAreaRegion"
:key="index"
:label="item.value"
>{{ item.name }}</el-radio
>
:label="item.value">{{ item.name }}</el-radio>
</el-radio-group>
</div>
<div class="handle-box">
<el-form
ref="searchForm"
<el-form ref="searchForm"
:model="searchForm"
label-width="90px"
:disabled="tableLoading"
>
:disabled="tableLoading">
<div class="search-line">
<el-form-item label="Shaker ID" prop="erbanNo">
<el-input
v-model.trim="searchForm.erbanNo"
placeholder="Please enter"
></el-input>
<el-form-item label="MoliStar ID"
prop="erbanNo">
<el-input v-model.trim="searchForm.erbanNo"
placeholder="Please enter"></el-input>
</el-form-item>
<el-form-item label="UID" prop="uid">
<el-input
v-model.trim="searchForm.uid"
placeholder="Please enter"
></el-input>
<el-form-item label="UID"
prop="uid">
<el-input v-model.trim="searchForm.uid"
placeholder="Please enter"></el-input>
</el-form-item>
<el-form-item label="SID" prop="sid">
<el-input
v-model.trim="searchForm.sid"
placeholder="Please enter"
></el-input>
<el-form-item label="SID"
prop="sid">
<el-input v-model.trim="searchForm.sid"
placeholder="Please enter"></el-input>
</el-form-item>
<el-form-item label="Region"
prop="partitionId">
<el-select v-model="searchForm.partitionId">
<el-option label="全部"
value=""></el-option>
<el-option v-for="item in partitionInfoList"
:key="item.id"
:label="item.desc"
:value="item.id"></el-option>
</el-select>
</el-form-item>
<el-form-item label-width="40px">
<el-button type="primary" @click="handSearch">Search</el-button>
<el-button plain @click="resetSearchForm">Reset Search</el-button>
<el-upload
class="file-uploader"
<el-button type="primary"
@click="handSearch">Search</el-button>
<el-button plain
@click="resetSearchForm">Reset Search</el-button>
<el-upload class="file-uploader"
action="#"
list-type="picture-card"
:show-file-list="false"
:on-change="handleExcel"
accept=".xls, .xlsx"
:auto-upload="false"
>
:auto-upload="false">
<el-button type="primary">Import</el-button>
</el-upload>
</el-form-item>
@@ -67,76 +70,93 @@
</el-upload> -->
</div>
<div class="table">
<el-table
:data="tableData"
<el-table :data="tableData"
border
v-loading="tableLoading"
@header-click="headerCopy"
style="width: 100%"
>
<el-table-column align="center" prop="id" label="No.">
style="width: 100%">
<el-table-column align="center"
prop="id"
label="No.">
</el-table-column>
<el-table-column align="center" prop="erbanNo" label="Shaker ID">
<el-table-column align="center"
prop="erbanNo"
label="MoliStar ID">
</el-table-column>
<el-table-column align="center" prop="uid" label="UID">
<el-table-column align="center"
prop="uid"
label="UID">
</el-table-column>
<el-table-column align="center" prop="level" label="SID Level">
<el-table-column align="center"
prop="level"
label="SID Level">
</el-table-column>
<el-table-column align="center" prop="nick" label="Nickname">
<el-table-column align="center"
prop="nick"
label="Nickname">
</el-table-column>
<el-table-column align="center" prop="createTime" label="Apply time">
<el-table-column align="center"
prop="partitionInfo"
label="Region">
</el-table-column>
<el-table-column align="center"
prop="createTime"
label="Apply time">
<template v-slot="scope">{{
convertTimestamp(scope.row.createTime)
}}</template>
</el-table-column>
<el-table-column align="center" prop="prettyNo" label="SID">
<el-table-column align="center"
prop="prettyNo"
label="SID">
</el-table-column>
<el-table-column align="center" prop="status" label="State">
<el-table-column align="center"
prop="status"
label="State">
<template v-slot="scope">
<el-tag :type="applyStateTag(scope.row.status)">{{
applyStateText(scope.row.status)
}}</el-tag>
</template>
</el-table-column>
<el-table-column align="center" prop="updateTime" label="Review time">
<el-table-column align="center"
prop="updateTime"
label="Review time">
<template v-slot="scope">{{
convertTimestamp(scope.row.updateTime)
}}</template>
</el-table-column>
<el-table-column align="center" label="Operate">
<el-table-column align="center"
prop="operater"
label="Operator">
</el-table-column>
<el-table-column align="center"
label="Operate">
<template v-slot="scope">
<el-button
type="text"
<el-button type="text"
v-if="scope.row.status == 0"
@click="handlePass(scope.$index, scope.row)"
>
@click="handlePass(scope.$index, scope.row)">
Pass
</el-button>
<el-button
type="text"
<el-button type="text"
v-if="scope.row.status == 0"
@click="handleReject(scope.$index, scope.row)"
>
@click="handleReject(scope.$index, scope.row)">
Reject
</el-button>
<el-button
type="text"
<el-button type="text"
v-if="scope.row.status == 1"
class="red"
@click="handleDelete(scope.$index, scope.row)"
>
@click="handleDelete(scope.$index, scope.row)">
Delete
</el-button>
</template>
</el-table-column>
</el-table>
<table-pagination
:pageParams="pageParams"
<table-pagination :pageParams="pageParams"
:pageTotal="pageTotal"
:ifShowSizes="true"
@handleSizeChange="handleSizeChange"
@handlePageChange="handlePageChange"
></table-pagination>
@handlePageChange="handlePageChange"></table-pagination>
</div>
</div>
</div>
@@ -150,6 +170,7 @@ import {
prettyNumberExamineReject,
erbanUpload,
} from "@/api/relPrivilegeManage/relPrivilegeManage.js";
import { getPartitionInfoList } from '@/api/partition/partitionInfo';
import TablePagination from "@/components/common/TablePagination";
import { formatDate } from "@/utils/relDate";
import { ElMessageBox, ElMessage } from "element-plus"; // 正确引入 ElM
@@ -160,16 +181,17 @@ export default {
name: "accountApplyManage",
// mixins: [Mixin],
components: { TablePagination },
data() {
data () {
return {
partitionInfoList: [],
tableLoading: false, // 表格是否加载中
tableData: [], // 接口返回的表格数据
// 搜索表单相关
searchForm: {
erbanNo: null,
uid: null,
level: null,
region: null,
sid: null,
partitionId: null,
},
pageTotal: 0, // 接口返回的表格总条数
pageParams: {
@@ -178,11 +200,12 @@ export default {
},
};
},
created() {
created () {
this.initPartition();
this.getData();
},
methods: {
getData() {
getData () {
this.tableLoading = true;
let { pageParams, searchForm } = this;
@@ -209,7 +232,7 @@ export default {
});
},
//导入表格
handleExcel(file) {
handleExcel (file) {
let formData = new FormData(); //声明一个FormDate对象
formData.append("file", file.raw); //把文件信息放入对象中
console.log(file.raw);
@@ -228,7 +251,7 @@ export default {
});
},
// 通过
handlePass(index, row) {
handlePass (index, row) {
ElMessageBox.confirm("Are you sure you want to pass?", "Prompt", {
type: "warning",
confirmButtonText: "Sure",
@@ -252,10 +275,10 @@ export default {
}
});
})
.catch(() => {});
.catch(() => { });
},
// 拒绝
handleReject(index, row) {
handleReject (index, row) {
ElMessageBox.confirm("Are you sure you want to refuse?", "Prompt", {
type: "warning",
confirmButtonText: "Sure",
@@ -279,10 +302,10 @@ export default {
}
});
})
.catch(() => {});
.catch(() => { });
},
// 删除操作
handleDelete(index, row) {
handleDelete (index, row) {
// 二次确认删除
ElMessageBox.confirm("Are you sure you want to delete?", "Prompt", {
type: "warning",
@@ -307,10 +330,10 @@ export default {
}
});
})
.catch(() => {});
.catch(() => { });
},
// 点击搜索
handSearch() {
handSearch () {
this.$refs["searchForm"].validate((valid) => {
if (valid) {
this.pageParams.pageNo = 1;
@@ -319,27 +342,32 @@ export default {
});
},
// 重置搜索表单
resetSearchForm() {
resetSearchForm () {
this.$refs["searchForm"].resetFields();
this.pageParams.pageNo = 1;
this.getData();
},
// 分页导航
handleSizeChange(val) {
handleSizeChange (val) {
this.pageParams.pageNo = val;
this.getData();
},
handlePageChange(val) {
handlePageChange (val) {
this.pageParams.pageNo = val;
this.getData();
},
headerCopy(column, e) {
headerCopy (column, e) {
this.$copy(column.label);
},
initPartition () {
getPartitionInfoList().then(res => {
let data = res.data;
this.partitionInfoList = data;
});
},
},
computed: {
applyStateTag() {
applyStateTag () {
return function (val) {
let text = "";
switch (val) {
@@ -359,7 +387,7 @@ export default {
return text;
};
},
applyStateText() {
applyStateText () {
return function (val) {
let text = "";
switch (val) {
@@ -379,7 +407,7 @@ export default {
return text;
};
},
convertTimestamp() {
convertTimestamp () {
return function (time) {
let date = new Date(time);
return formatDate(date);

View File

@@ -70,6 +70,7 @@
<input type="checkbox" name="partitionFlag" value="1"/>英语区<br>
<input type="checkbox" name="partitionFlag" value="2"/>阿拉伯语区<br>
<input type="checkbox" name="partitionFlag" value="4"/>华语区<br>
<input type="checkbox" name="partitionFlag" value="8"/>土耳其区<br>
</div>
</div>
<div class="form-group">
@@ -101,6 +102,12 @@
<input type="text" class="form-control validate[required]" name="name" id="en_name">
</div>
</div>
<div class="form-group">
<label for="tr_name" class="col-sm-3 control-label">土耳其驾名称</label>
<div class="col-sm-9">
<input type="text" class="form-control validate[required]" name="name" id="tr_name">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">使用萝卜购买</label>
@@ -438,6 +445,7 @@ export default {
{field: 'name.zh', title: '座驾名称', align: 'center', width: '20%'},
{field: 'name.ar', title: '阿语座驾名称', align: 'center', width: '20%'},
{field: 'name.en', title: '英语座驾名称', align: 'center', width: '20%'},
{field: 'name.tr', title: '土耳其名称', align: 'center', width: '20%'},
{
field: 'partitionFlag',
title: '地区',
@@ -454,6 +462,9 @@ export default {
if ((val & 4) != 0) {
value += '华语区<br>';
}
if ((val & 8) != 0) {
value += '土耳其区<br>';
}
return value;
}
},
@@ -664,9 +675,11 @@ export default {
$('#name').val('');
$('#ar_name').val('');
$('#en_name').val('');
$('#tr_name').val('');
$("#name").attr('readonly', false);
$("#ar_name").attr('readonly', false);
$("#en_name").attr('readonly', false);
$("#tr_name").attr('readonly', false);
// $("#price").attr('readonly', false);
// $("#renewPrice").attr('readonly', false);
$("#seq").val('');
@@ -865,10 +878,12 @@ export default {
$("#name").val(jsonName.zh);
$("#ar_name").val(jsonName.ar);
$("#en_name").val(jsonName.en);
$("#tr_name").val(jsonName.tr);
} else {
$("#name").val(name);
$("#ar_name").val(name);
$("#en_name").val(name);
$("#tr_name").val(name);
}
$("#price").val(json.entity.price);
$("#renewPrice").val(json.entity.renewPrice);
@@ -997,6 +1012,11 @@ export default {
} else {
$("input:checkbox[name='partitionFlag']")[2].checked = false;
}
if ((partitionFlag & 8) != 0) {
$("input:checkbox[name='partitionFlag']")[3].checked = true;
} else {
$("input:checkbox[name='partitionFlag']")[3].checked = false;
}
// 打开编辑弹窗
$("#cardGoodsModal").modal('show');
@@ -1046,11 +1066,11 @@ export default {
$("#tipModal").modal('show');
return;
}
if (!effect) {
$("#tipMsg").text("请上传动画图片");
$("#tipModal").modal('show');
return;
}
// if (!effect) {
// $("#tipMsg").text("请上传动画图片");
// $("#tipModal").modal('show');
// return;
// }
if (!days || days <= 0) {
$("#tipMsg").text("请输入合理的购买天数");
$("#tipModal").modal('show');
@@ -1077,8 +1097,10 @@ export default {
var ar_name = $("#ar_name").val();
// 英语名称
var en_name = $("#en_name").val();
// 土耳其名称
var tr_name = $("#tr_name").val();
// 国际化字段
var jsonName = {"zh":name,"ar":ar_name,"en":en_name}
var jsonName = {"zh":name,"ar":ar_name,"en":en_name,"tr":tr_name}
const nameValue = JSON.stringify(jsonName);
// 修改属性值
formData.name = nameValue; // 将giftName修改为"newGiftName"

View File

@@ -63,6 +63,7 @@
<input type="checkbox" name="partitionFlag" value="1"/>英语区<br>
<input type="checkbox" name="partitionFlag" value="2"/>阿拉伯语区<br>
<input type="checkbox" name="partitionFlag" value="4"/>华语区<br>
<input type="checkbox" name="partitionFlag" value="8"/>土耳其区<br>
</div>
</div>
<div class="form-group">
@@ -93,6 +94,12 @@
<input type="text" class="form-control validate[required]" name="name" id="en_modal_name" placeholder="请输入气泡名称">
</div>
</div>
<div class="form-group">
<label for="tr_modal_name" class="col-sm-4 control-label">土耳其装扮名称:</label>
<div class="col-sm-6">
<input type="text" class="form-control validate[required]" name="name" id="tr_modal_name" placeholder="请输入气泡名称">
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">安卓图片:</label>
<div class="col-sm-6">
@@ -216,12 +223,16 @@ export default {
if ((val & 4) != 0) {
value += '华语区<br>';
}
if ((val & 8) != 0) {
value += '土耳其区<br>';
}
return value;
}
},
{field: 'name.zh', title: '装扮名称', align: 'middle', width: '5%'},
{field: 'name.ar', title: '阿语装扮名称', align: 'middle', width: '5%'},
{field: 'name.en', title: '英语装扮名称', align: 'middle', width: '5%'},
{field: 'name.tr', title: '土耳其扮名称', align: 'middle', width: '5%'},
{
field: 'iosUrl',
title: '装扮图片',
@@ -374,12 +385,16 @@ export default {
$("#ar_modal_name").val(row.name.ar);
// 英语名称
$("#en_modal_name").val(row.name.en);
// 土耳其名称
$("#tr_modal_name").val(row.name.tr);
} else {
$("#modal_name").val(name);
// 阿语名称
$("#ar_modal_name").val(name);
// 英语名称
$("#en_modal_name").val(name);
// 土耳其名称
$("#tr_modal_name").val(name);
}
$('#addAndroidIconPicUrl').attr("src", row.androidUrl);
$("#addForm #androidUrl").val(row.androidUrl);
@@ -454,8 +469,10 @@ export default {
var ar_name = $("#ar_modal_name").val();
// 英语名称
var en_name = $("#en_modal_name").val();
// 土耳其名称
var tr_name = $("#tr_modal_name").val();
// 国际化字段
var jsonName = {"zh":name,"ar":ar_name,"en":en_name}
var jsonName = {"zh":name,"ar":ar_name,"en":en_name,"tr":tr_name}
const nameValue = JSON.stringify(jsonName);
// 修改属性值
formData.name = nameValue; // 将giftName修改为"newGiftName"
@@ -528,6 +545,7 @@ export default {
$('#modal_name').val('');
$('#ar_modal_name').val('');
$('#en_modal_name').val('');
$('#tr_modal_name').val('');
$('input[name="partitionFlag"]').each(function() {
$(this).checked = false;
});

View File

@@ -158,6 +158,7 @@ export default {
{ field: 'name.zh', title: '装扮名称', align: 'left', valign: 'middle', width: '10%' },
{ field: 'name.ar', title: '阿语装扮名称', align: 'left', valign: 'middle', width: '10%' },
{ field: 'name.en', title: '英语装扮名称', align: 'left', valign: 'middle', width: '10%' },
{ field: 'name.tr', title: '土耳其装扮名称', align: 'left', valign: 'middle', width: '10%' },
{
field: 'pic', title: '装扮图片', align: 'left', valign: 'middle', width: '10%',
formatter: function (val, row, index) {

View File

@@ -9,34 +9,46 @@
<div id="table"></div>
<div id="toolbar">
<div class="col-sm-12">
<label for="skipType" class="col-sm-1 control-label">跳转类型: </label>
<label for="skipType"
class="col-sm-1 control-label">跳转类型: </label>
<div class="col-sm-2">
<select name="skipType" id="skipType" class="input-m form-control">
<select name="skipType"
id="skipType"
class="input-m form-control">
<option value="0">--全部--</option>
<option value="1">跳转app内部</option>
<option value="2">跳转房间</option>
<option value="2">Room ID</option>
<option value="1">指定地址</option>
<option value="3">跳转H5页面</option>
</select>
</div>
<label for="status" class="col-sm-1 control-label">状态:</label>
<label for="status"
class="col-sm-1 control-label">状态:</label>
<div class="col-sm-2">
<select name="status" id="status" class="input-m form-control">
<select name="status"
id="status"
class="input-m form-control">
<option value="0">--全部--</option>
<option value="1">激活启用中</option>
<option value="2">未激活</option>
</select>
</div>
<label for="app" class="col-sm-1 control-label">app:</label>
<label for="app"
class="col-sm-1 control-label">app:</label>
<div class="col-sm-2">
<select name="app" id="app" class="input-m form-control">
<select name="app"
id="app"
class="input-m form-control">
<option value="">--全部--</option>
</select>
</div>
</div>
<div class="col-sm-12">
<label for="bannerType" class="col-sm-1 control-label">banner位置:</label>
<label for="bannerType"
class="col-sm-1 control-label">banner位置:</label>
<div class="col-sm-2">
<select name="bannerType" id="searchBannerType" class="input-m form-control">
<select name="bannerType"
id="searchBannerType"
class="input-m form-control">
<option value="">--全部--</option>
<option value="1">首页</option>
<option value="2">房间内</option>
@@ -44,27 +56,43 @@
<option value="10">个人中心</option>
</select>
</div>
<label for="beginTime" class="col-sm-1 control-label">开始日期:&nbsp;&nbsp;</label>
<label for="beginTime"
class="col-sm-1 control-label">开始日期:&nbsp;&nbsp;</label>
<div class="col-sm-2">
<input type="text" name="timeBegin" id="beginTime" class="input-sm form-control" value="">
<input type="text"
name="timeBegin"
id="beginTime"
class="input-sm form-control"
value="">
</div>
<label for="endTime" class="col-sm-1 control-label">结束日期:&nbsp;&nbsp;</label>
<label for="endTime"
class="col-sm-1 control-label">结束日期:&nbsp;&nbsp;</label>
<div class="col-sm-2">
<input type="text" name="timeEnd" id="endTime" class="input-sm form-control" value="">
<input type="text"
name="timeEnd"
id="endTime"
class="input-sm form-control"
value="">
</div>
<label for="partitionId" class="col-sm-1 control-label">地区:</label>
<label for="partitionId"
class="col-sm-1 control-label">地区:</label>
<div class="col-sm-2">
<select name="partitionId" id="partitionId" class="form-control"></select>
<select name="partitionId"
id="partitionId"
class="form-control"></select>
</div>
</div>
<button id="btnSearch" class="btn btn-sm btn-primary">查询</button>
<button id="btnSearch"
class="btn btn-sm btn-primary">查询</button>
<button id="add" class="btn btn-default">
<button id="add"
class="btn btn-default">
<i class="glyphicon glyphicon-plus"></i>增加
</button>
<button id="btnMultiDel" class="btn btn-default">
<button id="btnMultiDel"
class="btn btn-default">
<i class="glyphicon"></i>删除选中
</button>
</div>
@@ -72,84 +100,132 @@
</div>
</div>
</section>
<div class="modal fade" id="bannerModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
<div class="modal-dialog" role="document">
<div class="modal fade"
id="bannerModal"
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">x</span></button>
<h4 class="modal-title" id="modalLabel">banner信息</h4>
<button type="button"
class="close"
data-dismiss="modal"
aria-label="Close"><span aria-hidden="true">x</span></button>
<h4 class="modal-title"
id="modalLabel">banner信息</h4>
</div>
<div class="modal-body">
<form class="form-horizontal" id="bannerForm">
<form class="form-horizontal"
id="bannerForm">
<div id="bannerPartitionDiv">
<div class="form-group">
<label name="partition" class="col-sm-3 control-label">选择地区*:</label>
<div class="form-check" id = "partitionCheck">
<label name="partition"
class="col-sm-3 control-label">选择地区*:</label>
<div class="form-check"
id="partitionCheck">
<!-- 分区展示-->
</div>
</div>
</div>
<div class="form-group">
<label for="name" class="col-sm-3 control-label">Banner名字:</label>
<label for="name"
class="col-sm-3 control-label">Banner名字:</label>
<div class="col-sm-8">
<input type="text" class="form-control validate[required]" name="bannerName" id="name">
<input type="hidden" id="bannerId" name="bannerId">
<input type="text"
class="form-control validate[required]"
name="bannerName"
id="name">
<input type="hidden"
id="bannerId"
name="bannerId">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">banner图:</label>
<div class="col-sm-8">
<img src="" id="imgUrl" style="width:250px;height:90px;" alt="">
<input type="file" id="uploadFile" name="uploadFile">
<button class="btn btn-success" type="button" id="uploadBtn">上传</button>
<img src=""
id="imgUrl"
style="width:250px;height:90px;"
alt="">
<input type="file"
id="uploadFile"
name="uploadFile">
<button class="btn btn-success"
type="button"
id="uploadBtn">上传</button>
<span class="attention">注意:图片尺寸请注意在750*250,选择图片后请点击上传按钮</span>
<input type="hidden" id="bannerPic" name="bannerPic"
<input type="hidden"
id="bannerPic"
name="bannerPic"
class="form-control validate[required]" />
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">跳转链接:</label>
<select name="skipType" id="skipUrlSort" class="col-sm-2">
<option value="1">跳转app内部</option>
<option value="2">跳转房间</option>
<select name="skipType"
id="skipUrlSort"
class="col-sm-2">
<option value="2">Room ID</option>
<option value="1">指定地址</option>
<option value="3">跳转H5页面</option>
</select>
<div class="col-sm-6">
<input type="text" class="form-control validate[required]" name="skipUri"
<input type="text"
class="form-control validate[required]"
name="skipUri"
id="skipUrlContent">
</div>
</div>
<div class="form-group">
<label for="startDate" class="col-sm-3 control-label">起始时间:</label>
<label for="startDate"
class="col-sm-3 control-label">起始时间:</label>
<div class="col-sm-8">
<input id="startDate" type="text" name="startTime" class="form-control validate[required]">
</div>
</div>
<div class="form-group">
<label for="endDate" class="col-sm-3 control-label">结束时间:</label>
<div class="col-sm-8">
<input id="endDate" type="text" name="endTime" class="form-control validate[required]">
</div>
</div>
<div class="form-group">
<label for="seqNo" class="col-sm-3 control-label">排序设置:</label>
<div class="col-sm-3">
<input type="text" id="seqNo" name="seqNo" class="form-control validate[required]">
</div>
</div>
<div class="form-group">
<div class="form-group">
<label for="iosVersion" class="col-sm-3 control-label">ios版本号:</label>
<div class="col-sm-3">
<input type="text" id="iosVersion" name="iosVersion"
<input id="startDate"
type="text"
name="startTime"
class="form-control validate[required]">
</div>
</div>
<div class="form-group">
<label for="androidVersion" class="col-sm-3 control-label">安卓版本号:</label>
<label for="endDate"
class="col-sm-3 control-label">结束时间:</label>
<div class="col-sm-8">
<input id="endDate"
type="text"
name="endTime"
class="form-control validate[required]">
</div>
</div>
<div class="form-group">
<label for="seqNo"
class="col-sm-3 control-label">排序设置:</label>
<div class="col-sm-3">
<input type="text" id="androidVersion" name="androidVersion"
<input type="text"
id="seqNo"
name="seqNo"
class="form-control validate[required]">
</div>
</div>
<div class="form-group">
<div class="form-group">
<label for="iosVersion"
class="col-sm-3 control-label">ios版本号:</label>
<div class="col-sm-3">
<input type="text"
id="iosVersion"
name="iosVersion"
class="form-control validate[required]">
</div>
</div>
<div class="form-group">
<label for="androidVersion"
class="col-sm-3 control-label">安卓版本号:</label>
<div class="col-sm-3">
<input type="text"
id="androidVersion"
name="androidVersion"
class="form-control validate[required]">
</div>
</div>
@@ -157,16 +233,23 @@
</div>
<div class="form-group">
<div class="form-group">
<label for="noShowChannels" class="col-sm-3 control-label">不展示的渠道:</label>
<label for="noShowChannels"
class="col-sm-3 control-label">不展示的渠道:</label>
<div class="col-sm-8">
<input type="text" id="noShowChannels" name="noShowChannels" class="form-control ">
<input type="text"
id="noShowChannels"
name="noShowChannels"
class="form-control ">
</div>
</div>
<span style="color:red; padding-left: 60px">:留空则为所有渠道展示多个渠道用英文逗号,隔开</span>
</div>
<div class="form-group">
<label for="bannerStatus" class="col-sm-3 control-label">激活设置:</label>
<select name="bannerStatus" id="bannerStatus" class="col-sm-2">
<label for="bannerStatus"
class="col-sm-3 control-label">激活设置:</label>
<select name="bannerStatus"
id="bannerStatus"
class="col-sm-2">
<option value="1">激活</option>
<option value="2">不激活</option>
</select>
@@ -179,7 +262,9 @@
<div class="form-group">
<label class="col-sm-3 control-label">Banner位置:</label>
<div class="col-sm-4">
<select name="bannerType" id="bannerType" class="col-sm-10"
<select name="bannerType"
id="bannerType"
class="col-sm-10"
onchange="selectOnChange(this.value)">
<option value="1">首页</option>
<option value="2">房间内</option>
@@ -188,7 +273,9 @@
</select>
</div>
<div class="col-sm-5 hidden titleListDev">
<select name="titleId" id="titleList" class="col-sm-10 titleList">
<select name="titleId"
id="titleList"
class="col-sm-10 titleList">
</select>
</div>
@@ -196,8 +283,11 @@
</div>
<div id="bannerTypeDiv">
<div class="form-group">
<label for="platform" class="col-sm-3 control-label">展示平台:</label>
<select name="platform" id="platform" class="col-sm-3">
<label for="platform"
class="col-sm-3 control-label">展示平台:</label>
<select name="platform"
id="platform"
class="col-sm-3">
<option value="all">全平台展示</option>
<option value="ios">只展示IOS</option>
<option value="android">只展示安卓</option>
@@ -208,21 +298,31 @@
<div id="actLimitDiv">
<div class="form-group">
<label for="limitLevelExper" class="col-sm-3 control-label">活动限制等级经验:</label>
<label for="limitLevelExper"
class="col-sm-3 control-label">活动限制等级经验:</label>
<div class="col-sm-8">
<input type="text" class="form-control " name='limitLevelExper' id="limitLevelExper">
<input type="text"
class="form-control "
name='limitLevelExper'
id="limitLevelExper">
</div>
</div>
<div class="form-group">
<label for="showType" class="col-sm-3 control-label">h5页面是否全屏展示:</label>
<select name="showType" id="showType" class="col-sm-2">
<label for="showType"
class="col-sm-3 control-label">h5页面是否全屏展示:</label>
<select name="showType"
id="showType"
class="col-sm-2">
<option value="1">全屏</option>
<option value="2">非全屏</option>
</select>
</div>
<div class="form-group">
<label for="showRule" class="col-sm-3 control-label">活动入口展示规则:</label>
<select name="showRule" id="showRule" class="col-sm-4">
<label for="showRule"
class="col-sm-3 control-label">活动入口展示规则:</label>
<select name="showRule"
id="showRule"
class="col-sm-4">
<option value="1">始终展示</option>
<option value="2">达到限制等级展示</option>
</select>
@@ -232,90 +332,139 @@
</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>
<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>
<div class="modal fade" id="addBannerModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel2">
<div class="modal-dialog" role="document">
<div class="modal fade"
id="addBannerModal"
tabindex="-1"
role="dialog"
aria-labelledby="modalLabel2">
<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">x</span></button>
<h4 class="modal-title" id="addModalLabel">新增banner</h4>
<button type="button"
class="close"
data-dismiss="modal"
aria-label="Close"><span aria-hidden="true">x</span></button>
<h4 class="modal-title"
id="addModalLabel">新增banner</h4>
</div>
<div class="modal-body">
<form id="addBannerForm" class="form-horizontal">
<form id="addBannerForm"
class="form-horizontal">
<div id="bannerAddPartitionDiv">
<div class="form-group">
<label name="partition" class="col-sm-3 control-label">选择地区*:</label>
<div class="form-check" id = "partitionAddCheck">
<label name="partition"
class="col-sm-3 control-label">选择地区*:</label>
<div class="form-check"
id="partitionAddCheck">
<!-- 分区展示-->
</div>
</div>
</div>
<div class="form-group">
<label for="addName" class="col-sm-3 control-label">Banner名字:</label>
<label for="addName"
class="col-sm-3 control-label">Banner名字:</label>
<div class="col-sm-8">
<input type="text" class="form-control validate[required]" name="bannerName" id="addName">
<input type="text"
class="form-control validate[required]"
name="bannerName"
id="addName">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">banner图:</label>
<div class="col-sm-8">
<img src="" id="addImgUrl" style="width:250px;height:90px;" alt="">
<input type="file" id="addUploadFile" name="uploadFile">
<button class="btn btn-success" type="button" id="addUploadBtn">上传</button>
<input type="hidden" id="addBannerPic" name="bannerPic"
<img src=""
id="addImgUrl"
style="width:250px;height:90px;"
alt="">
<input type="file"
id="addUploadFile"
name="uploadFile">
<button class="btn btn-success"
type="button"
id="addUploadBtn">上传</button>
<input type="hidden"
id="addBannerPic"
name="bannerPic"
class="form-control validate[required]" />
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">跳转链接:</label>
<select name="skipType" id="addSkipUrlSort" class="col-sm-2">
<option value="1">跳转app内部</option>
<option value="2">跳转房间</option>
<select name="skipType"
id="addSkipUrlSort"
class="col-sm-2">
<option value="2">Room ID</option>
<option value="1">指定地址</option>
<option value="3">跳转H5页面</option>
</select>
<div class="col-sm-6">
<input type="text" class="form-control validate[required]" name="skipUri"
<input type="text"
class="form-control validate[required]"
name="skipUri"
id="addSkipUrlContent">
</div>
</div>
<div class="form-group">
<label for="addStartDate" class="col-sm-3 control-label">起始时间:</label>
<label for="addStartDate"
class="col-sm-3 control-label">起始时间:</label>
<div class="col-sm-8">
<input id="addStartDate" type="text" name="startTime"
<input id="addStartDate"
type="text"
name="startTime"
class="form-control validate[required]">
</div>
</div>
<div class="form-group">
<label for="addEndDate" class="col-sm-3 control-label">结束时间:</label>
<label for="addEndDate"
class="col-sm-3 control-label">结束时间:</label>
<div class="col-sm-8">
<input id="addEndDate" type="text" name="endTime" class="form-control validate[required]">
<input id="addEndDate"
type="text"
name="endTime"
class="form-control validate[required]">
</div>
</div>
<div class="form-group">
<label for="seqNo" class="col-sm-3 control-label">排序设置:</label>
<label for="seqNo"
class="col-sm-3 control-label">排序设置:</label>
<div class="col-sm-3">
<input type="text" id="addSeqNo" name="seqNo" class="form-control validate[required]">
<input type="text"
id="addSeqNo"
name="seqNo"
class="form-control validate[required]">
</div>
</div>
<div class="form-group">
<div class="form-group">
<label for="iosVersion" class="col-sm-3 control-label">ios版本号:</label>
<label for="iosVersion"
class="col-sm-3 control-label">ios版本号:</label>
<div class="col-sm-3">
<input type="text" id="addIosVersion" name="iosVersion"
<input type="text"
id="addIosVersion"
name="iosVersion"
class="form-control validate[required]">
</div>
</div>
<div class="form-group">
<label for="androidVersion" class="col-sm-3 control-label">安卓版本号:</label>
<label for="androidVersion"
class="col-sm-3 control-label">安卓版本号:</label>
<div class="col-sm-3">
<input type="text" id="addAndroidVersion" name="androidVersion"
<input type="text"
id="addAndroidVersion"
name="androidVersion"
class="form-control validate[required]">
</div>
</div>
@@ -323,16 +472,23 @@
</div>
<div class="form-group">
<div class="form-group">
<label for="noShowChannels" class="col-sm-3 control-label">不展示的渠道:</label>
<label for="noShowChannels"
class="col-sm-3 control-label">不展示的渠道:</label>
<div class="col-sm-8">
<input type="text" id="addNoShowChannels" name="noShowChannels" class="form-control ">
<input type="text"
id="addNoShowChannels"
name="noShowChannels"
class="form-control ">
</div>
</div>
<span style="color:red; padding-left: 60px">:留空则为所有渠道展示多个渠道用英文逗号,隔开</span>
</div>
<div class="form-group">
<label for="bannerStatus" class="col-sm-3 control-label">激活设置:</label>
<select name="bannerStatus" id="addBannerStatus" class="col-sm-2">
<label for="bannerStatus"
class="col-sm-3 control-label">激活设置:</label>
<select name="bannerStatus"
id="addBannerStatus"
class="col-sm-2">
<option value="1">激活</option>
<option value="2">不激活</option>
</select>
@@ -346,7 +502,9 @@
<div class="form-group">
<label class="col-sm-3 control-label">Banner位置:</label>
<div class="col-sm-4">
<select name="bannerType" id="addBannerType" class="col-sm-10"
<select name="bannerType"
id="addBannerType"
class="col-sm-10"
onchange="addSelectOnChange(this.value)">
<option value="1">首页</option>
<option value="2">房间内</option>
@@ -355,15 +513,20 @@
</select>
</div>
<div class="col-sm-5 hidden titleListDev">
<select name="titleId" id="addTitleList" class="col-sm-10 titleList">
<select name="titleId"
id="addTitleList"
class="col-sm-10 titleList">
</select>
</div>
</div>
<div id="addBannerTypeDiv">
<div class="form-group">
<label for="platform" class="col-sm-3 control-label">展示平台:</label>
<select name="platform" id="addPlatform" class="col-sm-3">
<label for="platform"
class="col-sm-3 control-label">展示平台:</label>
<select name="platform"
id="addPlatform"
class="col-sm-3">
<option value="all">全平台展示</option>
<option value="ios">只展示IOS</option>
<option value="android">只展示安卓</option>
@@ -373,21 +536,31 @@
</div>
<div id="addActLimitDiv">
<div class="form-group">
<label for="limitLevelExper" class="col-sm-3 control-label">活动限制等级经验:</label>
<label for="limitLevelExper"
class="col-sm-3 control-label">活动限制等级经验:</label>
<div class="col-sm-8">
<input type="text" class="form-control " name='limitLevelExper' id="addLimitLevelExper">
<input type="text"
class="form-control "
name='limitLevelExper'
id="addLimitLevelExper">
</div>
</div>
<div class="form-group">
<label for="showType" class="col-sm-3 control-label">h5页面是否全屏展示:</label>
<select name="showType" id="addShowType" class="col-sm-2">
<label for="showType"
class="col-sm-3 control-label">h5页面是否全屏展示:</label>
<select name="showType"
id="addShowType"
class="col-sm-2">
<option value="1">全屏</option>
<option value="2">非全屏</option>
</select>
</div>
<div class="form-group">
<label for="showRule" class="col-sm-3 control-label">活动入口展示规则:</label>
<select name="showRule" id="addShowRule" class="col-sm-4">
<label for="showRule"
class="col-sm-3 control-label">活动入口展示规则:</label>
<select name="showRule"
id="addShowRule"
class="col-sm-4">
<option value="1">始终展示</option>
<option value="2">达到限制等级展示</option>
</select>
@@ -397,13 +570,18 @@
</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="addSave">保存</button>
<button type="button"
class="btn btn-default"
data-dismiss="modal">关闭</button>
<button type="button"
class="btn btn-primary"
id="addSave">保存</button>
</div>
</div>
</div>
</div>
<div id="imgMask"><img src="" alt=""></div>
<div id="imgMask"><img src=""
alt=""></div>
</template>
<script>
@@ -416,8 +594,8 @@ var validApp = {};
export default {
name: "FirstPageBannerView",
setup() {
function selectOnChange(val) {
setup () {
function selectOnChange (val) {
if (val == 1) {
$("#bannerTypeDiv").show();
$("#actLimitDiv").hide();
@@ -429,7 +607,7 @@ export default {
$("#actLimitDiv").hide();
}
}
function addSelectOnChange(val) {
function addSelectOnChange (val) {
if (val == 1) {
$("#addBannerTypeDiv").show();
$("#addActLimitDiv").hide();
@@ -448,14 +626,14 @@ export default {
addSelectOnChange
};
},
created() {
created () {
this.$nextTick(function () {
this.initPartition();
this.initData();
});
},
methods: {
initData() {
initData () {
$(function () {
var isEdit = false;
@@ -492,12 +670,12 @@ export default {
// }
// }
function initTable() {
function initTable () {
$('#table').bootstrapTable({
columns: [
{ field: 'sel', title: 'ID', align: 'center', valign: 'middle', checkbox: true, width: '1%' },
{ field: 'bannerId', title: 'bannerID', align: 'center', valign: 'middle', width: '5%' },
{field: 'partitionDesc', title: '地区', align: 'center', valign: 'middle', width: '5%'},
{ field: 'partitionDesc', title: '地区', align: 'center', valign: 'middle', width: '5%' },
{ field: 'bannerName', title: '名称', align: 'center', valign: 'middle', width: '10%' },
{
field: 'bannerType', title: 'banner位置', align: 'center', valign: 'middle', width: '10%',
@@ -666,7 +844,7 @@ export default {
//设置为undefined可以获取pageNumberpageSizesearchTextsortNamesortOrder
//设置为limit可以获取limit, offset, search, sort, order
queryParamsType: "undefined",
queryParams: function queryParams(params) { //设置查询参数
queryParams: function queryParams (params) { //设置查询参数
var beginTime = ($('#beginTime').val()) ? ($("#beginTime").val() + ' 00:00:00') : null;
var endTime = ($('#endTime').val()) ? ($('#endTime').val() + ' 23:59:59') : null;
var param = {
@@ -720,15 +898,15 @@ export default {
partitionCheck.empty();
// 分区
for (var i = 0; i < length; i++) {
var checkbox = $("<input>", {type: "checkbox", id: "checkbox" + json.data[i].id, name: "partitionIds", value: json.data[i].id});
var label = $("<label>", {class: "partition-checkbox-label", text: json.data[i].desc});
var checkbox = $("<input>", { type: "checkbox", id: "checkbox" + json.data[i].id, name: "partitionIds", value: json.data[i].id });
var label = $("<label>", { class: "partition-checkbox-label", text: json.data[i].desc });
partitionCheck.append(checkbox,label);
partitionCheck.append(checkbox, label);
}
$.ajax({
type: 'get',
url: '/admin/banner/get',
data: {'bannerId': id},
data: { 'bannerId': id },
dataType: 'json',
success: function (json) {
if (json.code == 200) {
@@ -776,7 +954,7 @@ export default {
}
})
});
function cleanModal(obj) {
function cleanModal (obj) {
$('#addBannerForm').find('input[type=text],input[type=hidden],input[type=file]').each(function () {
$(this).val('');
})
@@ -862,7 +1040,7 @@ export default {
name: "partitionIds",
value: json.data[i].id
});
var label = $("<label>", {class: "partition-checkbox-label", text: json.data[i].desc});
var label = $("<label>", { class: "partition-checkbox-label", text: json.data[i].desc });
partitionCheck.append(checkbox, label);
}
@@ -1076,7 +1254,7 @@ export default {
})
});
},
initPartition() {
initPartition () {
getPartitionInfoList().then(res => {
let data = res.data;
buildSelectOption(
@@ -1150,5 +1328,4 @@ export default {
margin-right: 10px;
margin-left: 5px;
}
</style>

File diff suppressed because it is too large Load Diff

View File

@@ -48,7 +48,7 @@
:src="scope.row.logo"
:zoom-rate="1.1"
:preview-src-list="scope.row.logo"
fit="cover"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true"
/>
@@ -63,7 +63,7 @@
:src="scope.row.background"
:zoom-rate="1.1"
:preview-src-list="scope.row.background"
fit="cover"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true"
/>
@@ -78,7 +78,7 @@
:src="scope.row.pic"
:zoom-rate="1.1"
:preview-src-list="scope.row.pic"
fit="cover"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true"
/>

View File

@@ -0,0 +1,376 @@
<template>
<div class="box">
<!-- 查询 -->
<div class="inquire">
<span>游戏</span>
<el-select v-model="inquire.gameArrVal" placeholder="请选择">
<el-option
v-for="item in inquire.gamesArr"
:key="item.gameId"
:label="item.gameName"
:value="item.gameId"
>
</el-option>
</el-select>
</div>
<!-- 时间选择器 -->
<div class="inquire">
<span class="demonstration">日期</span>
<el-date-picker
v-model="inquire.time"
type="daterange"
range-separator=""
start-placeholder="开始日期"
end-placeholder="结束日期"
>
</el-date-picker>
</div>
<!-- 查询按钮 -->
<el-button
class="primary"
type="primary"
@click="
tableData = [];
currentPage = 1;
isFinished = false;
getData();
"
>查询</el-button
>
<el-button class="primary" type="primary" @click="confirmExport2Excel()"
>导出</el-button
>
<!-- 表格 -->
<el-table
v-loading="loading"
:data="tableData"
ref="multipleTable"
@selection-change="handleSelectionChange"
border
style="width: 100%; margin-top: 25px"
>
<el-table-column prop="dateTime" align="center" label="日期" />
<el-table-column prop="userCount" align="center" label="人数" />
<el-table-column prop="consumeNum" align="center" label="货币消耗" />
<el-table-column prop="settleNum" align="center" label="结算总量" />
<el-table-column prop="platformNum" align="center" label="平台收入" />
<el-table-column align="center" label="操作" width="300">
<template v-slot="scope">
<el-button
class="primary"
type="primary"
@click="
detailPageFunArr = scope.row;
tableDataDetails = [];
currentPage2 = 1;
isFinished2 = false;
detailPageFun();
"
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="[1, 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 v-if="!isFinished" class="pagination">
<el-button
class="pagination_in"
@click="loadMore"
type="primary"
:loading="isLoading"
>加载更多</el-button
>
</div>
<div v-else class="pagination">
<span class="pagination_in">没有更多数据了</span>
</div>
</div>
<!-- 内嵌单个工会详情 -->
<el-dialog :title="detailsTitle" v-model="detailsDialog">
<el-table
v-loading="loading2"
:data="tableDataDetails"
border
style="width: 100%; margin-top: 25px"
>
<el-table-column prop="erbanNo" align="center" label="用户平台ID" />
<el-table-column prop="nick" align="center" label="昵称" />
<el-table-column prop="consumeNum" align="center" label="货币消耗" />
<el-table-column prop="settleNum" align="center" label="结算总量" />
<el-table-column prop="platformNum" align="center" label="平台收入" />
</el-table>
<!-- 分页 -->
<!-- <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"
/> -->
<!-- 加载更多按钮 -->
<div v-if="!isFinished2" class="pagination">
<el-button
class="pagination_in"
@click="loadMore2"
type="primary"
:loading="isLoading2"
>加载更多</el-button
>
</div>
<div v-else class="pagination">
<span class="pagination_in">没有更多数据了</span>
</div>
<template #footer>
<div class="dialog-footer">
<el-button @click="detailsDialog = false">关闭</el-button>
<el-button type="primary" @click="confirmExport2Excel2()"
>导出</el-button
>
</div></template
>
</el-dialog>
</template>
<script>
import {
statisPage,
sysConfKey,
detailPage,
exportForMiniGame,
statisExport,
} from "@/api/lingSmallGames/lingSmallGames";
// @ts-ignore
import { dateFormat } from "@/utils/system-helper";
// @ts-ignore
import { ElMessage, ElTable } from "element-plus";
import { ref } from "vue";
import { ElMessageBox } from "element-plus"; // 正确引入 ElM
export default {
name: "lingSmallGames",
data() {
return {
loading: false,
loading2: false,
//查询所需条件对象
inquire: {
time: "",
gameArrVal: "",
gamesArr: [],
},
// 表格
tableData: [],
// 分页
total: 0, //总页数
currentPage: 1, //页码
pageSize: 10, //条数
isLoading: false, // 加载状态
isFinished: false, // 是否加载完成
// 弹窗
detailsDialog: false,
detailsTitle: "",
tableDataDetails: [],
dateTimePub: null,
detailPageFunArr: {},
// 分页
total2: 0, //总页数
currentPage2: 1, //页码
pageSize2: 10, //条数
isLoading2: false, // 加载状态
isFinished2: false, // 是否加载完成
};
},
created() {
sysConfKey({ configId: "leadercc_game" }).then((res) => {
this.inquire.gamesArr = JSON.parse(res.data.configValue);
this.getData();
});
},
methods: {
// 查询接口
getData() {
this.isLoading = true;
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");
}
statisPage({
gameId: this.inquire.gameArrVal,
startTime: startTime,
endTime: endTime,
pageNum: this.currentPage,
pageSize: this.pageSize,
}).then((res) => {
if (res.code == 200) {
// 判断返回的记录是否为空数组
const records = res.data.records;
if (records.length > 0) {
// 如果有数据,追加到表格数据中
this.tableData = [...this.tableData, ...records];
this.currentPage++; // 更新当前页码
} else {
// 如果数据长度为 0停止加载
this.isFinished = true;
}
} else {
ElMessage({
showClose: true,
message: res.message,
type: "error",
});
}
this.loading = false;
this.isLoading = false;
});
},
// 加载下一页数据
loadMore() {
if (!this.isFinished) {
this.currentPage = this.currentPage++;
this.getData(this.currentPage);
}
},
// 加载下一页数据
loadMore2() {
if (!this.isFinished2) {
this.currentPage2 = this.currentPage2++;
this.detailPageFun(this.currentPage2);
}
},
// 导出
confirmExport2Excel() {
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");
}
exportForMiniGame({
gameId: this.inquire.gameArrVal,
startTime: startTime,
endTime: endTime,
}).then();
},
// 导出弹窗
confirmExport2Excel2() {
statisExport({
dateTime: this.dateTimePub,
gameId: this.inquire.gameArrVal,
}).then();
},
// 详情接口
detailPageFun() {
this.isLoading2 = true;
this.detailsDialog = true;
this.loading2 = true;
this.detailsTitle = this.dateTimePub = this.detailPageFunArr.dateTime;
detailPage({
gameId: this.detailPageFunArr.gameId,
dateTime: this.detailPageFunArr.dateTime,
pageNum: this.currentPage2,
pageSize: this.pageSize2,
}).then((res) => {
if (res.code == 200) {
// 判断返回的记录是否为空数组
const records2 = res.data.records;
if (records2.length > 0) {
// 如果有数据,追加到表格数据中
this.tableDataDetails = [...this.tableDataDetails, ...records2];
this.currentPage2++; // 更新当前页码
} else {
// 如果数据长度为 0停止加载
this.isFinished2 = true;
}
} else {
ElMessage({
showClose: true,
message: res.message,
type: "error",
});
}
this.loading2 = false;
this.isLoading2 = false;
});
},
// 分页导航
handleSizeChange() {
this.getData();
},
handleCurrentChange() {
this.getData();
},
handleSizeChange2() {
this.detailPageFun();
},
handleCurrentChange2() {
this.detailPageFun();
},
},
};
</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;
}
}
.selectBox {
display: flex;
height: 35px;
line-height: 35px;
margin-bottom: 20px;
}
.selectBoxImg {
height: 150px;
}
.pagination {
margin: 10px auto 10px;
position: relative;
left: 50%;
transform: translateX(-50%);
}
.pagination_in {
text-align: center;
}
</style>

View File

@@ -20,6 +20,17 @@
:disabled="tableLoading"
>
<div class="search-line">
<el-form-item label="分区" prop="partitionId">
<el-select v-model="searchForm.partitionId" placeholder="请选择">
<el-option
v-for="item in partitionArr"
:key="item.id"
:label="item.desc"
:value="item.id"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="公会ID" prop="agencyId">
<el-input
v-model.trim="searchForm.agencyId"
@@ -66,6 +77,7 @@
{{ regionType(scope.row.region) }}
</template>
</el-table-column> -->
<el-table-column align="center" prop="partitionDesc" label="分区"> </el-table-column>
<el-table-column align="center" prop="agencyId" label="公会ID">
</el-table-column>
<el-table-column align="center" prop="agencyName" label="公会名称">
@@ -81,7 +93,11 @@
</el-table-column>
<el-table-column align="center" prop="energyValue" label="总钻石流水">
<template v-slot="scope">
{{ scope.row.energyValue ? scope.row.energyValue.toLocaleString() : "null"}}
{{
scope.row.energyValue
? scope.row.energyValue.toLocaleString()
: "null"
}}
</template>
</el-table-column>
<el-table-column
@@ -109,7 +125,7 @@
</template>
<script lang=js>
import { getDateCycleList, getAgencyDiamondFlow, agencyDiamondFlowExport } from '@/api/relAgency/relAgency.js';
import { getDateCycleList, getAgencyDiamondFlow, agencyDiamondFlowExport,listPartitionInfo } from '@/api/relAgency/relAgency.js';
import TablePagination from '@/components/common/TablePagination';
import { formatDate, formatDateYMD } from '@/utils/relDate';
// @ts-ignore
@@ -125,6 +141,7 @@ export default {
components: { TablePagination },
data() {
return {
partitionArr: [],
dateCycleList: [],
btnLoading: false, // 导出弹出框(dialog)的确认按钮
tableLoading: false, // 表格是否加载中
@@ -140,7 +157,8 @@ export default {
agencyOwnerId: null,
agencyId: null,
dateCycle: null,
region: null
region: null,
partitionId: "",
},
searchRule: {
startTime: [
@@ -173,6 +191,10 @@ export default {
};
},
created() {
listPartitionInfo().then((res) => {
this.partitionArr = res.data;
this.searchForm.partitionId=this.partitionArr[0].id;
});
this.getDateCycleList();
},
methods: {
@@ -272,11 +294,12 @@ export default {
},
// 分页导航
handleSizeChange(val) {
console.log(val);
this.pageParams.pageSize = val;
this.getData();
},
handlePageChange(val) {
this.pageParams.pageSize = val;
this.pageParams.pageNo = val;
this.getData();
},
headerCopy(column, e) {

View File

@@ -10,6 +10,17 @@
:disabled="tableLoading"
>
<div class="search-line">
<el-form-item label="分区" prop="partitionId">
<el-select v-model="searchForm.partitionId" placeholder="请选择">
<el-option
v-for="item in partitionArr"
:key="item.id"
:label="item.desc"
:value="item.id"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="充值代理ID" prop="chargeAgentErbanNo">
<el-input
v-model.trim="searchForm.chargeAgentErbanNo"
@@ -58,6 +69,8 @@
@header-click="headerCopy"
style="width: 100%"
>
<el-table-column align="center" prop="partitionDesc" label="分区">
</el-table-column>
<el-table-column
align="center"
prop="receiveErbano"
@@ -110,7 +123,11 @@
</template>
<script>
import { chargeAgentList, chargeAgentSum } from "@/api/relAgency/relAgency.js";
import {
chargeAgentList,
chargeAgentSum,
listPartitionInfo,
} from "@/api/relAgency/relAgency.js";
import TablePagination from "@/components/common/TablePagination";
import { formatDate, formatDateYMD } from "@/utils/relDate";
import { dateFormat } from "@/utils/system-helper";
@@ -138,7 +155,9 @@ export default {
chargeAgentErbanNo: null,
startTime: null,
endTime: null,
partitionId: "",
},
partitionArr: [],
searchRule: {
startTime: [
{
@@ -171,14 +190,23 @@ export default {
},
created() {
// this.getData();
listPartitionInfo().then((res) => {
this.partitionArr = res.data;
this.searchForm.partitionId=this.partitionArr[0].id;
});
},
methods: {
getData() {
this.tableLoading = true;
let { pageParams, searchForm } = this;
searchForm.startTime = dateFormat(searchForm.startTime,'yyyy-MM-dd hh:mm:ss');
searchForm.endTime = dateFormat(searchForm.endTime,'yyyy-MM-dd hh:mm:ss');
console.log(searchForm);
searchForm.startTime = searchForm.startTime
? dateFormat(searchForm.startTime, "yyyy-MM-dd hh:mm:ss")
: null;
searchForm.endTime = searchForm.endTime
? dateFormat(searchForm.endTime, "yyyy-MM-dd hh:mm:ss")
: null;
searchForm = JSON.parse(JSON.stringify(searchForm));
pageParams = JSON.parse(JSON.stringify(pageParams));
Object.keys(searchForm).forEach((item) => {
@@ -198,7 +226,7 @@ export default {
let data = res.data;
this.tableData = data.records;
this.pageTotal = data.total;
}else {
} else {
ElMessage({
showClose: true,
message: res.message,
@@ -209,7 +237,7 @@ export default {
chargeAgentSum(pageParams).then((res) => {
if (res.code == 200) {
this.total = res.data;
}else {
} else {
ElMessage({
showClose: true,
message: res.message,

View File

@@ -10,6 +10,17 @@
:disabled="tableLoading"
>
<div class="search-line">
<el-form-item label="分区" prop="partitionId">
<el-select v-model="searchForm.partitionId" placeholder="请选择">
<el-option
v-for="item in partitionArr"
:key="item.id"
:label="item.desc"
:value="item.id"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="主播ID" prop="erbanNo">
<el-input
v-model.trim="searchForm.erbanNo"
@@ -59,6 +70,7 @@
{{ dateCycleType(scope.row.dateCycle) }}
</template>
</el-table-column> -->
<el-table-column align="center" prop="partitionDesc" label="分区" />
<el-table-column align="center" prop="erbano" label="主播ID">
</el-table-column>
<el-table-column align="center" prop="nick" label="主播昵称">
@@ -313,6 +325,7 @@ import {
getDateCycleList,
getAnchorSalaryBill,
anchorSalaryBillDetail,
listPartitionInfo,
} from "@/api/relAgency/relAgency.js";
import TablePagination from "@/components/common/TablePagination";
import { formatDate, formatDateYMD } from "@/utils/relDate";
@@ -340,7 +353,9 @@ export default {
agencyId: null,
dateCycle: null,
erbanNo: null,
partitionId: null,
},
partitionArr: [],
searchRule: {
startTime: [
{
@@ -384,6 +399,10 @@ export default {
},
created() {
this.getDateCycleList();
listPartitionInfo().then((res) => {
this.partitionArr = res.data;
this.searchForm.partitionId = this.partitionArr[0].id;
});
},
methods: {
getDateCycleList() {
@@ -429,19 +448,19 @@ export default {
this.dialogTitle = "钻石兑换薪资";
this.dialogType = 1;
break;
case 2:
case 3:
this.dialogTitle = "薪资转增代理";
this.dialogType = 2;
break;
case 3:
case 4:
this.dialogTitle = "薪资转增公会长";
this.dialogType = 3;
break;
case 4:
case 5:
this.dialogTitle = "官方提现";
this.dialogType = 4;
break;
case 6:
case 2:
this.dialogTitle = "薪资兑换金币";
this.dialogType = 6;
break;

View File

@@ -0,0 +1,263 @@
<template>
<div class="box">
<!-- 查询 -->
<div class="inquire">
<div class="block">
<span class="demonstration">分区</span>
<el-select
v-model="inquire.partitionId"
style="width: 75%"
placeholder="请选择"
>
<el-option
v-for="item in inquire.partitionArr"
:key="item.id"
:label="item.desc"
:value="item.id"
></el-option>
</el-select>
</div>
</div>
<div class="inquire">
<span>公会ID</span>
<el-input
v-model="inquire.guildId"
placeholder=""
class="input"
></el-input>
</div>
<div class="inquire">
<span>公会长ID</span>
<el-input
v-model="inquire.guildBoosId"
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> -->
<div class="inquire">
<div class="block">
<span class="demonstration">开始时间</span>
<el-date-picker
v-model="inquire.time[0]"
type="date"
placeholder="开始时间"
format="YYYY-MM-DD 00:00:00"
>
</el-date-picker>
</div>
</div>
<div class="inquire">
<div class="block">
<span class="demonstration">结束时间</span>
<el-date-picker
v-model="inquire.time[1]"
type="date"
placeholder="结束时间"
format="YYYY-MM-DD 23:59:59"
>
</el-date-picker>
</div>
</div>
<!-- 查询按钮 -->
<el-button class="primary but" type="primary" @click="getData()"
>查询</el-button
>
<el-button
class="primary"
type="primary"
@click="
inquire.guildId = '';
inquire.guildBoosId = '';
inquire.time = [];
getData();
"
>重置查询</el-button
>
<el-button
class="primary"
type="primary"
@click="diamondStatisticsExportFun()"
>导出</el-button
>
<!-- 表格 -->
<el-table
v-loading="loading"
:data="tableData"
border
style="width: 100%; margin-top: 25px"
>
<el-table-column type="index" width="100" align="center" label="序号" />
<el-table-column prop="partitionDesc" align="center" label="分区" />
<el-table-column prop="guildId" align="center" label="公会ID" />
<el-table-column prop="guildName" align="center" label="公会昵称" />
<el-table-column prop="ownerErbanNo" align="center" label="公会长ID" />
<el-table-column prop="memberNum" align="center" label="主播人数" />
<el-table-column prop="diamondNum" 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"
/>
</div>
</template>
<script>
import {
diamondStatistics,
diamondStatisticsExport,
listPartitionInfo,
} from "@/api/relAgency/relAgency";
// @ts-ignore
import { dateFormat } from "@/utils/system-helper";
// @ts-ignore
import { ElMessage } from "element-plus";
export default {
name: "diamondFlow",
data() {
return {
loading: false,
//查询所需条件对象
inquire: {
guildId: "",
guildBoosId: "",
time: [],
partitionId: "",
partitionArr: [],
},
// 表格
tableData: [],
// 新增弹窗
addDialog: false,
// 分页
total: 0, //总页数
currentPage: 1, //页码
pageSize: 5, //条数
};
},
created() {
// this.getData();
listPartitionInfo().then((res) => {
this.inquire.partitionArr = res.data;
this.inquire.partitionId = this.inquire.partitionArr[0].id;
});
},
methods: {
// 查询接口
getData() {
this.loading = true;
let time = this.inquire.time;
let startTime = null;
let endTime = null;
if (time.length > 0) {
startTime = this.inquire.time[0]
? dateFormat(this.inquire.time[0], "yyyy-MM-dd")
: null;
endTime = this.inquire.time[1]
? dateFormat(this.inquire.time[1], "yyyy-MM-dd")
: null;
}
diamondStatistics({
guildId: this.inquire.guildId,
ownerErbanNo: this.inquire.guildBoosId,
partitionId: this.inquire.partitionId,
startTime: startTime,
endTime: endTime,
pageNo: this.currentPage,
pageSize: this.pageSize,
}).then((res) => {
if (res.code == 200) {
this.total = res.data.total;
this.tableData = res.data.records;
this.loading = false;
} else {
ElMessage({
showClose: true,
message: res.message,
type: "error",
});
}
});
},
// 导出
diamondStatisticsExportFun() {
let time = this.inquire.time;
let startTime = "";
let endTime = "";
if (time && time.length > 0) {
startTime = dateFormat(this.inquire.time[0], "yyyy-MM-dd");
endTime = dateFormat(this.inquire.time[1], "yyyy-MM-dd");
}
diamondStatisticsExport({
guildId: this.inquire.guildId,
ownerErbanNo: this.inquire.guildBoosId,
startTime: startTime,
endTime: endTime,
});
},
// 分页导航
handleSizeChange() {
this.getData();
},
handleCurrentChange() {
this.getData();
},
},
};
</script>
<style lang="less" scoped>
.box {
padding-top: 20px;
background: #ecf0f5;
.inquire {
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;
}
}
.selectBox {
display: flex;
height: 35px;
line-height: 35px;
margin-bottom: 20px;
}
.selectBoxImg {
height: 150px;
}
</style>

View File

@@ -3,9 +3,28 @@
<!-- 查询 -->
<div class="inquire">
<span>ID</span>
<el-input v-model="inquire.userId"
<el-input
v-model="inquire.userId"
placeholder=""
class="input"></el-input>
class="input"
></el-input>
</div>
<div class="inquire">
<div class="block">
<span class="demonstration">分区</span>
<el-select
v-model="inquire.partitionId"
style="width: 75%"
placeholder="请选择"
>
<el-option
v-for="item in inquire.partitionArr"
:key="item.id"
:label="item.desc"
:value="item.id"
></el-option>
</el-select>
</div>
</div>
<!-- <div class="inquire">
<span>推荐人</span>
@@ -30,65 +49,72 @@
</div>
</div> -->
<!-- 查询按钮 -->
<el-button class="primary"
type="primary"
@click="getData()">查询</el-button>
<el-button class="primary"
type="primary"
@click="addDialog = true">添加</el-button>
<el-button class="primary"
type="primary"
@click="exportInfoFun()">导出</el-button>
<el-button class="primary" type="primary" @click="getData()"
>查询</el-button
>
<el-button class="primary" type="primary" @click="addDialog = true"
>添加</el-button
>
<el-button class="primary" type="primary" @click="exportInfoFun()"
>导出</el-button
>
<!-- 表格 -->
<el-table v-loading="loading"
<el-table
v-loading="loading"
:data="tableData"
border
style="width: 100%; margin-top: 25px">
<el-table-column prop="id"
align="center"
label="公会ID" />
style="width: 100%; margin-top: 25px"
>
<el-table-column prop="id" align="center" label="公会ID" />
<!-- <el-table-column prop="referrer" align="center" label="推荐人" /> -->
<el-table-column prop="ownerErbanNo"
<el-table-column prop="ownerErbanNo" align="center" label="会长ID" />
<el-table-column prop="ownerNick" align="center" label="会长昵称" />
<el-table-column
prop="ownerPartitionName"
align="center"
label="会长ID" />
<el-table-column prop="ownerNick"
align="center"
label="会长昵称" />
<el-table-column prop="ownerPartitionName"
align="center"
label="会长分区" />
<el-table-column prop="name"
align="center"
label="公会昵称" />
<el-table-column align="center"
prop="giftInfo"
label="公会背景图">
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"
<el-image
style="width: 100px; height: 100px"
:src="scope.row.avatar"
:zoom-rate="1.1"
:preview-src-list="[scope.row.avatar]"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true"
/>
</template>
</el-table-column>
<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"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true" />
hide-on-click-modal="true"
/>
</template>
</el-table-column>
<el-table-column prop="createTime"
align="center"
label="创建日期" />
<el-table-column prop="createTime" align="center" label="创建日期" />
<!-- <el-table-column prop="memberNum" align="center" label="成员数量" /> -->
<el-table-column align="center"
label="成员数量/上限">
<el-table-column align="center" label="成员数量/上限">
<template v-slot="scope">
<el-button @click="memberDialogFun(scope.row)"
<el-button
@click="memberDialogFun(scope.row)"
type="text"
size="default">{{ scope.row.memberNum }}/{{ scope.row.memberNumLimit }}</el-button>
size="default"
>{{ scope.row.memberNum }}/{{ scope.row.memberNumLimit }}</el-button
>
</template>
</el-table-column>
<el-table-column prop="adminName"
align="center"
label="操作人" />
<el-table-column prop="adminName" align="center" label="操作人" />
<!-- <el-table-column align="center" label="收款账户" width="300">
<template v-slot="scope">
<el-button
@@ -127,37 +153,43 @@
<!-- <el-table-column prop="goldIncome" align="center" label="金币总收入" />
<el-table-column prop="diamondRemain" align="center" label="钻石总收入" /> -->
<el-table-column align="center"
label="操作"
width="300">
<el-table-column align="center" label="操作" width="300">
<template v-slot="scope">
<el-button @click="ediClick(scope)"
<el-button
@click="ediClick(scope)"
class="primary"
type="primary"
size="default"
:disabled="!scope.row.enable">编辑</el-button>
<el-button @click="
: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>
:disabled="!scope.row.enable"
>{{ scope.row.enable ? "移除" : "已解散" }}</el-button
>
</template>
</el-table-column>
</el-table>
<!-- 新增弹窗 -->
<el-dialog v-model="addDialog"
title="新增"
width="28%"
center>
<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"
<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>
class="input"
></el-input>
</div>
<!-- <div style="margin-bottom: 25px">
<span
@@ -186,13 +218,13 @@
<template #footer>
<span class="dialog-footer">
<el-button @click="addDialog = false">取消</el-button>
<el-button type="primary"
@click="add()"> 确认 </el-button>
<el-button type="primary" @click="add()"> 确认 </el-button>
</span>
</template>
</el-dialog>
<!-- 分页 -->
<el-pagination style="margin-top: 10px"
<el-pagination
style="margin-top: 10px"
class="paginationClass"
v-model:current-page="currentPage"
v-model:page-size="pageSize"
@@ -200,159 +232,206 @@
layout="sizes, prev, pager, next"
:total="total"
@size-change="handleSizeChange"
@current-change="handleCurrentChange" />
@current-change="handleCurrentChange"
/>
<!-- 编辑弹窗 -->
<el-dialog v-model="editDialog"
title="编辑"
width="28%"
center>
<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.id"
<span
style="display: inline-block; margin-right: 20px"
class="col-sm-2 control-label"
>公会ID</span
>
<el-input
v-model="ediObj.id"
style="width: 75%"
class="input"
disabled></el-input>
disabled
></el-input>
</div>
<!-- 会长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"
<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>
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"
<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>
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"
<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"></el-input>
class="input"
></el-input>
</div>
<!-- 公会头像 -->
<div class="selectBox selectBoxImg">
<span class="left" style="margin-right: 20px">公会头像</span>
<!-- action="/admin/tencent/cos/upload/file" -->
<el-upload
class="avatar-uploader"
action="/admin/tencent/cos/upload/file"
:show-file-list="false"
:on-success="handleAvatarSuccess2"
:before-upload="beforeAvatarUpload"
:on-error="handleAvatarError"
>
<img v-if="ediObj.imageUrl2" :src="ediObj.imageUrl2" class="avatar" />
<el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
</el-upload>
</div>
<!-- 公会背景图 -->
<div class="selectBox selectBoxImg">
<span class="left"
style="margin-right: 20px">公会背景图</span>
<span class="left" style="margin-right: 20px">公会背景图</span>
<!-- action="/admin/tencent/cos/upload/file" -->
<el-upload class="avatar-uploader"
<el-upload
class="avatar-uploader"
action="/admin/tencent/cos/upload/file"
:show-file-list="false"
:on-success="handleAvatarSuccess"
:before-upload="beforeAvatarUpload"
:on-error="handleAvatarError">
<img v-if="ediObj.imageUrl1"
:src="ediObj.imageUrl1"
class="avatar" />
<el-icon v-else
class="avatar-uploader-icon">
:on-error="handleAvatarError"
>
<img v-if="ediObj.imageUrl1" :src="ediObj.imageUrl1" class="avatar" />
<el-icon v-else class="avatar-uploader-icon">
<Plus />
</el-icon>
</el-upload>
</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"
<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>
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 type="primary" @click="editDialogClick()">
确认
</el-button>
</span>
</template>
</el-dialog>
<!-- 二次确认删除弹窗 -->
<el-dialog v-model="delDialog"
title="提示"
width="30%"
center>
<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>
<el-button type="primary" @click="delClick()"> 确认 </el-button>
</span>
</template>
</el-dialog>
<!-- 编辑收款账户弹窗 -->
<el-dialog v-model="payAccountDialog"
<el-dialog
v-model="payAccountDialog"
:title="payAccountTitle"
width="28%"
center>
center
>
<!-- Payoneer -->
<div style="margin-bottom: 25px; margin-top: 10px">
<span style="display: inline-block; margin-right: 20px"
class="col-sm-2 control-label">Payoneer</span>
<el-input v-model="payAccount.payoneer"
<span
style="display: inline-block; margin-right: 20px"
class="col-sm-2 control-label"
>Payoneer</span
>
<el-input
v-model="payAccount.payoneer"
style="width: 75%"
class="input"></el-input>
class="input"
></el-input>
</div>
<!-- USDT-ERC20 -->
<div style="margin-bottom: 25px; margin-top: 10px">
<span style="display: inline-block; margin-right: 20px"
class="col-sm-2 control-label">USDT-ERC20</span>
<el-input v-model="payAccount.usdt"
<span
style="display: inline-block; margin-right: 20px"
class="col-sm-2 control-label"
>USDT-ERC20</span
>
<el-input
v-model="payAccount.usdt"
style="width: 75%"
class="input"></el-input>
class="input"
></el-input>
</div>
<!-- PayPal -->
<div style="margin-bottom: 25px; margin-top: 10px">
<span style="display: inline-block; margin-right: 20px"
class="col-sm-2 control-label">PayPal</span>
<el-input v-model="payAccount.payPal"
<span
style="display: inline-block; margin-right: 20px"
class="col-sm-2 control-label"
>PayPal</span
>
<el-input
v-model="payAccount.payPal"
style="width: 75%"
class="input"></el-input>
class="input"
></el-input>
</div>
<template #footer>
<span class="dialog-footer">
<el-button @click="payAccountDialog = false">取消</el-button>
<el-button type="primary"
@click="payAccountClick()">
<el-button type="primary" @click="payAccountClick()">
保存
</el-button>
</span>
</template>
</el-dialog>
<!-- 编辑成员弹窗 -->
<el-dialog v-model="memberDialog"
:title="memberTitle"
width="36%"
center>
<el-dialog v-model="memberDialog" :title="memberTitle" width="36%" center>
<!-- 新增用户 -->
<div class="inquire">
<span>平台ID</span>
<el-input v-model="member.userID"
<el-input
v-model="member.userID"
placeholder="请输入新增平台id"
class="input"></el-input>
<el-button type="primary"
@click="addMemberFun()"> 新增 </el-button>
class="input"
></el-input>
<el-button type="primary" @click="addMemberFun()"> 新增 </el-button>
</div>
<!-- 内嵌表格 -->
<el-table v-loading="loading"
<el-table
v-loading="loading"
:data="member.tableData"
border
style="width: 100%; margin-top: 25px">
<el-table-column align="center"
label="用户平台ID">
style="width: 100%; margin-top: 25px"
>
<el-table-column align="center" label="用户平台ID">
<template v-slot="scope">
{{ scope.row.erbanNo
}}{{
@@ -365,61 +444,54 @@
{{ scope.row.enable == false ? "(已离开)" : "" }}
</template>
</el-table-column>
<el-table-column prop="nick"
align="center"
label="用户昵称" />
<el-table-column prop="createTime"
align="center"
label="加入时间" />
<el-table-column prop="adminName"
align="center"
label="操作人" />
<el-table-column align="center"
label="操作"
width="300">
<el-table-column prop="nick" align="center" label="用户昵称" />
<el-table-column prop="createTime" align="center" label="加入时间" />
<el-table-column prop="adminName" align="center" label="操作人" />
<el-table-column align="center" label="操作" width="300">
<template v-slot="scope">
<el-button @click="setMemberFun(scope.row)"
<el-button
@click="setMemberFun(scope.row)"
:class="scope.row.roleType == 2 ? 'danger' : 'primary'"
:type="scope.row.roleType == 2 ? 'danger' : 'primary'"
size="default"
:disabled="scope.row.roleType == 1 ? true : false">{{
:disabled="scope.row.roleType == 1 ? true : false"
>{{
scope.row.roleType == 1
? "会长"
: scope.row.roleType == 2
? "取消管理员"
: "设为管理员"
}}</el-button>
<el-button @click="
}}</el-button
>
<el-button
@click="
memberRemoveObj = scope.row;
memberRemoveDialog = true;
"
class="danger"
type="danger"
size="default"
:disabled="scope.row.roleType == 1 ? true : false">删除</el-button>
:disabled="scope.row.roleType == 1 ? true : false"
>删除</el-button
>
</template>
</el-table-column>
</el-table>
<template #footer>
<span class="dialog-footer">
<el-button type="primary"
@click="memberDialog = false">
<el-button type="primary" @click="memberDialog = false">
关闭
</el-button>
</span>
</template>
</el-dialog>
<!-- 二次确认删除弹窗 -->
<el-dialog v-model="memberRemoveDialog"
title="提示"
width="30%"
center>
<el-dialog v-model="memberRemoveDialog" title="提示" width="30%" center>
<span> 确定要删除该成员吗?</span>
<template #footer>
<span class="dialog-footer">
<el-button @click="memberRemoveDialog = false">取消</el-button>
<el-button type="primary"
@click="delmemberRemoveClick()">
<el-button type="primary" @click="delmemberRemoveClick()">
确认
</el-button>
</span>
@@ -439,6 +511,7 @@ import {
addMember,
setManager,
removeMember,
listPartitionInfo,
} from "@/api/noblemanNew/noblemanNew";
// @ts-ignore
import { dateFormat } from "@/utils/system-helper";
@@ -446,7 +519,7 @@ import { dateFormat } from "@/utils/system-helper";
import { ElMessage } from "element-plus";
export default {
name: "GuildInfoNew",
data () {
data() {
return {
loading: false,
delDialog: false,
@@ -456,6 +529,8 @@ export default {
userId: "",
referrer: "",
time: "",
partitionId: "",
partitionArr: [],
},
//新增所需对象
resource: {
@@ -480,6 +555,7 @@ export default {
guildNumber: "",
id: "",
imageUrl1: "",
imageUrl2: "",
},
// 收款账户弹窗
payAccountDialog: false,
@@ -503,12 +579,16 @@ export default {
memberRemoveObj: {},
};
},
created () {
created() {
listPartitionInfo().then((res) => {
this.inquire.partitionArr = res.data;
this.inquire.partitionId = this.inquire.partitionArr[0].id;
this.getData();
});
},
methods: {
// 查询接口
getData () {
getData() {
this.loading = true;
let time = this.inquire.time;
let startTime = "";
@@ -521,6 +601,7 @@ export default {
erbanNo: this.inquire.userId,
referrer: this.inquire.referrer,
familyName: this.inquire.nick,
partitionId: this.inquire.partitionId,
// startDate: startTime,
// endDate: endTime,
pageNum: this.currentPage,
@@ -532,7 +613,7 @@ export default {
});
},
// 打开成员信息弹窗
memberDialogFun (val) {
memberDialogFun(val) {
var than = this;
than.memberTitle = `${val.name}】成员信息`;
than.memberNew = val;
@@ -544,7 +625,7 @@ export default {
});
},
// 二次确认删除成员
delmemberRemoveClick () {
delmemberRemoveClick() {
removeMember({
guildMemberId: this.memberRemoveObj.guildMemberId,
}).then((res) => {
@@ -570,7 +651,7 @@ export default {
});
},
// 设置管理员
setMemberFun (val) {
setMemberFun(val) {
setManager({
guildMemberId: val.guildMemberId,
status: val.roleType == 3 ? true : val.roleType == 2 ? false : null,
@@ -597,7 +678,7 @@ export default {
});
},
// 新增成员
addMemberFun () {
addMemberFun() {
addMember({
erbanNo: this.member.userID,
guildId: this.memberNew.id,
@@ -624,7 +705,7 @@ export default {
});
},
// 打开收款账户弹窗
payAccountDialogFun (val) {
payAccountDialogFun(val) {
this.payAccountTitle = `(${val.ownerNick}【ID:${val.ownerErbanNo}】)的收款账户`;
this.payAccount.payoneer = val.payAccount.payoneer;
this.payAccount.usdt = val.payAccount.usdt;
@@ -633,7 +714,7 @@ export default {
this.payAccountNew = val;
},
// 保存收款账户
payAccountClick () {
payAccountClick() {
savePayAccount({
id: this.payAccountNew.payAccount.familyId,
payPal: this.payAccount.payPal,
@@ -658,7 +739,7 @@ export default {
});
},
// 导出
exportInfoFun () {
exportInfoFun() {
let time = this.inquire.time;
let startTime = "";
let endTime = "";
@@ -672,10 +753,10 @@ export default {
familyName: this.inquire.nick,
// startDate: startTime,
// endDate: endTime,
}).then((res) => { });
}).then((res) => {});
},
// 添加
add () {
add() {
this.addDialog = false;
create({
erbanNo: this.resource.id,
@@ -698,7 +779,7 @@ export default {
});
},
// 编辑按钮
ediClick (res) {
ediClick(res) {
var obj = res.row;
this.ediObj.leaderId = obj.ownerErbanNo;
this.ediObj.leaderNick = obj.ownerNick;
@@ -706,15 +787,17 @@ export default {
this.ediObj.guildNumber = obj.memberNumLimit;
this.ediObj.id = obj.id;
this.ediObj.imageUrl1 = obj.backgroundUrl;
this.ediObj.imageUrl2 = obj.avatar;
this.editDialog = true;
},
// 二次确认弹窗
editDialogClick () {
editDialogClick() {
console.log(this.ediObj);
update({
id: this.ediObj.id,
memberNumLimit: this.ediObj.guildNumber,
backgroundUrl: this.ediObj.imageUrl1,
avatar: this.ediObj.imageUrl2,
name: this.ediObj.guildNick,
}).then((res) => {
if (res.code == 200) {
@@ -736,7 +819,7 @@ export default {
});
},
// 解散按钮
delClick () {
delClick() {
console.log(this.delDialogData.id);
var guildId = this.delDialogData.id;
dismiss({ guildId }).then((res) => {
@@ -758,23 +841,22 @@ export default {
this.delDialog = false;
});
},
beforeAvatarUpload () {
beforeAvatarUpload() {
ElMessage({
showClose: true,
message: "上传中~",
type: "warning",
});
},
handleAvatarError () {
handleAvatarError() {
ElMessage({
showClose: true,
message: "上传失败!",
type: "error",
});
},
handleAvatarSuccess (res, file) {
handleAvatarSuccess(res, file) {
console.log(file);
// this.ediObj.imageUrl1 = URL.createObjectURL();
this.ediObj.imageUrl1 = file.response.data;
ElMessage({
showClose: true,
@@ -782,11 +864,20 @@ export default {
type: "success",
});
},
handleAvatarSuccess2(res, file) {
console.log(file);
this.ediObj.imageUrl2 = file.response.data;
ElMessage({
showClose: true,
message: "上传成功!",
type: "success",
});
},
// 分页导航
handleSizeChange () {
handleSizeChange() {
this.getData();
},
handleCurrentChange () {
handleCurrentChange() {
this.getData();
},
},

View File

@@ -20,16 +20,47 @@
:disabled="tableLoading"
>
<div class="search-line">
<el-form-item label="公会长ID" prop="agencyOwnerErbanNo">
<el-form-item label="分区" prop="partitionId">
<el-select v-model="searchForm.partitionId" placeholder="请选择">
<el-option
v-for="item in partitionArr"
:key="item.id"
:label="item.desc"
:value="item.id"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="MoliStar ID" prop="agencyOwnerErbanNo">
<el-input
v-model.trim="searchForm.agencyOwnerErbanNo"
placeholder="请输入"
></el-input>
</el-form-item>
<el-form-item label="状态" prop="status">
<el-form-item label="提现状态" prop="status">
<el-select v-model="searchForm.status">
<el-option label="已结算" value="1"></el-option>
<el-option label="未结算" value="0"></el-option>
<el-option label="审核中" value="0"></el-option>
<el-option label="审核通过" value="1"></el-option>
<el-option label="未通过" value="2"></el-option>
</el-select>
</el-form-item>
<el-form-item label="提现账户" prop="accountType">
<el-select v-model="searchForm.accountType">
<el-option label="Vodafone" value="VODAFONE"></el-option>
<el-option label="Payonner" value="PAYONNER"></el-option>
<el-option label="USD" value="USDT"></el-option>
<el-option label="Bank" value="BANK"></el-option>
<el-option label="Other" value="OTHER"></el-option>
</el-select>
</el-form-item>
<el-form-item label="国家" prop="country">
<el-select v-model="searchForm.country">
<el-option
v-for="(item, index) in adminCountryArr"
:key="index"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="时间" class="large">
@@ -52,17 +83,32 @@
<el-form-item label-width="40px">
<el-button type="primary" @click="handSearch">搜索</el-button>
<el-button plain @click="resetSearchForm">重置搜索</el-button>
</el-form-item>
</div>
</el-form>
<el-button type="primary" class="exportBtn" @click="confirmExport2Excel"
<el-button type="primary" plain @click="resetSearchForm"
>重置搜索</el-button
>
<el-button
type="primary"
class="exportBtn"
@click="confirmExport2Excel"
>导出</el-button
>
<el-button @click="handleChangeAll()" type="info" plain
>批量操作</el-button
>批量发放</el-button
>
<el-button
@click="
centerDialogVisible = true;
centerDialogVisibleType = 1;
"
type="info"
plain
>批量驳回</el-button
>
</el-form-item>
</div>
</el-form>
</div>
<!-- 表格 -->
<div class="table">
<el-table
:data="tableData"
@@ -70,74 +116,94 @@
v-loading="tableLoading"
@header-click="headerCopy"
@selection-change="handleSelectionChange"
style="width: 100%"
style="width: 100%; overflow-x: auto"
>
<el-table-column type="selection"> </el-table-column>
<el-table-column align="center" prop="erbanNo" label="MoliStar ID" />
<el-table-column align="center" prop="partitionDesc" label="分区" />
<el-table-column align="center" prop="nick" label="昵称" />
<el-table-column align="center" prop="accountCountry" label="国家" />
<el-table-column
align="center"
prop="blocked"
label="用户当前账户状态"
>
<el-table-column type="selection" width="55"> </el-table-column>
<!-- <el-table-column align="center" prop="region" label="区服">
<template v-slot="scope">
{{ regionType(scope.row.region) }}
{{ scope.row.blocked ? "封禁" : "正常" }}
</template>
</el-table-column>-->
<el-table-column align="center" prop="agencyId" label="公会ID">
</el-table-column>
<el-table-column align="center" prop="erbanNo" label="公会长ID">
</el-table-column>
<el-table-column align="center" prop="nick" label="公会长昵称">
</el-table-column>
<!-- <el-table-column align="center" prop="region" label="区域">
</el-table-column>
<el-table-column align="center" prop="abbr" label="国家">
</el-table-column> -->
<el-table-column align="center" prop="guildUsdNum" label="提现薪资">
<el-table-column align="center" prop="status" label="申请状态">
<template v-slot="scope">
{{ scope.row.guildUsdNum }}
{{
scope.row.status == 0
? "审核中"
: scope.row.status == 1
? "通过"
: "未通过"
}}
</template>
</el-table-column>
<el-table-column align="center" prop="createTime" label="申请时间" />
<el-table-column
align="center"
prop="accountType"
label="提现类型 "
/>
<el-table-column
align="center"
prop="guildUsdNum"
label="提现薪资US"
/>
<el-table-column align="center" prop="currency" label="发放币种" />
<el-table-column align="center" prop="currencyNum" label="发放金额" />
<el-table-column align="center" prop="withdrawRate" label="手续费" />
<el-table-column align="center" prop="withdrawNum" label="核销薪资" />
<el-table-column align="center" prop="remark" label="驳回理由">
<template v-slot="scope">
{{ scope.row.remark ? scope.row.remark : "/" }}
</template>
</el-table-column>
<el-table-column
align="center"
prop="createTime"
label="创建时间"
width="160"
prop="hallSalary"
label="操作"
width="150"
>
<template v-slot="scope">
{{ convertTimestamp(scope.row.createTime) }}
</template>
</el-table-column>
<el-table-column align="center" prop="status" label="状态">
<template v-slot="scope">
{{ scope.row.status == 0 ? "未结算" : "已结算" }}
</template>
</el-table-column>
<el-table-column align="center" prop="hallSalary" label="操作">
<template v-slot="scope">
<div v-if="scope.row.status == 0">
<el-button
v-if="scope.row.status == 0"
@click="handleChange(scope.row)"
type="text"
size="mini"
>
结算
发放
</el-button>
</template>
</el-table-column>
<el-table-column
align="center"
prop="updateTime"
label="操作时间"
width="160"
<el-button
@click="
centerDialogVisible = true;
centerDialogVisibleType = 2;
centerDialogVisibleID = scope.row.id;
"
type="text"
size="mini"
>
<template v-slot="scope">
{{
scope.row.updateTime
? convertTimestamp(scope.row.updateTime)
: ""
}}
驳回
</el-button>
</div>
<div>
<el-button
@click="accountInfosFun(scope.row)"
type="text"
size="mini"
>
查看详情
</el-button>
</div>
</template>
</el-table-column>
<el-table-column align="center" prop="operator" label="操作人">
</el-table-column>
</el-table>
</div>
<!-- 分页 -->
<table-pagination
:pageParams="pageParams"
:pageTotal="pageTotal"
@@ -145,6 +211,46 @@
@handleSizeChange="handleSizeChange"
@handlePageChange="handlePageChange"
></table-pagination>
<!-- 驳回弹窗 -->
<el-dialog v-model="centerDialogVisible" title="提示" width="30%" center>
<span> 请选择驳回理由:</span>
<div class="boxs">
<el-radio class="radios" v-model="radio" label="用户消息提供不足"
>用户消息提供不足</el-radio
>
</div>
<template #footer>
<span class="dialog-footer">
<el-button @click="centerDialogVisible = false">取消</el-button>
<el-button type="primary" @click="dialogClick()"> 确认 </el-button>
</span>
</template>
</el-dialog>
<!-- 提现详情弹窗 -->
<el-dialog v-model="centerDialogVisible2" title="提现详情">
<div class="boxs2">
<div>申请提现时间{{ accountDetails.createTime }}</div>
<div>申请ID{{ accountDetails.erbanNo }}</div>
<div>country{{ accountDetails.country }}</div>
<div>payeeAccount{{ accountDetails.bank_account }}</div>
<div>Bank Name{{ accountDetails.bank_name }}</div>
<div>SWIFT Code{{ accountDetails.swift_code }}</div>
<div>payeeName:{{ accountDetails.full_name }}</div>
<div>address{{ accountDetails.address }}</div>
<div>提现薪资US{{ accountDetails.guildUsdNum }}</div>
<div>
发放金额{{ accountDetails.currency }}
{{ accountDetails.currencyNum }}
</div>
<div>提现手续费{{ accountDetails.withdrawRate }}</div>
<div>核销薪资{{ accountDetails.withdrawNum }}</div>
</div>
<template #footer>
<span class="dialog-footer">
<el-button @click="centerDialogVisible2 = false">确认</el-button>
</span>
</template>
</el-dialog>
</div>
</div>
</template>
@@ -155,12 +261,15 @@ import {
agencyWithdrawExamineExport,
agencyWithdrawSet,
agencyWithdrawBatchSet,
batchReject,
adminCountry,
listPartitionInfo,
} from "@/api/relAgency/relAgency.js";
import TablePagination from "@/components/common/TablePagination";
import { formatDate, formatDateYMD } from "@/utils/relDate";
import { dateFormat } from "@/utils/system-helper";
import { ElMessage } from "element-plus";
import { ElMessageBox } from 'element-plus'; // 正确引入 ElM
import { ElMessageBox } from "element-plus"; // 正确引入 ElM
// 混入
// import Mixin from '../../mixin/mixRegion.js';
@@ -174,19 +283,29 @@ export default {
btnLoading: false, // 导出弹出框(dialog)的确认按钮
tableLoading: false, // 表格是否加载中
tableData: [], // 接口返回的表格数据
tableData: [], // 接口 返回的表格数据
pageTotal: 0, // 接口返回的表格总条数
pageParams: {
pageNo: 1,
pageSize: 20,
},
centerDialogVisible: false, //驳回弹窗
centerDialogVisibleType: null, //驳回弹窗
centerDialogVisibleID: null, //驳回弹窗
centerDialogVisible2: false, //操作弹窗
radio: "用户消息提供不足", //驳回原因
// 搜索表单相关
searchForm: {
agencyOwnerErbanNo: null,
status: null,
startTime: null,
endTime: null,
adminCountry: null,
country: null,
partitionId: null,
},
partitionArr: [],
adminCountryArr: [],
searchRule: {
startTime: [
{
@@ -216,18 +335,45 @@ export default {
],
},
idStr: [], //批量删除ID
// 查看薪资弹窗数据存储
accountDetails: {
createTime: null,
erbanNo: null,
country: null,
bank_account: null,
bank_name: null,
swift_code: null,
full_name: null,
address: null,
guildUsdNum: null,
currency: null,
currencyNum: null,
withdrawRate: null,
withdrawNum: null,
},
};
},
created() {
// this.getData();
adminCountry().then((res) => {
this.adminCountryArr = res.data;
});
listPartitionInfo().then((res) => {
this.partitionArr = res.data;
this.searchForm.partitionId = this.partitionArr[0].id;
this.getData();
});
},
methods: {
getData() {
this.tableLoading = true;
let { pageParams, searchForm } = this;
searchForm.startTime = dateFormat(searchForm.startTime,'yyyy-MM-dd hh:mm:ss');
searchForm.endTime = dateFormat(searchForm.endTime,'yyyy-MM-dd hh:mm:ss');
searchForm.startTime = searchForm.startTime
? dateFormat(searchForm.startTime, "yyyy-MM-dd hh:mm:ss")
: "";
searchForm.endTime = searchForm.endTime
? dateFormat(searchForm.endTime, "yyyy-MM-dd hh:mm:ss")
: "";
searchForm = JSON.parse(JSON.stringify(searchForm));
pageParams = JSON.parse(JSON.stringify(pageParams));
Object.keys(searchForm).forEach((item) => {
@@ -239,7 +385,8 @@ export default {
}
});
Object.assign(pageParams, searchForm);
console.log(pageParams);
console.log(searchForm);
agencyWithdrawList(pageParams).then((res) => {
this.tableLoading = false;
if (res.code == 200) {
@@ -284,6 +431,61 @@ export default {
});
});
},
// 查看详情处理函数
accountInfosFun(res) {
var obj = JSON.parse(res.accountInfos);
console.log(obj);
this.accountDetails.createTime = res.createTime ? res.createTime : "-";
this.accountDetails.erbanNo = res.erbanNo ? res.erbanNo : "-";
this.accountDetails.country = obj.country ? obj.country : "-";
this.accountDetails.bank_account = obj.bank_account
? obj.bank_account
: "-";
this.accountDetails.bank_name = obj.bank_name ? obj.bank_name : "-";
this.accountDetails.swift_code = obj.swift_code ? obj.swift_code : "-";
this.accountDetails.full_name = obj.full_name ? obj.full_name : "-";
this.accountDetails.address = obj.address ? obj.address : "-";
this.accountDetails.guildUsdNum = res.guildUsdNum ? res.guildUsdNum : "-";
this.accountDetails.currency = res.currency ? res.currency : "-";
this.accountDetails.currencyNum = res.currencyNum ? res.currencyNum : "-";
this.accountDetails.withdrawRate = res.withdrawRate
? res.withdrawRate
: "-";
this.accountDetails.withdrawNum = res.withdrawNum ? res.withdrawNum : "-";
this.centerDialogVisible2 = true;
},
// 批量驳回
dialogClick() {
batchReject({
ids:
this.centerDialogVisibleType == 1
? this.idStr
: this.centerDialogVisibleID,
remark: this.radio,
})
.then((res) => {
if (res.code == 200) {
ElMessage({
type: "success",
message: "操作成功!",
});
this.getData();
this.centerDialogVisible = false;
this.idStr = null;
} else {
ElMessage({
type: "error",
message: res.message,
});
}
})
.catch(() => {
ElMessage({
type: "warning ",
message: "已取消",
});
});
},
handleChange(row) {
ElMessageBox.confirm("确定要结算吗", "提示", {
confirmButtonText: "确定",
@@ -291,7 +493,7 @@ export default {
type: "warning",
})
.then(() => {
agencyWithdrawSet({ id: row.id }).then((res) => {
agencyWithdrawSet({ ids: row.id }).then((res) => {
if (res.success === true) {
ElMessage({
type: "success",
@@ -405,13 +607,34 @@ export default {
<style scope>
.exportBtn {
margin-bottom: 20px;
margin-bottom: 0;
}
.text {
margin-left: 20px;
}
.container {
width: 100%;
}
.search-line {
width: 38%;
}
.boxs {
margin-top: 10px;
width: 100%;
word-wrap: break-word; /* 允许在单词内换行 */
overflow-wrap: break-word; /* 同上,现代浏览器推荐使用 */
white-space: normal; /* 允许换行 */
}
.radios {
display: block !important;
width: 100% !important;
word-wrap: break-word !important; /* 允许在单词内换行 */
overflow-wrap: break-word !important; /* 同上,现代浏览器推荐使用 */
white-space: normal !important; /* 允许换行 */
height: auto !important;
}
.boxs2 div {
margin-bottom: 10px;
font-size: 16px;
}
</style>

View File

@@ -73,6 +73,7 @@
<input type="checkbox" name="partitionFlag" value="1"/>英语区<br>
<input type="checkbox" name="partitionFlag" value="2"/>阿拉伯语区<br>
<input type="checkbox" name="partitionFlag" value="4"/>华语区<br>
<input type="checkbox" name="partitionFlag" value="8"/>土耳其区<br>
</div>
</div>
<div class="form-group">
@@ -93,6 +94,12 @@
<input type="text" class="form-control" name="headwearName" id="headwearEnName">
</div>
</div>
<div class="form-group">
<label for="headwearTrName" class="col-sm-3 control-label">土耳其头饰名称:</label>
<div class="col-sm-9">
<input type="text" class="form-control" name="headwearName" id="headwearTrName">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">使用萝卜购买</label>
<div class="col-sm-9">
@@ -385,6 +392,7 @@ export default {
{field: 'name.zh', title: '头饰名称', align: 'center', width: '5%'},
{field: 'name.ar', title: '阿语头饰名称', align: 'center', width: '5%'},
{field: 'name.en', title: '英语头饰名称', align: 'center', width: '5%'},
{field: 'name.tr', title: '土耳其头饰名称', align: 'center', width: '5%'},
{
field: 'partitionFlag',
title: '地区',
@@ -401,6 +409,9 @@ export default {
if ((val & 4) != 0) {
value += '华语区<br>';
}
if ((val & 8) != 0) {
value += '土耳其<br>';
}
return value;
}
},
@@ -643,6 +654,7 @@ export default {
$("#headwearName").val("");
$("#headwearArName").val("");
$("#headwearEnName").val("");
$("#headwearTrName").val("");
$("#price").val("");
$("#renewPrice").val("");
$("#originalPrice").val("");
@@ -688,8 +700,9 @@ export default {
var headwearName = $("#headwearName").val();
var headwearArName = $("#headwearArName").val();
var headwearEnName = $("#headwearEnName").val();
var headwearTrName = $("#headwearTrName").val();
// 国际化字段
var jsonName = {"zh":headwearName,"ar":headwearArName,"en":headwearEnName}
var jsonName = {"zh":headwearName,"ar":headwearArName,"en":headwearEnName,"tr":headwearTrName}
const nameValue = JSON.stringify(jsonName);
var price = $("#price").val();
var renewPrice = $("#renewPrice").val();
@@ -825,10 +838,12 @@ export default {
$("#headwearName").val(jsonName.zh);
$("#headwearArName").val(jsonName.ar);
$("#headwearEnName").val(jsonName.en);
$("#headwearTrName").val(jsonName.tr);
} else {
$("#headwearName").val(name);
$("#headwearArName").val(name);
$("#headwearEnName").val(name);
$("#headwearTrName").val(name);
}
$("#price").val(json.price);

View File

@@ -6,12 +6,25 @@
<section class="content-header">
<h1 id="itemTitle"></h1>
</section>
<div id="toolbar" style="height: auto;">
<form id="searchForm" class="" action="" method="post" target="_blank">
<div id="toolbar" style="height: auto">
<form
id="searchForm"
class=""
action=""
method="post"
target="_blank"
>
<div class="col-sm-12">
<label for="type" class="col-sm-1 control-label">资料卡类型:</label>
<label for="type" class="col-sm-1 control-label"
>资料卡类型:</label
>
<div class="col-sm-2">
<select name="type" id="type" data-btn-class="btn-warning" class="form-control">
<select
name="type"
id="type"
data-btn-class="btn-warning"
class="form-control"
>
<option value="" selected="selected">全部</option>
<option value="1">普通</option>
<option value="2">贵族</option>
@@ -19,14 +32,26 @@
</div>
<label for="id" class="col-sm-1 control-label">资料卡id:</label>
<div class="col-sm-2"><input type="text" class="form-control" name="id" id="id"></div>
<label for="name" class="col-sm-1 control-label">资料卡名称:</label>
<div class="col-sm-2"><input type="text" class="form-control" name="name" id="name"></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>
<input type="text" class="form-control" name="id" id="id" />
</div>
<label for="name" class="col-sm-1 control-label"
>资料卡名称:</label
>
<div class="col-sm-2">
<input type="text" class="form-control" name="name" id="name" />
</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>
</form>
@@ -45,67 +70,156 @@
</div>
</section>
<div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
<div
class="modal fade"
id="addModal"
tabindex="-1"
role="dialog"
aria-labelledby="modalLabel"
>
<div class="modal-dialog" role="document">
<div class="modal-content" style="width: 500px;">
<div class="modal-content" style="width: 500px">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">&times;</span></button>
<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="modal_id" />
<div class="form-group">
<label for="partitionFlag" class="col-sm-4 control-label">选择分区</label>
<label for="partitionFlag" class="col-sm-4 control-label"
>选择分区</label
>
<div class="col-sm-6">
<input type="checkbox" name="partitionFlag" value="1"/>英语区<br>
<input type="checkbox" name="partitionFlag" value="2"/>阿拉伯语区<br>
<input type="checkbox" name="partitionFlag" value="4"/>华语区<br>
<input
type="checkbox"
name="partitionFlag"
value="1"
/>英语区<br />
<input
type="checkbox"
name="partitionFlag"
value="2"
/>阿拉伯语区<br />
<input
type="checkbox"
name="partitionFlag"
value="4"
/>华语区<br />
<input
type="checkbox"
name="partitionFlag"
value="8"
/>土耳其<br />
</div>
</div>
<div class="form-group">
<label for="modal_type" class="col-sm-4 control-label">装扮类型:</label>
<label for="modal_type" class="col-sm-4 control-label"
>装扮类型:</label
>
<div class="col-sm-6">
<select name="type" id="modal_type" data-btn-class="btn-warning" class="form-control">
<select
name="type"
id="modal_type"
data-btn-class="btn-warning"
class="form-control"
>
<option value="1">普通装扮</option>
<option value="2">贵族装扮</option>
</select>
</div>
</div>
<div class="form-group">
<label for="modal_name" class="col-sm-4 control-label">装扮名称:</label>
<label for="modal_name" class="col-sm-4 control-label"
>装扮名称:</label
>
<div class="col-sm-6">
<input type="text" class="form-control validate[required]" name="name" id="modal_name" placeholder="请输入资料卡名称">
<input
type="text"
class="form-control validate[required]"
name="name"
id="modal_name"
placeholder="请输入资料卡名称"
/>
</div>
</div>
<div class="form-group">
<label for="ar_modal_name" class="col-sm-4 control-label">阿语装扮名称:</label>
<label for="ar_modal_name" class="col-sm-4 control-label"
>阿语装扮名称:</label
>
<div class="col-sm-6">
<input type="text" class="form-control validate[required]" name="name" id="ar_modal_name" placeholder="请输入资料卡名称">
<input
type="text"
class="form-control validate[required]"
name="name"
id="ar_modal_name"
placeholder="请输入资料卡名称"
/>
</div>
</div>
<div class="form-group">
<label for="en_modal_name" class="col-sm-4 control-label">英语装扮名称:</label>
<label for="en_modal_name" class="col-sm-4 control-label"
>英语装扮名称:</label
>
<div class="col-sm-6">
<input type="text" class="form-control validate[required]" name="name" id="en_modal_name" placeholder="请输入资料卡名称">
<input
type="text"
class="form-control validate[required]"
name="name"
id="en_modal_name"
placeholder="请输入资料卡名称"
/>
</div>
</div>
<div class="form-group">
<label for="tr_modal_name" class="col-sm-4 control-label"
>土耳其装扮名称:</label
>
<div class="col-sm-6">
<input
type="text"
class="form-control validate[required]"
name="name"
id="tr_modal_name"
placeholder="请输入资料卡名称"
/>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">图片:</label>
<div class="col-sm-6">
<img src="" id="addIconPicUrl" style="height:44px;" alt="">
<input type="file" id="addUploadIconPic" name="uploadFile"
accept="image/gif,image/jpeg,image/jpg,image/png,image/svg">
<button class="btn btn-success" type="button" id="uploadBtn">上传</button>
<img src="" id="addIconPicUrl" style="height: 44px" alt="" />
<input
type="file"
id="addUploadIconPic"
name="uploadFile"
accept="image/gif,image/jpeg,image/jpg,image/png,image/svg"
/>
<button class="btn btn-success" type="button" id="uploadBtn">
上传
</button>
<input type="hidden" id="pic" name="pic" class="form-control" />
<a href="javascript:void(0)" id="removeIconPic">清除</a>
</div>
</div>
<div class="form-group">
<label for="status" class="col-sm-4 control-label">装扮状态:</label>
<label for="status" class="col-sm-4 control-label"
>装扮状态:</label
>
<div class="col-sm-6">
<select name="status" id="status" data-btn-class="btn-warning" class="form-control">
<select
name="status"
id="status"
data-btn-class="btn-warning"
class="form-control"
>
<option value="1">有效</option>
<option value="2">无效</option>
</select>
@@ -115,20 +229,36 @@
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary" id="button-save">保存</button>
<button type="button" class="btn btn-default" data-dismiss="modal">
关闭
</button>
<button type="button" class="btn btn-primary" id="button-save">
保存
</button>
</div>
</div>
</div>
</div>
<!-- 为用户赠送铭牌弹窗 -->
<div class="modal fade" id="sendModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
<div
class="modal fade"
id="sendModal"
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">x</span></button>
<button
type="button"
class="close"
data-dismiss="modal"
aria-label="Close"
>
<span aria-hidden="true">x</span>
</button>
<h4 class="modal-title" id="modalSendLabel">赠送装扮</h4>
</div>
<div class="modal-body">
@@ -137,26 +267,44 @@
<div class="form-group">
<label for="sendErbanNo" class="col-sm-3 control-label">ID</label>
<div class="col-sm-9">
<textarea name="erbanNos" id="sendErbanNo" class="form-control validate[required]"
placeholder="多个ID使用,分隔一次性不得超过100个"></textarea>
<textarea
name="erbanNos"
id="sendErbanNo"
class="form-control validate[required]"
placeholder="多个ID使用,分隔一次性不得超过100个"
></textarea>
</div>
</div>
<div class="form-group">
<label for="sendDays" class="col-sm-3 control-label">赠送天数</label>
<label for="sendDays" class="col-sm-3 control-label"
>赠送天数</label
>
<div class="col-sm-9">
<input type="text" name="days" id="sendDays" class="form-control validate[required]" />
<input
type="text"
name="days"
id="sendDays"
class="form-control validate[required]"
/>
</div>
</div>
<div class="form-group">
<label for="sendDesc" class="col-sm-3 control-label">备注</label>
<div class="col-sm-9">
<input type="text" name="remake" id="sendDesc" class="form-control validate[required]" />
<input
type="text"
name="remake"
id="sendDesc"
class="form-control validate[required]"
/>
</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-default" data-dismiss="modal">
关闭
</button>
<button type="button" class="btn btn-primary" id="send">提交</button>
</div>
</div>
@@ -165,9 +313,9 @@
</template>
<script>
import TableHelper from '@/utils/bootstrap-table-helper';
import { getPartitionInfoList } from '@/api/partition/partitionInfo';
import { buildSelectOption } from '@/utils/system-helper';
import TableHelper from "@/utils/bootstrap-table-helper";
import { getPartitionInfoList } from "@/api/partition/partitionInfo";
import { buildSelectOption } from "@/utils/system-helper";
export default {
name: "InfocardManageView",
@@ -182,103 +330,144 @@ export default {
},
methods: {
initData() {
$(function () {
$('#table').bootstrapTable('destroy');
$('#table').bootstrapTable({
$("#table").bootstrapTable("destroy");
$("#table").bootstrapTable({
columns: [
{ field: 'id', title: '装扮id', align: 'middle', width: '5%' },
{ field: "id", title: "装扮id", align: "middle", width: "5%" },
{
field: 'partitionFlag',
title: '地区',
align: 'center',
width: '10%',
field: "partitionFlag",
title: "地区",
align: "center",
width: "10%",
formatter: function (val, row, index) {
let value = '';
let value = "";
if ((val & 1) != 0) {
value += '英语区<br>';
value += "英语区<br>";
}
if ((val & 2) != 0) {
value += '阿拉伯语区<br>';
value += "阿拉伯语区<br>";
}
if ((val & 4) != 0) {
value += '华语区<br>';
value += "华语区<br>";
}
if ((val & 8) != 0) {
value += "土耳其区<br>";
}
return value;
}
},
{field: 'name.zh', title: '装扮名称', align: 'middle', width: '5%'},
{field: 'name.ar', title: '阿语装扮名称', align: 'middle', width: '5%'},
{field: 'name.en', title: '英语装扮名称', align: 'middle', width: '5%'},
},
{
field: 'pic',
title: '装扮图片',
align: 'middle',
valign: 'middle',
width: '5%',
field: "name.zh",
title: "装扮名称",
align: "middle",
width: "5%",
},
{
field: "name.ar",
title: "阿语装扮名称",
align: "middle",
width: "5%",
},
{
field: "name.en",
title: "英语装扮名称",
align: "middle",
width: "5%",
},
{
field: "name.tr",
title: "土耳其装扮名称",
align: "middle",
width: "5%",
},
{
field: "pic",
title: "装扮图片",
align: "middle",
valign: "middle",
width: "5%",
formatter: function (val, row, index) {
if (val) {
return "<img style='max-width: 200px;max-height: 200px' src='" + val + "'>";
return (
"<img style='max-width: 200px;max-height: 200px' src='" +
val +
"'>"
);
} else {
return '-';
}
return "-";
}
},
},
{
field: 'type', title: '装扮类型', align: 'middle', width: '5%',
field: "type",
title: "装扮类型",
align: "middle",
width: "5%",
formatter: function (val) {
if (val === 1) {
return '普通装扮';
return "普通装扮";
} else if (val === 2) {
return '贵族装扮';
return "贵族装扮";
} else {
return '-';
}
return "-";
}
},
},
{
field: 'status', title: '状态', align: 'middle', width: '5%',
field: "status",
title: "状态",
align: "middle",
width: "5%",
formatter: function (val) {
if (val === 1) {
return '有效';
return "有效";
} else if (val === 2) {
return '无效';
return "无效";
} else {
return '-';
}
return "-";
}
},
},
{
field: 'createTime',
title: '添加时间',
align: 'middle',
width: '5%',
valign: 'middle',
field: "createTime",
title: "添加时间",
align: "middle",
width: "5%",
valign: "middle",
formatter: function (val, row, index) {
if (val) {
var date = new Date(val);
return date.format("yyyy-MM-dd hh:mm:00");
} else {
return '-';
}
return "-";
}
},
},
{
field: 'id',
title: '操作',
align: 'middle',
width: '5%',
field: "id",
title: "操作",
align: "middle",
width: "5%",
formatter: function (val, row, index) {
let isSendDisabled = false;
if (row.type === 2) {
isSendDisabled = true;
}
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 +
">" +
'<i class="glyphicon glyphicon-edit"></i> 编辑</button>&nbsp;&nbsp;' +
'<button id="btnSend" name="btnSend" class="btn btn-sm btn-success opt-send" data-id=' + val + " " + `${isSendDisabled ? ' disabled ' : ''}` + '>' +
'<i class="glyphicon glyphicon-edit"></i> 赠送</button>&nbsp;&nbsp;';
}
}
'<button id="btnSend" name="btnSend" class="btn btn-sm btn-success opt-send" data-id=' +
val +
" " +
`${isSendDisabled ? " disabled " : ""}` +
">" +
'<i class="glyphicon glyphicon-edit"></i> 赠送</button>&nbsp;&nbsp;'
);
},
},
],
cache: false,
striped: true,
@@ -290,30 +479,32 @@ export default {
sidePagination: "server", //表示服务端请求
queryParamsType: "-",
uniqueId: "id",
queryParams: function queryParams(params) { //设置查询参数
queryParams: function queryParams(params) {
//设置查询参数
var param = {
page: params.pageNumber,
pageSize: params.pageSize,
type: $('#type').val(),
name: $('#name').val(),
id: $('#id').val(),
partitionId: $('#partitionId').val(),
type: $("#type").val(),
name: $("#name").val(),
id: $("#id").val(),
partitionId: $("#partitionId").val(),
};
return param;
},
ajax:function(request){ //使用ajax请求
ajax: function (request) {
//使用ajax请求
$.ajax({
type:"GET",
url:'/admin/infocard/listByPage',
contentType:'application/json;charset=utf-8',
dataType:'json',
type: "GET",
url: "/admin/infocard/listByPage",
contentType: "application/json;charset=utf-8",
dataType: "json",
data: request.data,
success:function (res) {
success: function (res) {
console.log(res);
request.success({
"rows": res.rows.map(i=>{
rows: res.rows.map((i) => {
let value = i.name;
if (value.startsWith('{') && value.endsWith('}')) {
if (value.startsWith("{") && value.endsWith("}")) {
i.name = JSON.parse(value);
} else {
i.name = {
@@ -324,51 +515,62 @@ export default {
}
return i;
}),
"total": res.total
total: res.total,
});
},
error:function(error){
error: function (error) {
console.log(error);
}
})
},
toolbar: '#toolbar',
});
},
toolbar: "#toolbar",
// url: '/admin/infocard/listByPage',
onLoadSuccess: function () { //加载成功时执行
onLoadSuccess: function () {
//加载成功时执行
console.log("load success");
},
onLoadError: function () { //加载失败时执行
onLoadError: function () {
//加载失败时执行
console.log("load fail");
}
},
});
// 查询刷新
$('#btnSearch').on('click', function () {
TableHelper.doRefresh('#table');
$("#btnSearch").on("click", function () {
TableHelper.doRefresh("#table");
});
// 编辑
$("#table").on("click", '#btnEdit', function () {
$("#table").on("click", "#btnEdit", function () {
var id = $(this).attr("data-id");
var row = $('#table').bootstrapTable('getRowByUniqueId', id);
var row = $("#table").bootstrapTable("getRowByUniqueId", id);
// 赋值
$("#addForm #modal_id").val(row.id);
$("#addForm #modal_type").val(row.type);
let name = row.name;
if (name && Object.prototype.hasOwnProperty.call(name, 'zh') && Object.prototype.hasOwnProperty.call(name, 'ar') && Object.prototype.hasOwnProperty.call(name, 'en')) {
if (
name &&
Object.prototype.hasOwnProperty.call(name, "zh") &&
Object.prototype.hasOwnProperty.call(name, "ar") &&
Object.prototype.hasOwnProperty.call(name, "en")
) {
$("#addForm #modal_name").val(row.name.zh);
// 阿语
$("#addForm #ar_modal_name").val(row.name.ar);
// 英语
$("#addForm #en_modal_name").val(row.name.en);
// 土耳其
$("#addForm #tr_modal_name").val(row.name.tr);
} else {
$("#addForm #modal_name").val(name);
// 阿语
$("#addForm #ar_modal_name").val(name);
// 英语
$("#addForm #en_modal_name").val(name);
// 土耳其
$("#addForm #tr_modal_name").val(name);
}
$('#addIconPicUrl').attr("src", row.pic);
$("#addIconPicUrl").attr("src", row.pic);
$("#addForm #pic").val(row.pic);
$("#addForm #status").val(row.status);
//分区
@@ -388,84 +590,91 @@ export default {
} else {
$("input:checkbox[name='partitionFlag']")[2].checked = false;
}
$("#addModal").modal('show');
$("#addModal").modal("show");
});
$('#uploadBtn').on('click', function () {
$("#uploadBtn").on("click", function () {
var options = {
type: 'post',
url: '/admin/upload/img',
dataType: 'json',
type: "post",
url: "/admin/upload/img",
dataType: "json",
success: function (json) {
if (json.path) {
$('#pic').val(json.path);
$('#addIconPicUrl').attr("src", json.path);
$("#pic").val(json.path);
$("#addIconPicUrl").attr("src", json.path);
} else {
$("#tipMsg").text(json.msg);
$("#tipModal").modal('show');
}
$("#tipModal").modal("show");
}
},
};
$("#addForm").ajaxSubmit(options);
});
$('#removeIconPic').on('click', function () {
$('#addIconPicUrl').attr('src', '');
$('#addUploadIconPic').val('');
$('#iconPic').val('');
$("#removeIconPic").on("click", function () {
$("#addIconPicUrl").attr("src", "");
$("#addUploadIconPic").val("");
$("#iconPic").val("");
});
//打开新增页面
$('#btnAdd').on('click', function () {
$("#btnAdd").on("click", function () {
cleanModal();
$("#addModal").modal('show');
$("#addModal").modal("show");
});
//保存
$('#button-save').on('click', function () {
var pic = $('#pic').val();
var name = $('#modal_name').val();
var arName = $('#ar_modal_name').val();
var enName = $('#en_modal_name').val();
$("#button-save").on("click", function () {
var pic = $("#pic").val();
var name = $("#modal_name").val();
var arName = $("#ar_modal_name").val();
var enName = $("#en_modal_name").val();
var trName = $("#tr_modal_name").val();
//做下数据校验
if (isEmpty(name)) {
$("#tipMsg").text("装扮名字不能为空");
$("#tipModal").modal('show');
$("#tipModal").modal("show");
return;
}
if (isEmpty(arName)) {
$("#tipMsg").text("阿语装扮名字不能为空");
$("#tipModal").modal('show');
$("#tipModal").modal("show");
return;
}
if (isEmpty(enName)) {
$("#tipMsg").text("英语装扮名字不能为空");
$("#tipModal").modal('show');
$("#tipModal").modal("show");
return;
}
if (isEmpty(trName)) {
$("#tipMsg").text("土耳其装扮名字不能为空");
$("#tipModal").modal("show");
return;
}
if (isEmpty(pic)) {
$("#tipMsg").text("图片不能为空");
$("#tipModal").modal('show');
$("#tipModal").modal("show");
return;
}
if ($("#addForm").validationEngine('validate')) {
console.log('$("#addForm").serialize()', $("#addForm").serialize())
if ($("#addForm").validationEngine("validate")) {
console.log('$("#addForm").serialize()', $("#addForm").serialize());
// 获取序列化字符串并转换为对象
let formData = $('#addForm').serializeArray().reduce(function(obj, item) {
let formData = $("#addForm")
.serializeArray()
.reduce(function (obj, item) {
obj[item.name] = item.value;
return obj;
}, {});
// 国际化字段
var jsonName = {"zh":name,"ar":arName,"en":enName}
var jsonName = { zh: name, ar: arName, en: enName, tr: trName };
const nameValue = JSON.stringify(jsonName);
// 修改属性值
formData.name = nameValue; // 将giftName修改为"newGiftName"
//分区
const partitionFlagArray = $("input:checkbox[name='partitionFlag']:checked").serializeArray();
const partitionFlagArray = $(
"input:checkbox[name='partitionFlag']:checked"
).serializeArray();
let partitionFlag = 0;
for (let i = 0, len = partitionFlagArray.length; i < len; i++) {
console.log(partitionFlagArray[i]);
@@ -482,81 +691,80 @@ export default {
success: function (json) {
if (json.code === 200) {
$("#tipMsg").text("保存成功");
$("#tipModal").modal('show');
setTimeout(function() {
$("#tipModal").modal("show");
setTimeout(function () {
TableHelper.doRefresh("#table");
$("#addModal").modal('hide');
$("#addModal").modal("hide");
}, 1000);
} else {
$("#tipMsg").text("保存失败,错误信息:" + json.message);
$("#tipModal").modal('show');
}
$("#tipModal").modal("show");
}
},
});
}
});
//打开赠送弹窗
$("#table").on('click', '.opt-send', function () {
$("#table").on("click", ".opt-send", function () {
//清除数据
$('#sendModal').find('input').val('');
$('#sendModal').find('textarea').val('');
$("#sendModal").find("input").val("");
$("#sendModal").find("textarea").val("");
//设置数据
var id = $(this).attr("data-id");
$('#sendId').val(id);
$('#sendModal').modal('show');
$("#sendId").val(id);
$("#sendModal").modal("show");
});
//同步用户铭牌
$("#table").on('click', '.opt-sync', function () {
$("#table").on("click", ".opt-sync", function () {
//设置数据
var id = $(this).attr("data-id");
$.ajax({
type: "get",
url: "/admin/nameplate/sync",
data: {
id: id
id: id,
},
dataType: "json",
success: function (json) {
if (json.code == 200) {
$("#tipMsg").text("同步成功");
$("#tipModal").modal('show');
$("#tipModal").modal("show");
} else {
$("#tipMsg").text("同步失败");
$("#tipModal").modal('show');
}
$("#tipModal").modal("show");
}
},
});
});
//赠送
$("#send").click(function () {
// debugger;
var erbanNo = $('#sendErbanNo').val().trim();//去掉首尾的空格和换行符
var erbanNo = $("#sendErbanNo").val().trim(); //去掉首尾的空格和换行符
if (!(erbanNo.length > 0)) {
$("#tipMsg").text("请输入ID");
$("#tipModal").modal('show');
$("#tipModal").modal("show");
return;
}
if (erbanNo.length > 100) {
$("#tipMsg").text("单次赠送用户不得超过100");
$("#tipModal").modal('show');
$("#tipModal").modal("show");
return;
}
if (!$('#sendDays').val()) {
if (!$("#sendDays").val()) {
$("#tipMsg").text("请输入天数");
$("#tipModal").modal('show');
$("#tipModal").modal("show");
return;
}
var sendDays = $('#sendDays').val();
var sendDesc = $('#sendDesc').val();
var sendId = $('#sendId').val();
var sendDays = $("#sendDays").val();
var sendDesc = $("#sendDesc").val();
var sendId = $("#sendId").val();
$("#tipMsg").text("赠送中,请稍后...");
$("#tipModal").modal('show');
if ($("#sendForm").validationEngine('validate')) {
$("#tipModal").modal("show");
if ($("#sendForm").validationEngine("validate")) {
$.ajax({
type: "get",
url: "/admin/infocard/send",
@@ -564,36 +772,40 @@ export default {
erbanNos: erbanNo,
days: sendDays,
cardId: sendId,
remark: sendDesc
remark: sendDesc,
},
dataType: "json",
success: function (json) {
if (json.code === 200) {
$('#sendModal').modal('hide');
$("#sendModal").modal("hide");
$("#tipMsg").text(json.message);
TableHelper.doRefresh("#table");
}
}
},
});
}
});
});
},
initPartition() {
getPartitionInfoList().then(res => {
getPartitionInfoList().then((res) => {
let data = res.data;
buildSelectOption(
"#partitionId",
null,
[{
value: '',
text: '全部',
}].concat(data.map((v) => {
[
{
value: "",
text: "全部",
},
].concat(
data.map((v) => {
return {
value: v.id,
text: v.desc,
};
}))
})
)
);
});
},
@@ -601,14 +813,14 @@ export default {
};
function cleanModal() {
$('#id').val('');
$('#addIconPicUrl').attr('src', '');
$('#addUploadIconPic').val('');
$('#pic').val('');
$('#status').val('');
$('#modal_type').val('');
$('#modal_name').val('');
$('input[name="partitionFlag"]').each(function() {
$("#id").val("");
$("#addIconPicUrl").attr("src", "");
$("#addUploadIconPic").val("");
$("#pic").val("");
$("#status").val("");
$("#modal_type").val("");
$("#modal_name").val("");
$('input[name="partitionFlag"]').each(function () {
$(this).checked = false;
});
}
@@ -628,4 +840,5 @@ function isEmpty(data) {
.pull-left {
width: 100% !important;
}</style>
}
</style>

View File

@@ -0,0 +1,232 @@
<template>
<div class="box">
<div class="condition">
<!-- 分区 -->
<div class="inquire">
<span>奖池</span>
<el-select
v-model="inquire.value"
placeholder="请选择"
@change="handleChange"
>
<el-option
v-for="item in inquire.options"
:key="item.type"
:label="item.name"
:value="item.type"
>
</el-option>
</el-select>
</div>
</div>
<!-- 总分组 -->
<div class="allArr">
目前数组 <span>{{ allArr.length }} </span> :
<span class="span" v-for="(item, index) in allArr" :key="index">
{{ item.expect }},
</span>
</div>
<!-- 数组设置 -->
<div class="arrSet">数组设置</div>
<!-- 数组内容 -->
<div class="boxs">
<div class="arrContent" v-for="(item, index) in arr" :key="index">
<div class="arrBox">
<div class="left">
<div class="left_in1">
期望: <b class="b1">{{ item.expect }}</b> ,
</div>
<div class="left_in2">
得到率: <b class="b2">{{ (item.winRate * 100).toFixed(2) }}%</b> ,
</div>
</div>
<div class="right" v-for="(arrInItem, i) in item.itemList" :key="i">
<span>{{ arrInItem.multi }}</span>
<el-input
@input="handleInput(index, i, $event)"
v-model="arrInItem.num"
placeholder=""
class="input"
/>
</div>
</div>
</div>
</div>
<!-- 按钮 -->
<div class="but">
<el-button class="primary" type="primary" @click="saveFun()"
>保存
</el-button>
</div>
</div>
</template>
<script>
import { listType, list, save } from "@/api/luckGift/luckGift";
// @ts-ignore
import { dateFormat } from "@/utils/system-helper";
// @ts-ignore
import { ElMessage } from "element-plus";
import moment from "moment-timezone";
export default {
name: "luckGiftArrange",
data() {
return {
//查询所需条件对象
inquire: {
value: "",
options: [],
},
allArr: [], //总数组
arr: [], //处理下面总数组
};
},
created() {
listType().then((res) => {
this.inquire.options = res.data;
this.inquire.value = res.data[0].type;
this.getData();
});
},
methods: {
// 查询接口
getData() {
list({ type: this.inquire.value }).then((res) => {
this.allArr = res.data;
this.arr = res.data;
});
},
handleInput(index, i, val) {
// 期望值 expectedvalue = 倍数 * 5 * num / 2500
// 中奖率 winRate =不为θ的倍数的num / 500
this.arr[index].expect = this.calculationFun(index, i, val).expect;
this.arr[index].winRate = this.calculationFun(index, i, val).winRate;
},
// 计算函数
calculationFun(index, i, val) {
var expectNum = 0;
var winRate = 0;
this.arr[index].itemList.forEach((res) => {
expectNum += res.multi * res.num;
winRate += Number(res.num);
});
console.log(winRate);
return {
expect: (expectNum / 500).toFixed(2),
winRate: (winRate / 500).toFixed(4),
};
},
// 保存
saveFun() {
//
save(
JSON.stringify({ poolList: this.arr, type: this.inquire.value })
).then((res) => {
if (res.code == 200) {
ElMessage({
showClose: true,
message: "保存成功",
type: "success",
});
this.getData();
} else {
ElMessage({
showClose: true,
message: res.message,
type: "error",
});
}
});
},
// 监听类型
handleChange(value) {
this.inquire.value = value;
this.getData();
},
},
};
</script>
<style lang="less" scoped>
.box {
padding-top: 20px;
background: #ecf0f5;
font-size: 18px;
.condition {
margin-bottom: 20px;
.inquire {
display: inline-block;
margin-right: 20px;
span {
margin-right: 10px;
}
.input {
width: 180px;
margin-right: 10px;
}
}
}
.but {
margin-bottom: 20px;
}
.allArr {
margin: 20px 0 10px 0;
span {
color: red;
}
.span {
margin: 0 10px;
}
}
.arrSet {
margin-bottom: 0px;
}
.boxs {
display: flex;
// justify-content: space-between;
flex-wrap: wrap;
.arrContent {
// margin-bottom: 20px;
width: 190px;
height: 395px;
line-height: 30px;
margin-bottom: 20px;
.arrBox {
.left {
// float: left;
div {
min-width: 100px;
display: block;
// margin-bottom: -25px;
.b1 {
color: red;
}
.b2 {
color: blue;
}
}
.left_in2 {
margin-bottom: 10px
}
}
.right {
float: left;
margin-bottom: 15px;
span {
display: inline-block;
width: 45px;
}
.input {
display: inline-block;
width: 100px;
margin-right: 10px;
font-size: 16px;
}
}
}
}
}
}
</style>

View File

@@ -0,0 +1,281 @@
<template>
<div class="box">
<!-- ID -->
<div class="condition">
<!-- 分区 -->
<div class="inquire">
<span>分区</span>
<el-select
v-model="inquire.value"
placeholder="请选择"
@change="handleChange"
>
<el-option
v-for="item in inquire.options"
:key="item.type"
:label="item.name"
:value="item.type"
>
</el-option>
</el-select>
</div>
<div class="inquire">
<span>MoliStar ID</span>
<el-input v-model="inquire.userId" placeholder="" class="input">
</el-input>
</div>
<!-- 送出时间 -->
<div class="inquire">
<span>送出时间</span>
<el-date-picker v-model="inquire.time" type="date" placeholder="请选择">
</el-date-picker>
</div>
</div>
<el-button type="text">总进入{{ totalInput }}</el-button>
<el-button type="text">总退出{{ totalOutput }}</el-button>
<el-button type="text"
>总比例{{ totalProductionRatio }}</el-button
>
<!-- 按钮 -->
<div class="but">
<el-button class="primary" type="primary" @click="getData()"
>查询
</el-button>
<el-button
@click="
inquire.userId = '';
inquire.time = '';
"
>重置筛选
</el-button>
<el-button
class="primary"
type="primary"
style="margin-left=20px;"
:disabled="butClick"
@click="
editDialog = true;
type = 12;
editDialogTitle = '赠送1000倍奖励';
value = inquire.x;
"
>
赠送</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="uid" align="center" label="uid" />
<el-table-column prop="erbanNo" align="center" label="平台id" />
<el-table-column prop="totalInput" align="center" label="进入" />
<el-table-column prop="totalOutput" align="center" label="退出" />
<el-table-column prop="production" align="center" label="剩余" />
<el-table-column
prop="productionRatio"
align="center"
label="退出/进入"
/>
<el-table-column prop="avgInput" align="center" label="每次进入" />
<el-table-column prop="num" align="center" label="总次数" />
<el-table-column prop="winNum" align="center" label="得到次数" />
<el-table-column prop="winRate" 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"
/>
<!-- 编辑弹窗 -->
<el-dialog v-model="editDialog" :title="editDialogTitle" 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"
>{{ editDialogTitle }}</span
>
<el-input
v-model="value"
style="width: 75%"
class="input"
placeholder="请输入用户ID"
></el-input>
</div>
<template #footer>
<span class="dialog-footer">
<el-button
@click="
editDialog = false;
butClick = false;
"
>取消</el-button
>
<el-button
type="primary"
:disabled="butClick"
@click="editDialogClick()"
>
保存
</el-button>
</span>
</template>
</el-dialog>
</div>
</template>
<script>
import { personal, updateUserMulti } from "@/api/luckGift/luckGift";
// @ts-ignore
import { dateFormat } from "@/utils/system-helper";
// @ts-ignore
import { ElMessage } from "element-plus";
import moment from "moment-timezone";
export default {
name: "luckGiftData",
data() {
return {
loading: false,
totalInput: 0,
totalOutput: 0,
totalProductionRatio: 0,
//查询所需条件对象
inquire: {
userId: "",
time: "",
value: 2,
options: [
{
name: "阿拉伯区",
type: 2,
},
{
name: "英语区",
type: 1,
},
{
name: "华语区",
type: 4,
},
{
value: 8,
label: "土耳其区",
},
],
},
// 表格
tableData: [],
// 分页
total: 10, //总页数
currentPage: 1, //页码
pageSize: 10, //条数
editDialog: false,
editDialogTitle: "",
value: "",
};
},
created() {
// this.getData();
},
methods: {
// 查询接口
getData() {
console.log(dateFormat(this.inquire.time, "yyyy-MM-dd"));
if (!this.inquire.time && this.inquire.userId == '') {
ElMessage({
showClose: true,
message: "时间和ID至少填一项",
type: "error",
});
return;
}
this.loading = true;
personal({
erbanNo: this.inquire.userId,
pageNo: this.currentPage,
pageSize: this.pageSize,
date: this.inquire.time
? dateFormat(this.inquire.time, "yyyy-MM-dd")
: null,
partitionId: this.inquire.value,
}).then((res) => {
this.total = res.data.dataPage.total;
this.tableData = res.data.dataPage.rows;
this.totalInput = res.data.totalInput;
this.totalOutput = res.data.totalOutput;
this.totalProductionRatio = res.data.totalProductionRatio;
this.loading = false;
});
},
// 确认保存
editDialogClick() {
this.butClick = true;
updateUserMulti({ erbanNo: this.value }).then((res) => {
if (res.code == 200) {
ElMessage({
showClose: true,
message: "赠送成功",
type: "success",
});
setTimeout(() => {
this.butClick = false;
}, 3000);
this.editDialog = false;
this.getData();
} else {
this.butClick = false;
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;
.condition {
margin-bottom: 20px;
.inquire {
display: inline-block;
margin-right: 20px;
span {
margin-right: 10px;
}
.input {
width: 180px;
margin-right: 10px;
}
}
}
.but {
margin-bottom: 20px;
}
}
</style>

View File

@@ -0,0 +1,151 @@
<template>
<div class="box">
<div class="condition">
<!-- 分区 -->
<div class="inquire">
<span>分区</span>
<el-select v-model="inquire.value" 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="inquire">
<span>时间</span>
<el-date-picker v-model="inquire.time" type="date" placeholder="请选择">
</el-date-picker>
</div> -->
</div>
<!-- 按钮 -->
<div class="but">
<el-button class="primary" type="primary" @click="getData()"
>查询
</el-button>
</div>
<el-button type="text">数组出金币总额{{ totalInput }}</el-button>
<el-button type="text">数组出返币总额{{ totalOutput }}</el-button>
<el-button type="text">投产比{{ totalProductionRatio }}</el-button>
<!-- 表格 -->
<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="totalInput" align="center" label="进入" />
<el-table-column prop="totalOutput" align="center" label="退出" />
<el-table-column
prop="productionRatio"
align="center"
label="退出/进入比例"
/>
<el-table-column prop="num" align="center" label="参与次数" />
<el-table-column prop="count" align="center" label="参与人数" />
<el-table-column prop="winCount" align="center" label="得到人数" />
<el-table-column prop="winNum" align="center" label="得到次数" />
<el-table-column prop="winRate" align="center" label="得到率" />
</el-table>
</div>
</template>
<script>
import { platform } from "@/api/luckGift/luckGift";
// @ts-ignore
import { dateFormat } from "@/utils/system-helper";
// @ts-ignore
import { ElMessage } from "element-plus";
import moment from "moment-timezone";
export default {
name: "luckGiftDataAll",
data() {
return {
loading: false,
totalInput: "0",
totalOutput: "0",
totalProductionRatio: "0",
//查询所需条件对象
inquire: {
value: 2,
options: [
{
value: 2,
label: "阿拉伯区",
},
{
value: 1,
label: "英语区",
},
{
value: 4,
label: "华语区",
},
{
value: 8,
label: "土耳其区",
},
],
time: "",
},
// 表格
tableData: [],
// 分页
total: 10, //总页数
currentPage: 1, //页码
pageSize: 10, //条数
};
},
created() {
// this.getData();
},
methods: {
// 查询接口
getData() {
this.loading = true;
platform({
partitionId: this.inquire.value,
}).then((res) => {
this.totalInput = res.data.totalInput;
this.totalOutput = res.data.totalOutput;
this.totalProductionRatio = res.data.totalProductionRatio;
this.tableData = res.data.dataList;
this.loading = false;
});
},
// 分页导航
handleSizeChange() {
this.getData();
},
handleCurrentChange() {
this.getData();
},
},
};
</script>
<style lang="less" scoped>
.box {
padding-top: 20px;
background: #ecf0f5;
.condition {
margin-bottom: 20px;
.inquire {
display: inline-block;
margin-right: 20px;
span {
margin-right: 10px;
}
.input {
width: 180px;
margin-right: 10px;
}
}
}
.but {
margin-bottom: 20px;
}
}
</style>

View File

@@ -0,0 +1,504 @@
<template>
<div class="box">
<div class="condition">
<!-- 分区 -->
<div class="inquire">
<span>分区</span>
<el-select
v-model="inquire.value"
placeholder="请选择"
@change="handleChange"
>
<el-option
v-for="item in inquire.options"
:key="item.type"
:label="item.name"
:value="item.type"
>
</el-option>
</el-select>
</div>
<div class="inquire">
<span>对比值N</span>
<!-- @input="handleInput" -->
<el-input
v-model="inquire.comparisonValue"
placeholder=""
class="input"
disabled
></el-input>
<el-button
class="primary"
type="primary"
@click="
editDialog = true;
butClick = false;
type = 1;
editDialogTitle = '对比值N';
value = inquire.comparisonValue;
"
>
编辑</el-button
>
</div>
<div class="inquire">
<span>对比值M</span>
<el-input
v-model="inquire.supplement.supplementRatio"
placeholder=""
class="input"
disabled
></el-input>
<el-button
class="primary"
type="primary"
@click="
editDialog = true;
butClick = false;
type = 5;
editDialogTitle = '对比值M';
value = inquire.supplement.supplementRatio;
"
>
编辑</el-button
>
</div>
<div class="inquire">
<span>金币对比值A</span>
<!-- @input="handleInput" -->
<el-input
v-model="inquire.supplement.conditionInput"
placeholder=""
class="input"
disabled
></el-input>
<el-button
class="primary"
type="primary"
@click="
editDialog = true;
butClick = false;
type = 6;
editDialogTitle = '金币对比值A';
value = inquire.supplement.conditionInput;
"
>
编辑</el-button
>
</div>
<div class="inquire">
<span>奖励金币倍数</span>
<!-- @input="handleInput" -->
<el-input
v-model="inquire.supplement.supplementMulti"
placeholder=""
class="input"
disabled
></el-input>
<el-button
class="primary"
type="primary"
@click="
editDialog = true;
butClick = false;
type = 7;
editDialogTitle = '奖励金币倍数';
value = inquire.supplement.supplementMulti;
"
>
编辑</el-button
>
</div>
<div class="inquire">
<span>幸运24金币库存</span>
<el-input
v-model="inquire.goldInventory"
placeholder=""
class="input"
disabled
></el-input>
<el-button
class="primary"
type="primary"
@click="
editDialog = true;
butClick = false;
type = 2;
editDialogTitle = '幸运24金币库存';
value = inquire.goldInventory;
"
>编辑</el-button
>
</div>
<!-- <div class="inquire">
<span>幸运礼物ID</span>
<el-input
v-model="inquire.x"
placeholder=""
class="input"
disabled
></el-input>
<el-button
class="primary"
type="primary"
@click="
editDialog = true;
butClick = false;
type = 8;
editDialogTitle = '幸运礼物ID';
value = inquire.x;
"
>
编辑</el-button
>
</div> -->
<div class="inquire">
<span>平台抽成</span>
<el-input
v-model="inquire.platformCommission"
placeholder=""
class="input"
disabled
></el-input>
<el-button
class="primary"
type="primary"
@click="
editDialog = true;
butClick = false;
type = 3;
editDialogTitle = '平台抽成';
value = inquire.platformCommission;
"
>编辑</el-button
>
</div>
<div class="inquire">
<span>用户收益比例</span>
<el-input
v-model="inquire.userRevenueRatio"
placeholder=""
class="input"
disabled
></el-input>
<el-button
class="primary"
type="primary"
@click="
editDialog = true;
butClick = false;
type = 4;
editDialogTitle = '用户收益比例';
value = inquire.userRevenueRatio;
"
>编辑</el-button
>
</div>
<div class="inquire">
<span>通知制定金额</span>
<!-- @input="handleInput" -->
<el-input
v-model="inquire.warnMulti"
placeholder=""
class="input"
disabled
></el-input>
<el-button
class="primary"
type="primary"
@click="
editDialog = true;
butClick = false;
type = 9;
editDialogTitle = '通知制定金额';
value = inquire.warnMulti;
"
>
编辑</el-button
>
</div>
<!-- <div class="inquire">
<span>库存告急通知</span>
<el-input
v-model="inquire.x"
placeholder=""
class="input"
disabled
></el-input>
<el-button
class="primary"
type="primary"
@click="
editDialog = true;
butClick = false;
type = 10;
editDialogTitle = '库存告急通知';
value = inquire.x;
"
>
编辑</el-button
>
</div> -->
<div class="inquire">
<span>用户上线列表</span>
<!-- @input="handleInput" -->
<el-input
v-model="inquire.followErbanNoList"
placeholder=""
class="input"
disabled
></el-input>
<el-button
class="primary"
type="primary"
@click="
editDialog = true;
butClick = false;
type = 11;
editDialogTitle = '用户上线列表';
value = inquire.followErbanNoList;
"
>
编辑</el-button
>
</div>
<div class="inquire">
<span>赠送1000倍奖励</span>
<el-button
class="primary"
type="primary"
:disabled="butClick"
@click="
editDialog = true;
type = 12;
editDialogTitle = '赠送1000倍奖励';
value = inquire.x;
"
>
赠送</el-button
>
</div>
</div>
<!-- 编辑弹窗 -->
<el-dialog v-model="editDialog" :title="editDialogTitle" 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"
>{{ editDialogTitle }}</span
>
<el-input
v-model="value"
style="width: 75%"
class="input"
placeholder="请输入"
></el-input>
</div>
<template #footer>
<span class="dialog-footer">
<el-button
@click="
editDialog = false;
butClick = false;
"
>取消</el-button
>
<el-button
type="primary"
:disabled="butClick"
@click="editDialogClick()"
>
保存
</el-button>
</span>
</template>
</el-dialog>
</div>
</template>
<script>
import { getConfig, updateSet, updateUserMulti } from "@/api/luckGift/luckGift";
// @ts-ignore
import { dateFormat } from "@/utils/system-helper";
// @ts-ignore
import { ElMessage } from "element-plus";
import moment from "moment-timezone";
export default {
name: "luckGiftSet",
data() {
return {
loading: false,
butClick: false,
butClickTime: null,
//查询所需条件对象
inquire: {
value: 2,
options: [
{
name: "阿拉伯区",
type: 2,
},
{
name: "英语区",
type: 1,
},
{
name: "华语区",
type: 4,
},
{
name: "土耳其区",
type: 8,
},
],
comparisonValue: "",
goldInventory: "",
giftId: "",
platformCommission: "",
userRevenueRatio: "",
supplement: {
conditionInput: "",
conditionNum: "",
supplementMulti: "",
supplementNum: "",
supplementRatio: "",
},
warnMulti: "",
followErbanNoList: "",
},
editDialog: false,
editDialogTitle: "",
value: "",
type: null,
};
},
created() {
this.getData();
},
methods: {
// 查询接口
getData() {
getConfig({ partitionId: this.inquire.value }).then((res) => {
this.inquire.comparisonValue = res.data.productionRatio;
this.inquire.goldInventory = res.data.stock;
this.inquire.platformCommission = res.data.platformRatio;
this.inquire.userRevenueRatio = res.data.receiverRatio;
this.inquire.supplement = res.data.supplement;
this.inquire.warnMulti = res.data.warnMulti;
this.inquire.followErbanNoList = res.data.followErbanNoList.join();
});
},
// 确认保存
editDialogClick() {
var obj = {};
obj.partitionId = this.inquire.value;
if (this.type == 12) {
this.butClick = true;
updateUserMulti({ erbanNo: this.value }).then((res) => {
if (res.code == 200) {
ElMessage({
showClose: true,
message:'赠送成功',
type: "success",
});
setTimeout(() => {
this.butClick = false;
}, 3000);
this.editDialog = false;
this.getData();
} else {
this.butClick = false;
ElMessage({
showClose: true,
message: res.message,
type: "error",
});
}
});
} else {
if (this.type == 1) {
obj.productionRatio = this.value;
} else if (this.type == 2) {
obj.stock = this.value;
} else if (this.type == 3) {
obj.platformRatio = this.value;
} else if (this.type == 4) {
obj.receiverRatio = this.value;
}else if (this.type == 5) {
obj.supplement = this.inquire.supplement;
obj.supplement.supplementRatio = this.value;
} else if (this.type == 6) {
obj.supplement = this.inquire.supplement;
obj.supplement.conditionInput = this.value;
} else if (this.type == 7) {
obj.supplement = this.inquire.supplement;
obj.supplement.supplementMulti = this.value;
} else if (this.type == 9) {
obj.warnMulti = this.value;
} else if (this.type == 11) {
obj.followErbanNoList = this.value.split(",");
}
updateSet(obj).then((res) => {
if (res.code == 200) {
ElMessage({
showClose: true,
message: "保存成功",
type: "success",
});
this.editDialog = false;
this.getData();
} else {
ElMessage({
showClose: true,
message: res.message,
type: "error",
});
}
});
}
},
// 监听类型
handleChange(value) {
this.inquire.value = value;
this.getData();
},
},
};
</script>
<style lang="less" scoped>
.box {
padding-top: 20px;
background: #ecf0f5;
.condition {
margin-bottom: 20px;
.inquire {
margin-right: 20px;
margin-bottom: 20px;
span {
display: inline-block;
width: 110px;
margin-right: 10px;
// text-align: right;
}
.input {
width: 180px;
margin-right: 10px;
}
}
}
.but {
margin-bottom: 20px;
}
}
</style>

View File

@@ -306,7 +306,8 @@ export default {
this.inquire.value1 = e;
luckyGiftRangeConfigList({ giftId: this.inquire.value1 }).then((res) => {
this.inquire.giftsNum = res.data;
// this.inquire.value2 = res.data[0].id;
// this.inquire.value2 = "";
this.inquire.value2 = res.data[0].id;
// this.loading = true;
// luckyGiftRewardList({
// giftId: e,

View File

@@ -72,7 +72,7 @@
:src="imgFun(JsonFunc(scope.row.rewardJson))[0]"
:zoom-rate="1.1"
:preview-src-list="imgFun(JsonFunc(scope.row.rewardJson))"
fit="cover"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true"
/>

View File

@@ -26,7 +26,7 @@
:src="scope.row.luckyBagPic"
:zoom-rate="1.1"
:preview-src-list="[scope.row.luckyBagPic]"
fit="cover"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true"
/>
@@ -46,7 +46,7 @@
:src="scope.row.destGiftPic"
:zoom-rate="1.1"
:preview-src-list="[scope.row.destGiftPic]"
fit="cover"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true"
/>
@@ -70,7 +70,7 @@
:src="scope.row.rewardGiftPic"
:zoom-rate="1.1"
:preview-src-list="[scope.row.rewardGiftPic]"
fit="cover"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true"
/>

View File

@@ -48,6 +48,9 @@
<el-table-column prop="name" align="center" label="勋章名称-阿语区">
<template v-slot="scope">{{ JSON.parse(scope.row.name).ar }}</template>
</el-table-column>
<el-table-column prop="name" align="center" label="勋章名称-土耳其区">
<template v-slot="scope">{{ JSON.parse(scope.row.name).tr }}</template>
</el-table-column>
<el-table-column
align="center"
prop="picUrl"
@@ -60,7 +63,7 @@
:src="scope.row.picUrl"
:zoom-rate="1.1"
:preview-src-list="scope.row.picUrl"
fit="cover"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true"
/>
@@ -182,6 +185,19 @@
class="input"
></el-input>
</div>
<!-- 勋章名称-土耳其 -->
<div style="margin-bottom: 25px; margin-top: 10px; display: flex">
<span
style="display: inline-block; margin-right: 20px"
class="col-sm-2 control-label"
>勋章名称-土耳其</span
>
<el-input
v-model="controlsObj.nickTr"
placeholder=""
class="input"
></el-input>
</div>
<!-- 勋章图片 -->
<div style="margin-bottom: 25px; margin-top: 10px; display: flex">
@@ -198,10 +214,7 @@
:before-upload="beforeAvatarUpload"
:on-error="handleAvatarError"
>
<img
:src="controlsObj.imageUrl1"
class="avatar"
/>
<img :src="controlsObj.imageUrl1" class="avatar" />
</el-upload>
</div>
@@ -349,6 +362,7 @@ export default {
nickZh: "",
nickEn: "",
nickAr: "",
nickTr: "",
imageUrl1: "",
value2: "",
options2: [
@@ -419,6 +433,7 @@ export default {
this.controlsObj.nickZh = "";
this.controlsObj.nickEn = "";
this.controlsObj.nickAr = "";
this.controlsObj.nickTr = "";
this.controlsObj.imageUrl1 = "";
this.controlsObj.value2 = "";
this.controlsDialog = true;
@@ -431,6 +446,7 @@ export default {
this.controlsObj.nickZh = JSON.parse(val.name).zh;
this.controlsObj.nickEn = JSON.parse(val.name).en;
this.controlsObj.nickAr = JSON.parse(val.name).ar;
this.controlsObj.nickTr = JSON.parse(val.name).tr;
this.controlsObj.imageUrl1 = val.picUrl;
this.controlsObj.value2 = val.enable;
this.controlsObj.id = val.id;
@@ -452,6 +468,7 @@ export default {
zh: this.controlsObj.nickZh,
en: this.controlsObj.nickEn,
ar: this.controlsObj.nickAr,
tr: this.controlsObj.nickTr,
});
obj.picUrl = this.controlsObj.imageUrl1;
obj.enable = this.controlsObj.value2;
@@ -480,6 +497,7 @@ export default {
zh: this.controlsObj.nickZh,
en: this.controlsObj.nickEn,
ar: this.controlsObj.nickAr,
tr: this.controlsObj.nickTr,
});
obj1.picUrl = this.controlsObj.imageUrl1;
obj1.enable = this.controlsObj.value2;
@@ -535,32 +553,51 @@ export default {
//1 2 4
var val = 0;
if (type == 2) {
if (num == 0 || num == 7) {
val = [4, 1, 2];
if (num == 0 || num == 15) {
val = [1, 2, 4, 8];
}
if (num == 0 || num == 15) {
val = [1, 2, 4, 8];
} else if (num == 1) {
val = [1];
} else if (num == 3) {
val = [1, 2];
} else if (num == 7) {
val = [1, 2, 4];
} else if (num == 2) {
val = [2];
} else if (num == 6) {
val = [2, 4];
} else if (num == 14) {
val = [2, 4, 8];
} else if (num == 4) {
val = [4];
} else if (num == 12) {
val = [4, 8];
} else if (num == 8) {
val = [8];
}
} else {
if (num == 0 || num == 7) {
val = "华语区、英语区、阿语区";
if (num == 0 || num == 15) {
val = "英语区、阿语区、华语区、土耳其区";
} else if (num == 1) {
val = "英语区";
} else if (num == 3) {
val = "英语区、阿语区";
} else if (num == 7) {
val = "英语区、阿语区、华语区";
} else if (num == 2) {
val = "阿语区";
} else if (num == 6) {
val = "阿语区、华语区";
} else if (num == 14) {
val = "阿语区、华语区、土耳其区";
} else if (num == 4) {
val = "华语区";
} else if (num == 12) {
val = "华语区、土耳其区";
} else if (num == 8) {
val = "土耳其区";
}
}
return val;

View File

@@ -43,7 +43,7 @@
:src="scope.row.picUrl"
:zoom-rate="1.1"
:preview-src-list="scope.row.picUrl"
fit="cover"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true"
/>

View File

@@ -74,6 +74,7 @@
<input type="checkbox" name="partitionFlag" value="1"/>英语区<br>
<input type="checkbox" name="partitionFlag" value="2"/>阿拉伯语区<br>
<input type="checkbox" name="partitionFlag" value="4"/>华语区<br>
<input type="checkbox" name="partitionFlag" value="8"/>土耳其区<br>
</div>
</div>
<div class="form-group">
@@ -103,6 +104,12 @@
<input type="text" class="form-control validate[required]" name="name1" id="en_name1" placeholder="请输入,5个字符内">
</div>
</div>
<div class="form-group">
<label for="tr_name1" class="col-sm-4 control-label">土耳其铭牌名称:</label>
<div class="col-sm-6">
<input type="text" class="form-control validate[required]" name="name1" id="tr_name1" placeholder="请输入,5个字符内">
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">用户自定义文案:</label>
<div class="col-sm-6">
@@ -129,6 +136,12 @@
<input type="text" class="form-control" name="enFixedWord" id="enFixedWord">
</div>
</div>
<div class="form-group">
<label for="trFixedWord" class="col-sm-4 control-label">土耳其固定文案:</label>
<div class="col-sm-6">
<input type="text" class="form-control" name="trFixedWord" id="trFixedWord">
</div>
</div>
</div>
<div class="form-group">
<label for="days" class="col-sm-4 control-label">有效期:</label>
@@ -247,6 +260,7 @@ export default {
{field: 'name.zh', title: '铭牌名称', align: 'middle', width: '5%'},
{field: 'name.ar', title: '阿语铭牌名称', align: 'middle', width: '5%'},
{field: 'name.en', title: '英语铭牌名称', align: 'middle', width: '5%'},
{field: 'name.tr', title: '土耳其名称', align: 'middle', width: '5%'},
{
field: 'partitionFlag',
title: '地区',
@@ -263,6 +277,9 @@ export default {
if ((val & 4) != 0) {
value += '华语区<br>';
}
if ((val & 8) != 0) {
value += '土耳其区<br>';
}
return value;
}
},
@@ -320,6 +337,19 @@ export default {
}
}
},
{
field: 'fixedWord.tr',
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%' },
@@ -454,10 +484,12 @@ export default {
$("#name1").val(jsonName.zh);
$("#ar_name1").val(jsonName.ar);
$("#en_name1").val(jsonName.en);
$("#tr_name1").val(jsonName.tr);
} else {
$("#name1").val(name);
$("#ar_name1").val(name);
$("#en_name1").val(name);
$("#tr_name1").val(name);
}
let fixedWord = json.fixedWord;
if (fixedWord && fixedWord.startsWith('{') && fixedWord.endsWith('}')) {
@@ -465,10 +497,12 @@ export default {
$('#zhFixedWord').val(jsonValue.zh);
$('#arFixedWord').val(jsonValue.ar);
$('#enFixedWord').val(jsonValue.en);
$('#trFixedWord').val(jsonValue.tr);
} else {
$('#zhFixedWord').val(fixedWord);
$('#arFixedWord').val(fixedWord);
$('#enFixedWord').val(fixedWord);
$('#trFixedWord').val(fixedWord);
}
$('#nameplateType1').attr("disabled", "true");
if (!json.isCustomWord) {
@@ -477,6 +511,7 @@ export default {
$('#zhFixedWord').val('');
$('#arFixedWord').val('');
$('#enFixedWord').val('');
$('#trFixedWord').val('');
} else {
$('input[name="isCustomWord"]').get(1).checked = true;
$('#fixedWord-div').removeClass("hidden");
@@ -553,17 +588,19 @@ export default {
var zhFixedWord = $('#zhFixedWord').val();
var arFixedWord = $('#arFixedWord').val();
var enFixedWord = $('#enFixedWord').val();
var trFixedWord = $('#trFixedWord').val();
let fixedWordValue = '';
if (!(zhFixedWord == '' && arFixedWord == '' && enFixedWord == '')) {
let jsonFixedWord = {'zh': zhFixedWord, 'ar': arFixedWord, 'en': enFixedWord};
if (!(zhFixedWord == '' && arFixedWord == '' && enFixedWord == '' && trFixedWord=="")) {
let jsonFixedWord = {'zh': zhFixedWord, 'ar': arFixedWord, 'en': enFixedWord,'tr':trFixedWord};
fixedWordValue = JSON.stringify(jsonFixedWord);
}
var isCustomWord = $('input[name="isCustomWord"]:checked').val();
var name = $('#name1').val();
var ar_name = $('#ar_name1').val();
var en_name = $('#en_name1').val();
var tr_name = $('#tr_name1').val();
var jsonName = {"zh":name,"ar":ar_name,"en":en_name}
var jsonName = {"zh":name,"ar":ar_name,"en":en_name,"tr":tr_name}
const nameValue = JSON.stringify(jsonName);
var nameplateType = $('#nameplateType1').val();
var id = $('#id').val();
@@ -771,12 +808,14 @@ function cleanNamePlateModal() {
$('#zhFixedWord').val('');
$('#arFixedWord').val('');
$('#enFixedWord').val('');
$('#trFixedWord').val('');
$('input[name="isCustomWord"]').each(function () {
$(this).removeAttr("checked");
});
$('#name1').val('');
$('#ar_name1').val('');
$('#en_name1').val('');
$('#tr_name1').val('');
$('#nameplateType1').val('');
$('#name1').removeAttr("readonly");
$('#nameplateType1').removeAttr("disabled");

View File

@@ -58,6 +58,19 @@
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.avatar"
:zoom-rate="1.1"
:preview-src-list="[scope.row.avatar]"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true"
/>
</template>
</el-table-column>
<el-table-column align="center" prop="giftInfo" label="公会背景图">
<template v-slot="scope">
<el-image
@@ -65,7 +78,7 @@
:src="scope.row.backgroundUrl"
:zoom-rate="1.1"
:preview-src-list="[scope.row.backgroundUrl]"
fit="cover"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true"
/>
@@ -245,6 +258,22 @@
class="input"
></el-input>
</div>
<!-- 公会头像 -->
<div class="selectBox selectBoxImg">
<span class="left" style="margin-right: 20px">公会头像</span>
<!-- action="/admin/tencent/cos/upload/file" -->
<el-upload
class="avatar-uploader"
action="/admin/tencent/cos/upload/file"
:show-file-list="false"
:on-success="handleAvatarSuccess2"
:before-upload="beforeAvatarUpload"
:on-error="handleAvatarError"
>
<img v-if="ediObj.imageUrl2" :src="ediObj.imageUrl2" class="avatar" />
<el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
</el-upload>
</div>
<!-- 公会背景图 -->
<div class="selectBox selectBoxImg">
<span class="left" style="margin-right: 20px">公会背景图</span>
@@ -487,6 +516,7 @@ export default {
guildNumber: "",
id: "",
imageUrl1: "",
imageUrl2: "",
},
// 收款账户弹窗
payAccountDialog: false,
@@ -700,6 +730,7 @@ export default {
this.ediObj.guildNumber = obj.memberNumLimit;
this.ediObj.id = obj.id;
this.ediObj.imageUrl1 = obj.backgroundUrl;
this.ediObj.imageUrl2 = obj.avatar;
this.editDialog = true;
},
// 二次确认弹窗
@@ -709,6 +740,7 @@ export default {
id: this.ediObj.id,
memberNumLimit: this.ediObj.guildNumber,
backgroundUrl: this.ediObj.imageUrl1,
avatar: this.ediObj.imageUrl2,
name: this.ediObj.guildNick,
}).then((res) => {
if (res.code == 200) {
@@ -766,6 +798,16 @@ export default {
type: "error",
});
},
handleAvatarSuccess2(res, file) {
console.log(file);
// this.ediObj.imageUrl1 = URL.createObjectURL();
this.ediObj.imageUrl2 = file.response.data;
ElMessage({
showClose: true,
message: "上传成功!",
type: "success",
});
},
handleAvatarSuccess(res, file) {
console.log(file);
// this.ediObj.imageUrl1 = URL.createObjectURL();

View File

@@ -50,6 +50,19 @@
<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.avatar"
:zoom-rate="1.1"
:preview-src-list="[scope.row.avatar]"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true"
/>
</template>
</el-table-column>
<el-table-column align="center" prop="giftInfo" label="公会背景图">
<template v-slot="scope">
<el-image
@@ -57,7 +70,7 @@
:src="scope.row.backgroundUrl"
:zoom-rate="1.1"
:preview-src-list="[scope.row.backgroundUrl]"
fit="cover"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true"
/>

View File

@@ -8,20 +8,32 @@
<section class="content">
<div id="table"></div>
<div id="toolbar">
<label for="prettyNo" class="control-label">靓号:</label>
<input type="text" name="goodNum" id="prettyNo">
<label for="erbanNo" class="control-label">平台号:</label>
<input type="text" name="erbanNo" id="erbanNo">
<label for="prettyNo"
class="control-label">靓号:</label>
<input type="text"
name="goodNum"
id="prettyNo">
<label for="erbanNo"
class="control-label">平台号:</label>
<input type="text"
name="erbanNo"
id="erbanNo">
<label for="status" class="control-label">状态:</label>
<select name="status" id="status" class="input-m">
<label for="status"
class="control-label">状态:</label>
<select name="status"
id="status"
class="input-m">
<option value="">全部</option>
<option value="0">未使用</option>
<option value="1">使用中</option>
<option value="2">已占用</option>
</select>
<label for="status" class="control-label">来源:</label>
<select name="origin" id="origin" class="input-m">
<label for="status"
class="control-label">来源:</label>
<select name="origin"
id="origin"
class="input-m">
<option value="">全部</option>
<option value="1">活动</option>
<option value="2">贵族</option>
@@ -29,8 +41,10 @@
<option value="4">摇一摇抽奖所获</option>
</select>
<button id="btnSearch" class="btn btn-sm btn-primary">查询</button>
<button id="add" class="btn btn-default">
<button id="btnSearch"
class="btn btn-sm btn-primary">查询</button>
<button id="add"
class="btn btn-default">
<i class="glyphicon glyphicon-plus"></i>新建靓号
</button>
</div>
@@ -40,32 +54,51 @@
</section>
<!--增加对话框-->
<div class="modal fade" id="addPrettyNoModel" tabindex="-1" role="dialog" aria-labelledby="modalLabel2">
<div class="modal-dialog" role="document">
<div class="modal fade"
id="addPrettyNoModel"
tabindex="-1"
role="dialog"
aria-labelledby="modalLabel2">
<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">x</span></button>
<h4 class="modal-title" id="addModalLabel">新增靓号</h4>
<button type="button"
class="close"
data-dismiss="modal"
aria-label="Close"><span aria-hidden="true">x</span></button>
<h4 class="modal-title"
id="addModalLabel">新增靓号</h4>
</div>
<div class="modal-body">
<form id="addPrettyNoForm" class="form-horizontal">
<form id="addPrettyNoForm"
class="form-horizontal">
<div class="form-group">
<label for="addPrettyNo" class="col-sm-3 control-label">请输入靓号</label>
<label for="addPrettyNo"
class="col-sm-3 control-label">请输入靓号</label>
<!-- 默认靓号使用状态为0未使用 -->
<input type="hidden" name="status" value="0">
<input type="hidden"
name="status"
value="0">
<!-- 默认上架 -->
<input type="hidden" name="isValid" value="1">
<input type="hidden"
name="isValid"
value="1">
<div class="col-sm-3">
<input type="text" class="form-control validate[required]" name="prettyNo"
<input type="text"
class="form-control validate[required]"
name="prettyNo"
id="addPrettyNo" />
</div>
</div>
<div class="form-group">
<label for="addSource" class="col-sm-3 control-label">选择使用来源</label>
<label for="addSource"
class="col-sm-3 control-label">选择使用来源</label>
<div class="col-sm-8">
<select name="useSource" id="addSource" class="col-sm-3">
<select name="useSource"
id="addSource"
class="col-sm-3">
<option value="1">活动</option>
<option value="2">贵族</option>
<option value="3">运营需要赠送</option>
@@ -74,68 +107,102 @@
</div>
</div>
<div class="form-group">
<label for="addRemark" class="col-sm-3 control-label">备注:</label>
<label for="addRemark"
class="col-sm-3 control-label">备注:</label>
<div class="col-sm-8">
<input type="text" class="form-control" name="prettyDesc" id="addRemark">
<input type="text"
class="form-control"
name="prettyDesc"
id="addRemark">
</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="addSave">新建</button>
<button type="button"
class="btn btn-default"
data-dismiss="modal">取消</button>
<button type="button"
class="btn btn-primary"
id="addSave">新建</button>
</div>
</div>
</div>
</div>
<!--使用对话框-->
<div class="modal fade" id="usePrettyNoModel" tabindex="-1" role="dialog" aria-labelledby="modalLabel2">
<div class="modal-dialog" role="document">
<div class="modal fade"
id="usePrettyNoModel"
tabindex="-1"
role="dialog"
aria-labelledby="modalLabel2">
<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">x</span></button>
<h4 class="modal-title" id="useModalLabel">使用靓号</h4>
<button type="button"
class="close"
data-dismiss="modal"
aria-label="Close"><span aria-hidden="true">x</span></button>
<h4 class="modal-title"
id="useModalLabel">使用靓号</h4>
</div>
<div class="modal-body">
<form id="usePrettyNoForm" class="form-horizontal">
<form id="usePrettyNoForm"
class="form-horizontal">
<div class="form-group">
<input type="hidden" name="prettyId" id="prettyId" />
<label for="usePrettyNo" class="col-sm-3 control-label">靓号</label>
<label for="usePrettyNo"
class="col-sm-3 control-label">靓号</label>
<div class="col-sm-3">
<input type="text" class="form-control validate[required]" disabled="disabled"
name="usePrettyNo" id="usePrettyNo">
<input type="text"
class="form-control validate[required]"
disabled="disabled"
name="usePrettyNo"
id="usePrettyNo">
</div>
</div>
<div class="form-group">
<label for="userMsNo" class="col-sm-3 control-label">使用人平台号:</label>
<label for="userMsNo"
class="col-sm-3 control-label">使用人平台号:</label>
<div class="col-sm-8">
<input type="text" class="form-control validate[required]" name="userMsNo" id="userMsNo" />
<input type="text"
class="form-control validate[required]"
name="userMsNo"
id="userMsNo" />
</div>
</div>
<div class="form-group">
<label for="startUseDate" class="col-sm-3 control-label">开始日期</label>
<label for="startUseDate"
class="col-sm-3 control-label">开始日期</label>
<div class="col-sm-4">
<input id="startUseDate" type="text" name="startUseDate"
<input id="startUseDate"
type="text"
name="startUseDate"
class="form-control validate[required]" />
</div>
</div>
<div class="form-group">
<label for="endUseDate" class="col-sm-3 control-label">结束日期</label>
<label for="endUseDate"
class="col-sm-3 control-label">结束日期</label>
<div class="col-sm-4">
<input id="endUseDate" type="text" name="endUseDate"
<input id="endUseDate"
type="text"
name="endUseDate"
class="form-control validate[required]" />
</div>
</div>
<div class="form-group">
<label for="useSource" class="col-sm-3 control-label">靓号使用来源</label>
<label for="useSource"
class="col-sm-3 control-label">靓号使用来源</label>
<div class="col-sm-8">
<select name="useSource" id="useSource" class="col-sm-3" disabled>
<select name="useSource"
id="useSource"
class="col-sm-3"
disabled>
<option value="1">活动</option>
<option value="2">贵族</option>
<option value="3">运营需要赠送</option>
@@ -144,103 +211,144 @@
</div>
</div>
<div class="form-group">
<label for="remark" class="col-sm-3 control-label">备注:</label>
<label for="remark"
class="col-sm-3 control-label">备注:</label>
<div class="col-sm-8">
<input type="text" class="form-control" name="remark" id="remark">
<input type="text"
class="form-control"
name="remark"
id="remark">
</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="useSave">确认使用</button>
<button type="button"
class="btn btn-default"
data-dismiss="modal">取消</button>
<button type="button"
class="btn btn-primary"
id="useSave">确认使用</button>
</div>
</div>
</div>
</div>
<!--删除-->
<div class="modal fade" id="delModel">
<div class="modal fade"
id="delModel">
<div class="modal-dialog">
<div class="modal-content message_align">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
<button type="button"
class="close"
data-dismiss="modal"
aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title">提示信息</h4>
</div>
<div class="modal-body">
<p>您确认要删除吗</p>
</div>
<div class="modal-footer">
<input type="hidden" id="url" />
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-primary" id="doDelete">确认</button>
<input type="hidden"
id="url" />
<button type="button"
class="btn btn-default"
data-dismiss="modal">取消</button>
<button type="button"
class="btn btn-primary"
id="doDelete">确认</button>
</div>
</div>
</div>
</div>
<!--解绑-->
<div class="modal fade" id="unbindModel">
<div class="modal fade"
id="unbindModel">
<div class="modal-dialog">
<div class="modal-content message_align">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
<button type="button"
class="close"
data-dismiss="modal"
aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title">提示信息</h4>
</div>
<div class="modal-body">
<p>确认解绑
解绑后使用人会恢复原ID</p>
<div><label for="del-remark">解绑叙述</label><input type="text" id="del-remark" placeholder="选填" /></div>
<div><label for="del-remark">解绑叙述</label><input type="text"
id="del-remark"
placeholder="选填" /></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="del-sure">确认</button>
<button type="button"
class="btn btn-default"
data-dismiss="modal">取消</button>
<button type="button"
class="btn btn-primary"
id="del-sure">确认</button>
</div>
</div>
</div>
</div>
<!--解绑-->
<div class="modal fade" id="unbindForAllModel">
<div class="modal fade"
id="unbindForAllModel">
<div class="modal-dialog">
<div class="modal-content message_align">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
<button type="button"
class="close"
data-dismiss="modal"
aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title">提示信息</h4>
</div>
<div class="modal-body">
<p>确认全面解绑
解绑后使用人会恢复原ID</p>
<div><label for="del-remark-all">解绑叙述</label><input type="text" id="del-remark-all" placeholder="选填" />
<div><label for="del-remark-all">解绑叙述</label><input type="text"
id="del-remark-all"
placeholder="选填" />
</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="del-sure-all">确认</button>
<button type="button"
class="btn btn-default"
data-dismiss="modal">取消</button>
<button type="button"
class="btn btn-primary"
id="del-sure-all">确认</button>
</div>
</div>
</div>
</div>
<!--占用-->
<div class="modal fade" id="occupyModel">
<div class="modal fade"
id="occupyModel">
<div class="modal-dialog">
<div class="modal-content message_align">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
<button type="button"
class="close"
data-dismiss="modal"
aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title">提示信息</h4>
</div>
<div class="modal-body">
<div><label for="occupy-msNo">平台号</label><input type="text" id="occupy-msNo" /></div>
<div><label for="occupy-msNo">平台号</label><input type="text"
id="occupy-msNo" /></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="occupy-sure">确认</button>
<button type="button"
class="btn btn-default"
data-dismiss="modal">取消</button>
<button type="button"
class="btn btn-primary"
id="occupy-sure">确认</button>
</div>
</div>
</div>
@@ -252,21 +360,20 @@ import TableHelper from '@/utils/bootstrap-table-helper';
export default {
name: "PrettyNoAdminView",
setup() {
setup () {
return {};
},
created() {
created () {
this.$nextTick(function () {
this.initData();
});
},
methods: {
initData() {
initData () {
$(function () {
$('#table').bootstrapTable('destroy');
$('#table').bootstrapTable({
columns: [
{ field: 'id', title: 'ID', align: 'center', valign: 'middle', width: '5%' },
{ field: 'prettyNo', title: '靓号', align: 'center', valign: 'middle', width: '10%' },
{
field: 'status',
@@ -367,12 +474,11 @@ export default {
width: '20%',
valign: 'middle',
formatter: function (val, row, index) {
var key = row.id;
var key = row.prettyNo;
var returnS = "";
if (row.isValid) {
if (row.status == 1) {
returnS = "<button class='btn btn-sm btn-danger opt-unbind' data-id=" + key + " >解绑</button>" +
"<button class='btn btn-sm btn-danger opt-unbind-all' data-id=" + key + " >全面解绑</button>";
returnS = "<button class='btn btn-sm btn-danger opt-unbind' data-id=" + key + " >解绑</button>";
} else if (row.status == 2) {
returnS = "<button class='btn btn-sm btn-success opt-cancel-occupy' data-id=" + key + ">解除占用</button>";
} else if (row.status == 0) {
@@ -392,7 +498,7 @@ export default {
pageList: [10, 20, 30, 50],
sidePagination: "server", //表示服务端请求
queryParamsType: "undefined",
queryParams: function queryParams(params) { //设置查询参数
queryParams: function queryParams (params) { //设置查询参数
var param = {
pageSize: params.pageSize,
pageNum: params.pageNumber,
@@ -403,9 +509,9 @@ export default {
};
return param;
},
uniqueId: 'id',
uniqueId: 'prettyNo',
toolbar: '#toolbar',
url: '/admin/pretty/list',
url: '/admin/prettyNumber/list',
onLoadSuccess: function () { //加载成功时执行
console.log("load success");
},
@@ -424,7 +530,7 @@ export default {
if ($('#addPrettyNoForm').validationEngine('validate')) {
$.ajax({
type: "post",
url: "/admin/pretty/save",
url: "/admin/prettyNumber/save",
data: $('#addPrettyNoForm').serialize(),
dataType: 'json',
success: function (data) {
@@ -453,11 +559,11 @@ export default {
$('#usePrettyNoForm')[0].reset();
var key = parseInt($(this).data('id'));
var data = $('#table').bootstrapTable('getRowByUniqueId', key);
console.info(data)
$('#usePrettyNo').val(data.prettyNo);
$('#useSource').val(data.useSource);
$('#remark').val(data.prettyDesc);
$("#userMsNo").val(data.userErbanNo)
$("#prettyId").val(key);
console.log(key, typeof key);
$("#usePrettyNoModel").modal('show');
})
@@ -468,9 +574,9 @@ export default {
if ($('#usePrettyNoForm').validationEngine('validate')) {
$.ajax({
type: 'post',
url: '/admin/pretty/bind',
url: '/admin/prettyNumber/bind',
data: {
prettyId: $('#prettyId').val(),
prettyNo: $('#usePrettyNo').val(),
erbanNo: $('#userMsNo').val(),
desc: $('#remark').val(),
startTime: $('#startUseDate').val() + ' 00:00:00',
@@ -497,9 +603,9 @@ export default {
$("#del-sure").click(function () {
$.ajax({
type: 'post',
url: '/admin/pretty/unBind',
url: '/admin/prettyNumber/unBind',
data: {
prettyId: $(this).data('id'),
prettyNo: $(this).data('id'),
desc: $('#del-remark').val()
},
dataType: 'json',
@@ -520,9 +626,9 @@ export default {
$("#del-sure-all").click(function () {
$.ajax({
type: 'post',
url: '/admin/pretty/unBindForAll',
url: '/admin/prettyNumber/unBindForAll',
data: {
prettyId: $(this).data('id'),
prettyNo: $(this).data('id'),
desc: $('#del-remark-all').val()
},
dataType: 'json',
@@ -543,9 +649,9 @@ export default {
$("#occupy-sure").click(function () {
$.ajax({
type: 'post',
url: '/admin/pretty/occupy',
url: '/admin/prettyNumber/occupy',
data: {
prettyId: $(this).data('id'),
prettyNo: $(this).data('id'),
erbanNo: $("#occupy-msNo").val()
},
dataType: 'json',
@@ -580,9 +686,9 @@ export default {
var key = parseInt($(this).data('id'));
$.ajax({
type: 'post',
url: '/admin/pretty/cancelOccupy',
url: '/admin/prettyNumber/cancelOccupy',
data: {
prettyId: key
prettyNo: key
},
dataType: 'json',
success: function (data) {
@@ -673,4 +779,5 @@ select {
.record .title {
font-size: 16px;
}</style>
}
</style>

View File

@@ -8,17 +8,26 @@
<div class="content">
<div id="table"></div>
<div id="toolbar">
<label for="prettyNo" class="control-label">目标平台号</label>
<input type="text" name="goodNum" id="targetPrettyNo">
<label for="prettyNo" class="control-label">原平台号</label>
<input type="text" id="currentPrettyNo">
<label for="operator" class="control-label">操作类型:</label>
<select name="status" id="operator" class="input-m">
<label for="prettyNo"
class="control-label">目标平台号</label>
<input type="text"
name="goodNum"
id="targetPrettyNo">
<label for="prettyNo"
class="control-label">原平台号</label>
<input type="text"
id="currentPrettyNo">
<label for="operator"
class="control-label">操作类型:</label>
<select name="status"
id="operator"
class="input-m">
<option value="">全部</option>
<option value="1">绑定</option>
<option value="2">解绑</option>
</select>
<button id="btnSearch" class="btn btn-sm btn-primary">查询</button>
<button id="btnSearch"
class="btn btn-sm btn-primary">查询</button>
</div>
</div>
</div>
@@ -31,21 +40,20 @@ import TableHelper from '@/utils/bootstrap-table-helper';
export default {
name: "PrettyNoRecordAdminView",
setup() {
setup () {
return {};
},
created() {
created () {
this.$nextTick(function () {
this.initData();
});
},
methods: {
initData() {
initData () {
$(function () {
$('#table').bootstrapTable('destroy');
$('#table').bootstrapTable({
columns: [
{ field: 'id', title: 'ID', align: 'center', valign: 'middle', width: '5%' },
{ field: 'currentErbanNo', title: '原平台号', align: 'center', valign: 'middle', width: '10%' },
{
field: 'operator',
@@ -123,7 +131,7 @@ export default {
pageList: [10, 20, 30, 50],
sidePagination: "server", //表示服务端请求
queryParamsType: "undefined",
queryParams: function queryParams(params) { //设置查询参数
queryParams: function queryParams (params) { //设置查询参数
var param = {
pageSize: params.pageSize,
pageNumber: params.pageNumber,
@@ -135,7 +143,7 @@ export default {
},
uniqueId: 'id',
toolbar: '#toolbar',
url: '/admin/pretty/record/getList',
url: '/admin/prettyNumber/record/getList',
onLoadSuccess: function () { //加载成功时执行
console.log("load success");
},

View File

@@ -10,15 +10,20 @@
<section class="content">
<div id="table"></div>
<div id="toolbar">
<form action="" id="searchForm" method="POST">
<select name="search-type" id="search-type">
<option value="0">请选择</option>
<form action=""
id="searchForm"
method="POST">
<select name="search-type"
id="search-type">
<option value="1">幸运许愿池偏差类型</option>
<option value="4">梦幻许愿池池偏差类型</option>
</select>
<select id="partitionId"></select>
</form>
<button class="btn btn-primary" id="searchBtn">搜索</button>
<button id="add" class="btn btn-default">
<button class="btn btn-primary"
id="searchBtn">搜索</button>
<button id="add"
class="btn btn-default">
<i class="glyphicon glyphicon-plus"></i>新增
</button>
</div>
@@ -26,21 +31,35 @@
</div>
</div>
</section>
<div class="modal fade" id="deviateRangeModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
<div class="modal-dialog" role="document">
<div class="modal fade"
id="deviateRangeModal"
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>
<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="deviateRangeForm">
<input id="deviateRangeId" type="hidden" name="id" />
<form class="form-horizontal"
id="deviateRangeForm">
<input id="deviateRangeId"
type="hidden"
name="id" />
<div class="form-group">
<label class="col-sm-3 control-label">下限</label>
<div class="col-sm-8">
<input type="number" id="deviateLowerLimit" name="lowerLimit" class=" validate[required]"
<input type="number"
id="deviateLowerLimit"
name="lowerLimit"
class=" validate[required]"
placeholder="单行输入">
</div>
</div>
@@ -48,33 +67,58 @@
<div class="form-group">
<label class="col-sm-3 control-label">上限</label>
<div class="col-sm-8">
<input type="number" id="deviateUpperLimit" name="upperLimit" class=" validate[required]"
<input type="number"
id="deviateUpperLimit"
name="upperLimit"
class=" validate[required]"
placeholder="单行输入">
</div>
</div>
<div class="form-group type">
<label for="type" class="col-sm-3 control-label">选择类型</label>
<label for="type"
class="col-sm-3 control-label">选择类型</label>
<div class="col-sm-8">
<select name="type" id="type" data-btn-class="btn btn-warning">
<select name="type"
id="type"
data-btn-class="btn btn-warning">
<option value="1">幸运许愿池偏差类型</option>
<option value="4">梦幻许愿池池偏差类型</option>
</select>
</div>
</div>
<div class="form-group deviatePartitionId">
<label for="type"
class="col-sm-3 control-label">选择分区</label>
<div class="col-sm-8">
<select name="partitionId"
id="deviatePartitionId"
data-btn-class="btn btn-warning">
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">创建者</label>
<div class="col-sm-8">
<input type="text" id="creator" name="creator" class="validate[required]" placeholder="必填项">
<input type="text"
id="creator"
name="creator"
class="validate[required]"
placeholder="必填项">
</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>
<button type="button"
class="btn btn-default"
data-dismiss="modal">关闭</button>
<button type="button"
class="btn btn-primary"
id="save">保存</button>
</div>
</div>
</div>
@@ -87,16 +131,44 @@ import ComboboxHelper from '@/assets/plugins/bootstrap-combobox/js/bootstrap-com
export default {
name: "DeviateRangeManageAdminView",
setup() {
setup () {
return {};
},
created() {
created () {
this.$nextTick(function () {
this.initData();
});
},
methods: {
initData() {
initData () {
$.ajax({
type: 'get',
url: '/partition/listPartitionInfo',
dataType: 'json',
success: function (json) {
if (json.code == 200) {
var deviatePartitionId = $("#deviatePartitionId");
deviatePartitionId.empty();
var partitionId = $("#partitionId");
partitionId.empty();
// 遍历数据并添加 option
$.each(json.data, function (index, item) {
// 创建新的 option 元素
var option = $('<option></option>')
.attr('value', item.id) // 设置 value 属性
.text(item.desc); // 设置文本内容
// 追加到 select 元素
partitionId.append(option.clone());
deviatePartitionId.append(option.clone());
});
}
}
});
$(function () {
$('#table').bootstrapTable('destroy');
$('#table').bootstrapTable({
@@ -123,11 +195,12 @@ export default {
//设置为undefined可以获取pageNumberpageSizesearchTextsortNamesortOrder
//设置为limit可以获取limit, offset, search, sort, order
queryParamsType: "undefined",
queryParams: function queryParams(params) { //设置查询参数
queryParams: function queryParams (params) { //设置查询参数
var param = {
pageNumber: params.pageNumber,
pageSize: params.pageSize,
type: parseInt($("#search-type").val())
type: parseInt($("#search-type").val()),
partitionId: parseInt($("#partitionId").val())
};
return param;
},
@@ -189,6 +262,7 @@ export default {
$("#deviateRangeId").val(data.id);
$("#deviateLowerLimit").val(data.lowerLimit);
$("#deviateUpperLimit").val(data.upperLimit);
$("#deviatePartitionId").val(data.partitionId);
$("#creator").val(data.creator);
ComboboxHelper.setDef("#type", data.type);
// 打开编辑弹窗

View File

@@ -9,23 +9,49 @@
<section class="content">
<div id="table"></div>
<div id="toolbar">
<form action="" id="searchForm" method="POST">
<form action=""
id="searchForm"
method="POST">
奖品名称<input type="text" name="prizeName" id="prizeName" class="input-sm" placeholder="奖品名称">
奖品名称<input type="text"
name="prizeName"
id="prizeName"
class="input-sm"
placeholder="奖品名称">
奖品分类<input type="text" name="prizeType" id="prizeType" class="input-sm" placeholder="奖品分类">
奖品分类<input type="text"
name="prizeType"
id="prizeType"
class="input-sm"
placeholder="奖品分类">
平台价值区间<input type="text" name="priceStart" id="priceStart" class="input-sm" placeholder="最小值">
--&nbsp;<input type="text" name="priceEnd" id="priceEnd" class="input-sm" placeholder="最大值">
<br />
实际价值区间<input type="text" name="actualStart" id="actualStart" class="input-sm"
平台价值区间<input type="text"
name="priceStart"
id="priceStart"
class="input-sm"
placeholder="最小值">
--&nbsp;<input type="text" name="actualEnd" id="actualEnd" class="input-sm" placeholder="最大值">
--&nbsp;<input type="text"
name="priceEnd"
id="priceEnd"
class="input-sm"
placeholder="最大值">
实际价值区间<input type="text"
name="actualStart"
id="actualStart"
class="input-sm"
placeholder="最小值">
--&nbsp;<input type="text"
name="actualEnd"
id="actualEnd"
class="input-sm"
placeholder="最大值">
</form>
<button class="btn btn-primary" id="searchBtn">搜索</button>
<button class="btn btn-primary" id="add">
<button class="btn btn-primary"
id="searchBtn">搜索</button>
<button class="btn btn-primary"
id="add">
<i class="glyphicon glyphicon-plus"></i>增加
</button>
</div>
@@ -35,24 +61,39 @@
</section>
<!-- 弹窗 -->
<div class="modal fade" id="awardModal" rabindex='-1' role="dialog" aria-labelledby="modalLabel">
<div class="modal-dialog" role="document">
<div class="modal fade"
id="awardModal"
rabindex='-1'
role="dialog"
aria-labelledby="modalLabel">
<div class="modal-dialog"
role="document">
<div class="modal-content">
<div class="modal-header">
<button class="close" type="button" data-dismiss="modal" aria-label="Close">
<button class="close"
type="button"
data-dismiss="modal"
aria-label="Close">
<span aria-hidden="true">x</span>
</button>
<div class="modal-title" id="editModalLabel">奖品设置</div>
<div class="modal-title"
id="editModalLabel">奖品设置</div>
</div>
<div class="modal-body">
<div class="" id="addModalLabel">
<label for="" class="col-sm-3 control-label" style="margin-left: 30px;">奖品类型</label>
<div class=""
id="addModalLabel">
<label for=""
class="col-sm-3 control-label"
style="margin-left: 30px;">奖品类型</label>
<div class="col-sm-8" style="margin-left: -20px;">
<select name="addType" id="addType" data-btn-class="btn btn-warning"
<div class="col-sm-8"
style="margin-left: -20px;">
<select name="addType"
id="addType"
data-btn-class="btn btn-warning"
style="border-radius: 2px; width: 100px; height: 30px;">
<option value="budGold">钻石</option>
<option value="onlineGift">线上礼物</option>
@@ -63,15 +104,20 @@
</select>
</div>
</div>
<form action="" id="addForm" class="form-horizontal">
<form action=""
id="addForm"
class="form-horizontal">
<!-- 选择礼物 -->
<div class="form-group awardChoose">
<label for="awardChoose" class="col-sm-3 control-label">选择礼物</label>
<label for="awardChoose"
class="col-sm-3 control-label">选择礼物</label>
<div class="col-sm-4">
<select name="awardChoose" id="awardChoose" onchange="updateAward(this)">
<select name="awardChoose"
id="awardChoose"
onchange="updateAward(this)">
<!-- <option value="0">选取礼物</option> -->
</select>
</div>
@@ -80,10 +126,13 @@
<!-- 选择装扮类型 -->
<div class="form-group dressType">
<label for="dressType" class="col-sm-3 control-label">选择装扮类型</label>
<label for="dressType"
class="col-sm-3 control-label">选择装扮类型</label>
<div class="col-sm-8">
<select name="dressType" id="dressType" data-btn-class="btn btn-warning">
<select name="dressType"
id="dressType"
data-btn-class="btn btn-warning">
<option value="4">头饰</option>
<option value="3">座驾</option>
<!--<option value="5">背景</option>-->
@@ -94,30 +143,39 @@
<!-- 选择具体装扮 -->
<div class="form-group realDressType headwearGift">
<label for="realDressType" class="col-sm-3 control-label">选择具体装扮</label>
<label for="realDressType"
class="col-sm-3 control-label">选择具体装扮</label>
<div class="col-sm-8">
<select name="realDressType" id="realDressType" class=" headwearContent">
<select name="realDressType"
id="realDressType"
class=" headwearContent">
</select>
</div>
</div>
<div class="form-group realDressType carGift">
<label for="realDressType" class="col-sm-3 control-label">选择具体装扮</label>
<label for="realDressType"
class="col-sm-3 control-label">选择具体装扮</label>
<div class="col-sm-8">
<select name="realDressType" id="realDressType" class=" carContent">
<select name="realDressType"
id="realDressType"
class=" carContent">
</select>
</div>
</div>
<div class="form-group realDressType backgroundGift">
<label for="realDressType" class="col-sm-3 control-label">选择具体装扮</label>
<label for="realDressType"
class="col-sm-3 control-label">选择具体装扮</label>
<div class="col-sm-8">
<select name="realDressType" id="realDressType" class=" backgroundContent">
<select name="realDressType"
id="realDressType"
class=" backgroundContent">
</select>
</div>
</div>
@@ -125,9 +183,14 @@
<!-- 奖品名称 -->
<div class="form-group giftName">
<label for="giftName" class="col-sm-3 control-label">奖品名称</label>
<label for="giftName"
class="col-sm-3 control-label">奖品名称</label>
<input type="text" class="validate[required]" name="giftName" id="giftName" placeholder="单行输入">
<input type="text"
class="validate[required]"
name="giftName"
id="giftName"
placeholder="单行输入">
</div>
<!-- 奖品图片 -->
@@ -136,11 +199,20 @@
<label class="col-sm-3 control-label">奖品图片</label>
<div class="col-sm-8">
<img src="" alt="" id="imgUrl" style="width: 50px; height: 50px;">
<input type="file" id="uploadFile" name="uploadFile"
<img src=""
alt=""
id="imgUrl"
style="width: 50px; height: 50px;">
<input type="file"
id="uploadFile"
name="uploadFile"
accept="image/gif,image/jpeg,image/jpg,image/png,image/svg">
<button class="btn btn-success" type="button" id="uploadBtn">上传</button>
<input type="hidden" id="alertWinPic" name="alertWinPic"
<button class="btn btn-success"
type="button"
id="uploadBtn">上传</button>
<input type="hidden"
id="alertWinPic"
name="alertWinPic"
class="form-control validate[required]">
</div>
</div>
@@ -152,46 +224,67 @@
<div class="col-sm-8">
<label for="">
<input type="radio" name="setDay">
<input type="text" class="input-sm" placeholder="0" style='width: 80px;'>&nbsp;
<input type="radio"
name="setDay">
<input type="text"
class="input-sm"
placeholder="0"
style='width: 80px;'>&nbsp;
</label>
<label for="">
<input type="radio" name="setDay">
<input type="text" class="input-sm" placeholder="0" style="width:80px;">&nbsp;
<input type="radio"
name="setDay">
<input type="text"
class="input-sm"
placeholder="0"
style="width:80px;">&nbsp;
</label>
<label for="">
<input type="radio" name="setDay">&nbsp;永久
<input type="radio"
name="setDay">&nbsp;永久
</label>
</div>
</div>
<!-- 平台价值 -->
<div class="form-group platformPrice">
<label for="platformPrice" class="col-sm-3 control-label">平台价值</label>
<label for="platformPrice"
class="col-sm-3 control-label">平台价值</label>
<div class="col-sm-3">
<input type="text" id="platformPrice" name="platformPrice"
class="form-control validate[required]" placeholder="">
<input type="text"
id="platformPrice"
name="platformPrice"
class="form-control validate[required]"
placeholder="">
</div>
<div class="col-sm-3" id="attention" style="color:lightgray;">平台价值和实际价值都指钻石价值</div>
<div class="col-sm-3"
id="attention"
style="color:lightgray;">平台价值和实际价值都指钻石价值</div>
</div>
<!-- 实际价值 -->
<div class="form-group realPrice">
<label for="realPrice" class="col-sm-3 control-label">实际价值</label>
<label for="realPrice"
class="col-sm-3 control-label">实际价值</label>
<div class="col-sm-3">
<input type="text" id="realPrice" name="realPrice" class="form-control validate[required]">
<input type="text"
id="realPrice"
name="realPrice"
class="form-control validate[required]">
</div>
</div>
<!-- 礼物等级 -->
<div class="form-group awardLevel">
<label for="awardLevel" class="col-sm-3 control-label">礼物等级</label>
<label for="awardLevel"
class="col-sm-3 control-label">礼物等级</label>
<div class="col-sm-8">
<select name="awardLevel" id="awardLevel">
<select name="awardLevel"
id="awardLevel">
<option value="1">一级</option>
<option value="2">二级</option>
<option value="3">三级</option>
@@ -203,10 +296,14 @@
<!-- 创建者 -->
<div class="form-group creator">
<label for="creator" class="col-sm-3 control-label">创建者</label>
<label for="creator"
class="col-sm-3 control-label">创建者</label>
<div class="col-sm-8">
<input type="text" id="creator" name="creator" class="form-control validate[required]"
<input type="text"
id="creator"
name="creator"
class="form-control validate[required]"
placeholder="请输入你的名字(必填)">
</div>
</div>
@@ -215,9 +312,14 @@
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
<button type="button"
class="btn btn-default"
data-dismiss="modal">取消</button>
<button type="button" class="btn btn-primary" data-primary="addSave" id="save">保存</button>
<button type="button"
class="btn btn-primary"
data-primary="addSave"
id="save">保存</button>
</div>
</div>
</div>
@@ -229,9 +331,9 @@ import TableHelper from '@/utils/bootstrap-table-helper';
export default {
name: "PrizeAdminView",
setup() {
setup () {
// select框监听事件
function updateAward(obj) {
function updateAward (obj) {
console.log('------------------ change')
// 赋值
let referenceId = parseInt($('#awardChoose').siblings('.combobox-container').find('input:hidden').val())
@@ -242,12 +344,11 @@ export default {
updateAward
};
},
created() {
created () {
this.initData();
},
methods: {
initData() {
initData () {
this.$nextTick(function () {
// 定义线上礼物数据、装扮类型、具体装扮数据数组盒用于ajax请求获取到的数据存储
var onlineGift = [], dress = [], car = [], background = [];
@@ -430,7 +531,7 @@ export default {
pageList: [10, 20, 30, 50],
sidePagination: 'server',
queryParamsType: 'undefined',
queryParams: function queryParams(params) {
queryParams: function queryParams (params) {
var giftKey = {
'钻石': 1,
'在线礼物': 2,
@@ -449,7 +550,8 @@ export default {
minPlatformValue: $('#priceStart').val(),
maxPlatformValue: $('#priceEnd').val(),
minActualValue: $('#actualStart').val(),
maxActualValue: $('#actualEnd').val()
maxActualValue: $('#actualEnd').val(),
partitionId: $('#partitionId').val(),
};
return param;
},
@@ -464,7 +566,7 @@ export default {
}
});
function clearModal() {
function clearModal () {
$('#addForm').find('input[type=text],select,input[type=hidden]').each(function () {
$(this).val('');
});
@@ -619,8 +721,6 @@ export default {
$('.realPrice').find('#realPrice').val(data.actualValue);
console.log(data.prizeLevel);
$('.awardLevel').find('select').val(data.prizeLevel);
$('#imgUrl').attr('src', data.prizeImgUrl);
@@ -631,6 +731,7 @@ export default {
$('#addForm').data('wpType', data.prizeType);
$('#addForm').data('referenceID', data.referenceId);
$('#awardPartitionId').val(data.partitionId);
});
// 添加事件
@@ -869,6 +970,7 @@ export default {
$('#tipMsg').text('等级选择栏不能为空')
$('#tipModal').modal('show');
}
param.partitionId = $('#awardPartitionId').val();
$.ajax({
type: 'post',
@@ -882,7 +984,8 @@ export default {
prizeLevel: param.prizeLevel,
creator: param.creator,
platFormValue: param.platformValue,
actualValue: param.actualValue
actualValue: param.actualValue,
partitionId: param.partitionId,
},
dataType: 'json',
success: function (res) {
@@ -903,7 +1006,11 @@ export default {
});
}
},
data () {
return {
partitionInfo: [],
}
}
};
</script>

View File

@@ -8,33 +8,63 @@
<section class="content">
<div id="toolbar">
<form action="" id="searchForm" method="POST">
<form action=""
id="searchForm"
method="POST">
<div class="col-sm-12">
<label for="partitionId"
class="qry_col control-label">分区</label>
<div class="col-sm-2">
<select id="partitionId"
class="input-sm"></select>
</div>
<div class="col-sm-4">
<label for="timeBegin" class="qry_col control-label">日期</label>
<input type="text" name="timeBegin" id="timeBegin" class="input-sm" placeholder="起始时间">
- <input type="text" name="timeEnd" id="timeEnd" class="input-sm" placeholder="结束时间">
<label for="timeBegin"
class="qry_col control-label">日期</label>
<input type="text"
name="timeBegin"
id="timeBegin"
class="input-sm"
placeholder="起始时间">
- <input type="text"
name="timeEnd"
id="timeEnd"
class="input-sm"
placeholder="结束时间">
</div>
<label for="erbanNo" class="qry_col control-label">平台号</label>
<label for="erbanNo"
class="qry_col control-label">平台号</label>
<div class="col-sm-2">
<input type="text" name="erbanNo" id="erbanNo" class="input-sm" placeholder="">
<input type="text"
name="erbanNo"
id="erbanNo"
class="input-sm"
placeholder="">
</div>
</div>
<div class="col-sm-12">
<label for="boxType" class="qry_col control-label">许愿池类型:</label>
<label for="boxType"
class="qry_col control-label">许愿池类型:</label>
<div class="col-sm-2">
<select name="boxType" id="boxType" class="col-sm-2 form-control"
<select name="boxType"
id="boxType"
class="col-sm-2 form-control"
data-btn-class="btn-warning">
<option value="" selected="selected">全部</option>
<option value=""
selected="selected">全部</option>
<option value="1">幸运许愿池</option>
<option value="2">梦幻许愿池</option>
</select>
</div>
<label for="poolType" class="qry_col control-label">奖池类型:</label>
<label for="poolType"
class="qry_col control-label">奖池类型:</label>
<div class="col-sm-2">
<select name="poolType" id="poolType" class="col-sm-2 form-control"
<select name="poolType"
id="poolType"
class="col-sm-2 form-control"
data-btn-class="btn-warning">
<option value="" selected="selected">全部</option>
<option value=""
selected="selected">全部</option>
<option value="1">幸运新人奖池</option>
<option value="2">幸运普通奖池</option>
<option value="3">幸运白名单奖池</option>
@@ -46,17 +76,22 @@
<option value="11">梦幻白名单奖池</option>
</select>
</div>
<label for="dataType" class="qry_col control-label">数据类型:</label>
<label for="dataType"
class="qry_col control-label">数据类型:</label>
<div class="col-sm-2">
<select name="dataType" id="dataType" class="col-sm-2 form-control"
<select name="dataType"
id="dataType"
class="col-sm-2 form-control"
data-btn-class="btn-warning">
<option value="1" selected="selected">普通用户数据</option>
<option value="1"
selected="selected">普通用户数据</option>
<option value="2">被排除用户的数据</option>
</select>
</div>
</div>
</form>
<button class="btn btn-primary" id="searchBtn">筛选</button>
<button class="btn btn-primary"
id="searchBtn">筛选</button>
<div class="tips">因数据量庞大默认不会显示每天的结果默认只展示平台总收益情况请先选择时间范围再搜索</div>
<div class="dataCount">
<p>
@@ -90,7 +125,6 @@
</div>
</div>
<div id="table"></div>
</section>
</div>
@@ -102,17 +136,48 @@ import TableHelper from '@/utils/bootstrap-table-helper';
export default {
name: "PrizeDataAdminNewView",
setup() {
setup () {
return {};
},
created() {
created () {
this.$nextTick(function () {
this.initData();
});
},
methods: {
initData() {
initData () {
$(function () {
$.ajax({
type: 'get',
url: '/partition/listPartitionInfo',
dataType: 'json',
success: function (json) {
if (json.code == 200) {
//var deviatePartitionId = $("#deviatePartitionId");
//deviatePartitionId.empty();
var partitionId = $("#partitionId");
partitionId.empty();
var defaultOption = $('<option></option>').attr('value', '').text("全部");
partitionId.append(defaultOption);
// 遍历数据并添加 option
$.each(json.data, function (index, item) {
// 创建新的 option 元素
var option = $('<option></option>')
.attr('value', item.id) // 设置 value 属性
.text(item.desc); // 设置文本内容
// 追加到 select 元素
partitionId.append(option.clone());
//deviatePartitionId.append(option.clone());
});
}
}
});
var picker1 = $('#timeBegin').datetimepicker({
format: 'yyyy-mm-dd',
todayBtn: true,
@@ -182,7 +247,8 @@ export default {
endDate: $timeEnd,
boxType: $('#boxType').val(),
poolType: $('#poolType').val(),
dataType: $('#dataType').val()
dataType: $('#dataType').val(),
partitionId: $("#partitionId").val(),
}, function (res) {
console.log(res);
@@ -240,7 +306,7 @@ export default {
};
main.init();
function tableRefresh() {
function tableRefresh () {
$('#table').bootstrapTable('destroy');
$('#table').bootstrapTable({
columns: [
@@ -274,7 +340,7 @@ export default {
pageList: [10, 20, 30, 50],
sidePagination: 'server',
queryParamsType: 'undefined',
queryParams: function queryParams(params) {
queryParams: function queryParams (params) {
var param = {
pageSize: params.pageSize,
pageNumber: params.pageNumber,
@@ -284,6 +350,7 @@ export default {
poolType: $('#poolType').val(),
erbanNo: $('#erbanNo').val(),
dataType: $('#dataType').val(),
partitionId: $('#partitionId').val(),
};
return param;
},
@@ -315,7 +382,7 @@ export default {
margin-top: 10px;
}
.dataCount>p {
.dataCount > p {
padding: 5px;
border-radius: 5px;
background: #ccc;
@@ -329,4 +396,5 @@ export default {
.qry_col {
float: left;
}</style>
}
</style>

View File

@@ -12,9 +12,14 @@
<div id="toolbar">
<div class="col-sm-12">
<form action="" id="searchForm" method="POST">
转盘分类<select name="jackpotType" id="jackpotType" data-btn-class="btn btn-warning">
<form action=""
id="searchForm"
method="POST">
分区<select id="partitionId"
class="input-sm"></select>
转盘分类<select name="jackpotType"
class="input-sm"
id="jackpotType">
<option value="1">幸运新人奖池</option>
<option value="2">幸运普通奖池</option>
<option value="3">幸运白名单奖池</option>
@@ -29,17 +34,23 @@
</select>
<label class="deviateRange">
偏差范围
<select name="deviateRange" id="deviateRange" data-btn-class="btn btn-warning">
<select name="deviateRange"
id="deviateRange"
data-btn-class="btn btn-warning">
</select>
</label>
<label class="diamondDeviateRange">
偏差范围
<select name="diamondDeviateRange" id="diamondDeviateRange" data-btn-class="btn btn-warning">
<select name="diamondDeviateRange"
id="diamondDeviateRange"
data-btn-class="btn btn-warning">
</select>
</label>
</form>
<button class="btn btn-primary" id="searchBtn">搜索</button>
<button class="btn btn-primary" id="add">添加奖品</button>
<button class="btn btn-primary"
id="searchBtn">搜索</button>
<button class="btn btn-primary"
id="add">添加奖品</button>
</div>
<div class="col-sm-12 jackpot">
@@ -51,10 +62,14 @@
</p>
<p class="col-sm-12">
<span class="col-sm-3" id="jackpotName"></span>
<span class="col-sm-3" id="jackpotNum"></span>
<span class="col-sm-3" id="prizeNum"></span>
<span class="col-sm-3" id="expectNum"></span>
<span class="col-sm-3"
id="jackpotName"></span>
<span class="col-sm-3"
id="jackpotNum"></span>
<span class="col-sm-3"
id="prizeNum"></span>
<span class="col-sm-3"
id="expectNum"></span>
</p>
</div>
@@ -65,31 +80,47 @@
</section>
<!-- 添加弹窗 -->
<div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
<div class="modal fade"
id="addModal"
tabindex="-1"
role="dialog"
aria-labelledby="modalLabel">
<div class="modal-dialog" role="document">
<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">
<button type="button"
class="close"
data-dismiss="modal"
aria-label="Close">
<span aria-hidden="true">x</span>
</button>
<h4 class="modal-title" id="addModalLabel">添加奖品</h4>
<h4 class="modal-title"
id="addModalLabel">添加奖品</h4>
</div>
<div class="modal-body">
<form action="" class="form-horizontal" id="addForm">
<form action=""
class="form-horizontal"
id="addForm">
<!-- 选择奖品 -->
<div class="form-group">
<label for="" class="col-sm-3 control-label">选择奖品</label>
<label for=""
class="col-sm-3 control-label">选择奖品</label>
<div class="col-sm-8">
<select name="awardType" id="awardType" data-btn-class="btn btn-warning">
<select name="awardType"
id="awardType"
data-btn-class="btn btn-warning">
<!-- <option value=""></option> -->
</select>
<select name="awardChoose" id="awardChoose" data-btn-class="btn btn-warning">
<select name="awardChoose"
id="awardChoose"
data-btn-class="btn btn-warning">
<!-- <option value=""></option> -->
</select>
</div>
@@ -97,19 +128,29 @@
<!-- 奖品个数 -->
<div class="form-group">
<label for="" class="col-sm-3 control-label">奖品个数</label>
<label for=""
class="col-sm-3 control-label">奖品个数</label>
<div class="col-sm-8">
<input type="text" id="jackpotNumber" name="jackpotNumber" class=" validate[required]" placeholder="单行输入">
<input type="text"
id="jackpotNumber"
name="jackpotNumber"
class=" validate[required]"
placeholder="单行输入">
</div>
</div>
<!-- 中奖率 -->
<div class="form-group">
<label for="" class="col-sm-3 control-label">实际中奖率</label>
<label for=""
class="col-sm-3 control-label">实际中奖率</label>
<div class="col-sm-8">
<input type="text" id="winningRate" name="winningRate" class=" validate[required]" placeholder="单行输入">%
<input type="text"
id="winningRate"
name="winningRate"
class=" validate[required]"
placeholder="单行输入">%
<br />
<div class="tips">
<i class="glyphicon glyphicon-info-sign"></i>中奖率综合为100当前概率不得超过100
@@ -119,10 +160,15 @@
<!-- 展示中奖率 -->
<div class="form-group">
<label for="" class="col-sm-3 control-label">展示中奖率</label>
<label for=""
class="col-sm-3 control-label">展示中奖率</label>
<div class="col-sm-8">
<input type="text" id="showRate" name="showRate" class=" validate[required]" placeholder="单行输入">%
<input type="text"
id="showRate"
name="showRate"
class=" validate[required]"
placeholder="单行输入">%
<br />
<div class="tips">
<i class="glyphicon glyphicon-info-sign"></i>中奖率综合为100当前概率不得超过100
@@ -131,21 +177,41 @@
</div>
<div class="form-group">
<label for="" class="col-sm-3 control-label">是否默认奖品</label>
<label for=""
class="col-sm-3 control-label">是否默认奖品</label>
<div class="col-sm-8">
<select name="itemType" id="itemType" data-btn-class="btn btn-warning">
<select name="itemType"
id="itemType"
data-btn-class="btn btn-warning">
<option value="1"> 默认奖品 </option>
<option value="2"> 普通奖品 </option>
</select>
</div>
</div>
<!-- 创建者 -->
<div class="form-group">
<label for="" class="col-sm-3 control-label">创建者</label>
<!-- 分区 -->
<div class="form-group awardPartitionId">
<label for="awardPartitionId"
class="col-sm-3 control-label">分区</label>
<div class="col-sm-8">
<input type="text" id="creator" name="creator" class="validate[required]" placeholder="必填项">
<select name="awardPartitionId"
id="awardPartitionId">
</select>
</div>
</div>
<!-- 创建者 -->
<div class="form-group">
<label for=""
class="col-sm-3 control-label">创建者</label>
<div class="col-sm-8">
<input type="text"
id="creator"
name="creator"
class="validate[required]"
placeholder="必填项">
</div>
</div>
@@ -153,8 +219,12 @@
</div>
<div class="modal-footer">
<button class="btn btn-default" type="button" id="addReset">重置</button>
<button class="btn btn-primary" type="button" id="addSave">保存</button>
<button class="btn btn-default"
type="button"
id="addReset">重置</button>
<button class="btn btn-primary"
type="button"
id="addSave">保存</button>
</div>
</div>
</div>
@@ -162,35 +232,56 @@
</div>
<!-- 编辑弹窗 -->
<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
<div class="modal-dialog" role="document">
<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">
<button type="button"
class="close"
data-dismiss="modal"
aria-label="Close">
<span aria-hidden="true">x</span>
</button>
<h4 class="modal-title" id="editModalLabel">编辑奖品</h4>
<h4 class="modal-title"
id="editModalLabel">编辑奖品</h4>
</div>
<div class="modal-body">
<form action="" class="form-horizontal" id="editForm">
<input type="hidden" id="editId">
<form action=""
class="form-horizontal"
id="editForm">
<input type="hidden"
id="editId">
<!-- 奖品个数 -->
<div class="form-group">
<label for="" class="col-sm-3 control-label">奖品个数</label>
<label for=""
class="col-sm-3 control-label">奖品个数</label>
<div class="col-sm-8">
<input type="text" id="jackpotNumber2" name="jackpotNumber2" class=" validate[required]"
<input type="text"
id="jackpotNumber2"
name="jackpotNumber2"
class=" validate[required]"
placeholder="单行输入">
</div>
</div>
<!-- 中奖率 -->
<div class="form-group">
<label for="" class="col-sm-3 control-label">实际中奖率</label>
<label for=""
class="col-sm-3 control-label">实际中奖率</label>
<div class="col-sm-8">
<input type="text" id="winningRate2" name="winningRate2" class=" validate[required]" placeholder="单行输入">%
<input type="text"
id="winningRate2"
name="winningRate2"
class=" validate[required]"
placeholder="单行输入">%
<br />
<div class="tips">
<i class="glyphicon glyphicon-info-sign"></i>中奖率综合为100当前概率不得超过100
@@ -200,10 +291,15 @@
<!-- 展示给用户看的中奖率 -->
<div class="form-group">
<label for="" class="col-sm-3 control-label">展示中奖率</label>
<label for=""
class="col-sm-3 control-label">展示中奖率</label>
<div class="col-sm-8">
<input type="text" id="showRate2" name="showRate2" class=" validate[required]" placeholder="单行输入">%
<input type="text"
id="showRate2"
name="showRate2"
class=" validate[required]"
placeholder="单行输入">%
<br />
<div class="tips">
<i class="glyphicon glyphicon-info-sign"></i>中奖率综合为100当前概率不得超过100
@@ -211,29 +307,52 @@
</div>
</div>
<div class="form-group">
<label for="" class="col-sm-3 control-label">是否默认奖品</label>
<label for=""
class="col-sm-3 control-label">是否默认奖品</label>
<div class="col-sm-8">
<select name="itemType" id="itemType2" data-btn-class="btn btn-warning">
<select name="itemType"
id="itemType2"
data-btn-class="btn btn-warning">
<option value="1"> 默认奖品 </option>
<option value="2"> 普通奖品 </option>
</select>
</div>
</div>
<!-- 创建者 -->
<div class="form-group">
<label for="" class="col-sm-3 control-label">创建者</label>
<!-- 分区 -->
<div class="form-group awardPartitionId">
<label for="awardPartitionId2"
class="col-sm-3 control-label">分区</label>
<div class="col-sm-8">
<input type="text" id="creator2" name="creator2" class="validate[required]">
<select name="awardPartitionId2"
id="awardPartitionId2">
</select>
</div>
</div>
<!-- 创建者 -->
<div class="form-group">
<label for=""
class="col-sm-3 control-label">创建者</label>
<div class="col-sm-8">
<input type="text"
id="creator2"
name="creator2"
class="validate[required]">
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button class="btn btn-default" type="button" id="editReset">重置</button>
<button class="btn btn-primary" type="button" id="editSave">保存</button>
<button class="btn btn-default"
type="button"
id="editReset">重置</button>
<button class="btn btn-primary"
type="button"
id="editSave">保存</button>
</div>
</div>
</div>
@@ -243,6 +362,7 @@
<script>
import TableHelper from '@/utils/bootstrap-table-helper';
var partitionInfo = {}
var idObj = {};
var typeObj = {};
var pId = '', saveId = '';
@@ -251,32 +371,85 @@ var ACCURACY = 1000; // 小数点精度
var RATIO_PART = 100000; // 概率换算单位
export default {
name: "PrizeManageAdminView",
setup() {
setup () {
return {};
},
created() {
created () {
this.initData();
},
mounted() {
mounted () {
},
methods: {
initData() {
initData () {
this.$nextTick(function () {
var main = {
init: function () {
this.initPartitionIdSelect();
$('.deviateRange').hide();
$('.chargeDeviateRange').hide();
$('.diamondDeviateRange').hide();
this.eventRegister();
this.getDataFormBack();
this.initDeviateRangeSelect();
this.initDiamondDeviateRangeSelect();
//$('#selectReplacePrize').hide();
//this.initReplacePrizeSelect();
},
initPartitionIdSelect: function () {
$.ajax({
type: 'get',
url: '/partition/listPartitionInfo',
dataType: 'json',
success: function (json) {
if (json.code == 200) {
var awardPartitionId = $("#awardPartitionId");
awardPartitionId.empty();
var awardPartitionId2 = $("#awardPartitionId2");
awardPartitionId2.empty();
var partitionId = $("#partitionId");
partitionId.empty();
var defaultOption = $('<option></option>').attr('value', '').text("全部");
partitionId.append(defaultOption);
// 遍历数据并添加 option
$.each(json.data, function (index, item) {
// 创建新的 option 元素
var option = $('<option></option>')
.attr('value', item.id) // 设置 value 属性
.text(item.desc); // 设置文本内容
// 追加到 select 元素
partitionId.append(option.clone());
awardPartitionId.append(option.clone());
awardPartitionId2.append(option.clone());
});
partitionInfo = json.data.reduce((acc, item) => {
acc[item.id] = item.desc;
return acc;
}, {});
}
}
});
$('#partitionId').change(function () {
const partitionId = $(this).val();
main.initDeviateRangeSelect(partitionId);
main.initDiamondDeviateRangeSelect(partitionId);
});
},
eventRegister: function () {
},
@@ -306,36 +479,38 @@ export default {
});
},
initDeviateRangeSelect: function () {
let options = $('#deviateRange').children();
if (options.length <= 0) {
initDeviateRangeSelect: function (partitionId) {
$('#deviateRange').empty();
$.get('/admin/deviateRange/list?type=1', {}, function (res) {
if (res.total > 0) {
var rows = res.rows;
for (var i = 0; i < rows.length; i++) {
var deviateRange = rows[i];
var str = '<option value=' + deviateRange.id + '>' + deviateRange.lowerLimit + '~' + deviateRange.upperLimit + '</option>';
if (undefined != partitionId && '' != partitionId && deviateRange.partitionId == partitionId) {
var str = '<option partitionId = ' + deviateRange.partitionId + ' value=' + deviateRange.id + '>' + deviateRange.lowerLimit + '~' + deviateRange.upperLimit + '</option>';
$('#deviateRange').append(str);
}
}
});
}
});
},
initDiamondDeviateRangeSelect: function () {
let options = $('#diamondDeviateRange').children();
if (options.length <= 0) {
initDiamondDeviateRangeSelect: function (partitionId) {
$('#diamondDeviateRange').empty();
$.get('/admin/deviateRange/list?type=4', {}, function (res) {
if (res.total > 0) {
var rows = res.rows;
for (var i = 0; i < rows.length; i++) {
var deviateRange = rows[i];
var str = '<option value=' + deviateRange.id + '>' + deviateRange.lowerLimit + '~' + deviateRange.upperLimit + '</option>';
if (undefined != partitionId && '' != partitionId && deviateRange.partitionId == partitionId) {
var str = '<option partitionId = ' + deviateRange.partitionId + ' value=' + deviateRange.id + '>' + deviateRange.lowerLimit + '~' + deviateRange.upperLimit + '</option>';
$('#diamondDeviateRange').append(str);
}
}
});
}
});
},
initReplacePrizeSelect: function () {
@@ -358,7 +533,7 @@ export default {
$('#table').bootstrapTable('destroy');
$('#table').bootstrapTable({
columns: [
{ field: 'id', title: '奖品编号', align: 'center', valign: 'middle', width: '10%' },
{ field: 'id', title: '奖品编号', align: 'center', valign: 'middle', width: '3%' },
{
field: 'prizeName', title: '奖品名称', align: 'center', valign: 'middle', width: '10%', formatter: function (val, row, index) {
var key = row.prizeId;
@@ -448,6 +623,11 @@ export default {
}
},
{ field: 'usePrizeNum', title: '被抽中数量', align: 'center', valign: 'middle', width: '10%' },
{
field: 'partitionId', title: '分区', align: 'center', valign: 'middle', width: '10%', formatter: function (val, row, index) {
return partitionInfo[val] || val;
}
},
{
field: '', title: '操作', align: 'center', valign: 'middle', width: '10%', formatter: function (val, row, index) {
var key = row.id;
@@ -463,13 +643,14 @@ export default {
pageList: [10, 20, 30, 50],
sidePagination: 'server',
queryParamsType: 'undefined',
queryParams: function queryParams(params) {
queryParams: function queryParams (params) {
var param = {
pageSize: params.pageSize,
pageNumber: params.pageNumber,
poolType: parseInt($('#jackpotType').val()),
deviateRangeId: getDeviateRangeId()
deviateRangeId: getDeviateRangeId(),
partitionId: $('#partitionId').val(),
};
return param;
@@ -479,7 +660,6 @@ export default {
url: '/admin/prizePoolItem/list',
onLoadSuccess: function (res) {
console.log('load success');
console.log(res.rows);
var arr = [];
var Num = 0;
var expectNum = 0;
@@ -587,7 +767,6 @@ export default {
$('#addModal').find('#awardType').on('change', function () {
$('#awardChoose').find('option').remove();
var key = $(this).val();
console.log(key);
// var str = '<option></option>';
// $('#awardChoose').append(str);
var str;
@@ -605,12 +784,12 @@ export default {
var id = $(this).data('id');
var data = $('#table').bootstrapTable('getRowByUniqueId', id);
console.log(data);
$('#editModal').find('#jackpotNumber2').val(data.prizeNum);
$('#editModal').find('#winningRate2').val(data.occupationRatio / ACCURACY);
$('#editModal').find('#showRate2').val(data.showRatio / ACCURACY);
$('#editModal').find('#creator2').val(data.creator);
$('#editModal').find('#itemType2').val(data.itemType);
$('#editModal').find('#awardPartitionId2').val(data.partitionId);
pId = data.prizeId;
saveId = id;
});
@@ -660,7 +839,8 @@ export default {
occupationRatio: $('#winningRate').val() * ACCURACY,
showRatio: $('#showRate').val() * ACCURACY,
creator: $('#creator').val(),
itemType: $('#itemType').val()
itemType: $('#itemType').val(),
partitionId: $('#awardPartitionId').val(),
}, function (res) {
if (res.code == 200) {
$('#addModal').modal('hide');
@@ -715,7 +895,8 @@ export default {
occupationRatio: $('#winningRate2').val() * ACCURACY,
showRatio: $('#showRate2').val() * ACCURACY,
creator: $('#creator2').val(),
itemType: $('#itemType2').val()
itemType: $('#itemType2').val(),
partitionId: $('#awardPartitionId2').val(),
}, function (res) {
if (res.code == 200) {
// console.log(res);
@@ -774,7 +955,7 @@ export default {
};
function clearModal() {
function clearModal () {
$('#addForm').find('input[type=text],select,input[type=hidden]').each(function () {
$(this).val('');
});
@@ -783,7 +964,7 @@ function clearModal() {
});
}
function getDeviateRangeId() {
function getDeviateRangeId () {
if ($('#deviateRange').val()) {
var jackpotType = $('#jackpotType').val();
if (jackpotType == '4') {
@@ -814,7 +995,7 @@ function getDeviateRangeId() {
align-items: center;
}
#toolbar>div:first-child {
#toolbar > div:first-child {
margin-right: 10px;
}
</style>

View File

@@ -10,23 +10,40 @@
<div id="toolbar">
<div class="col-sm-12">
<div class="pull-left">
<form action="/admin/box/record/export" id="searchForm" method="POST">
平台号<input type="text" id="msNo" name="msNo" class="input-sm" placeholder="请输入平台号">
<form action="/admin/box/record/export"
id="searchForm"
method="POST">
平台号<input type="text"
id="msNo"
name="msNo"
class="input-sm"
placeholder="请输入平台号">
奖品名称<input type="text" id="prizeName" name="prizeName" class="input-sm"
奖品名称<input type="text"
id="prizeName"
name="prizeName"
class="input-sm"
placeholder="请输入奖品名称">
日期<input type="text" name="startDate" id="timeBegin" class="input-sm datetime"
日期<input type="text"
name="startDate"
id="timeBegin"
class="input-sm datetime"
placeholder="起始时间">
- <input type="text" name="endDate" id="timeEnd" class="input-sm datetime"
- <input type="text"
name="endDate"
id="timeEnd"
class="input-sm datetime"
placeholder="结束时间">
</form>
</div>
<div class="pull-right">
&nbsp;&nbsp;&nbsp;&nbsp;<button id="searchBtn" class="btn btn-primary">筛选</button>
<button id="exportBtn" class="btn btn-primary">导出</button>
&nbsp;&nbsp;&nbsp;&nbsp;<button id="searchBtn"
class="btn btn-primary">筛选</button>
<button id="exportBtn"
class="btn btn-primary">导出</button>
</div>
</div>
@@ -41,16 +58,16 @@ import TableHelper from '@/utils/bootstrap-table-helper';
export default {
name: "PrizeRecordAdminView",
setup() {
setup () {
return {};
},
created() {
created () {
this.$nextTick(function () {
this.initData();
});
},
methods: {
initData() {
initData () {
$(function () {
$('.datetime').datetimepicker({
@@ -81,6 +98,7 @@ export default {
{ field: 'uid', title: 'uid', align: 'center', valign: 'middle', width: '10%' },
{ field: 'erbanNo', title: '平台号', align: 'center', valign: 'middle', width: '10%' },
{ field: 'nick', title: '用户昵称', align: 'center', valign: 'middle', width: '10%' },
{ field: 'partition', title: '分区', align: 'center', valign: 'middle', width: '10%' },
{ field: 'prizeName', title: '奖品名称', align: 'center', valign: 'middle', width: '10%' },
{
field: 'createTime', title: '抽奖时间', align: 'center', valign: 'middle', width: '20%', formatter: function (val, row, index) {
@@ -142,7 +160,7 @@ export default {
pageList: [10, 20, 30, 50],
sidePagination: 'server',
queryParamsType: 'undefined',
queryParams: function queryParams(params) {
queryParams: function queryParams (params) {
var param = {
pageSize: params.pageSize,
pageNumber: params.pageNumber,

View File

@@ -9,30 +9,47 @@
<div id="table"></div>
<div id="toolbar">
<label class="source">
选择时间: <input type="text" name="startTime" id="startTime" class="input-sm">
<input type="text" id="endTime" name="endTime" class="input-sm">
选择时间: <input type="text"
name="startTime"
id="startTime"
class="input-sm">
<input type="text"
id="endTime"
name="endTime"
class="input-sm">
</label>
<label class="source">
宝箱类型: <select name="boxType" id="boxType" class="input-sm">
宝箱类型: <select name="boxType"
id="boxType"
class="input-sm">
<option value="0">全部</option>
<option value="1">幸运许愿池</option>
<option value="2">梦幻许愿池</option>
</select>
</label>
<label class="source">
查询凭据<select name="source" id="source" class="input-sm">
查询凭据<select name="source"
id="source"
class="input-sm">
<option value="1">平台号</option>
<option value="2">偏差范围</option>
</select>
</label>
<label class="msNo">
平台号<input type="text" placeholder="请输入草莓号" id="msNo" class="input-sm">
平台号<input type="text"
placeholder="请输入草莓号"
id="msNo"
class="input-sm">
</label>
<label class="deviation">
偏差值 <input type="text" id="minDis" class="input-m"> - <input type="text" id="maxDis"
偏差值 <input type="text"
id="minDis"
class="input-m"> - <input type="text"
id="maxDis"
class="input-m">
</label>
<button id="btnSearch" class="btn btn-sm btn-primary">查询</button>
<button id="btnSearch"
class="btn btn-sm btn-primary">查询</button>
</div>
</section>
</div>
@@ -45,27 +62,28 @@ import TableHelper from '@/utils/bootstrap-table-helper';
export default {
name: "PrizeStatisAdminNewView",
setup() {
setup () {
return {};
},
created() {
created () {
this.$nextTick(function () {
this.initData();
});
},
methods: {
initData() {
initData () {
$(function () {
//searchHistory();
var whiteList = {};
requestWhiteList(searchHistory());
function searchHistory() {
function searchHistory () {
$('#table').bootstrapTable('destroy');
$('#table').bootstrapTable({
columns: [
{ field: 'uid', title: 'uid', align: 'center', valign: 'middle', width: '10%' },
{ field: 'erbanNo', title: '平台号', align: 'center', valign: 'middle', width: '10%' },
{ field: 'nick', title: '昵称', align: 'center', valign: 'middle', width: '10%' },
{ field: 'partition', title: '分区', align: 'center', valign: 'middle', width: '10%' },
{ field: 'totalPurchaseMoney', title: '历史抽奖充值总额', align: 'center', valign: 'middle', width: '10%' },
{ field: 'totalDrawMoney', title: '历史抽奖总额', align: 'center', valign: 'middle', width: '10%' },
{ field: 'totalPlatformValue', title: '历史获奖平台价值', align: 'center', valign: 'middle', width: '10%' },
@@ -162,7 +180,7 @@ export default {
//设置为undefined可以获取pageNumberpageSizesearchTextsortNamesortOrder
//设置为limit可以获取limit, offset, search, sort, order
queryParamsType: "undefined",
queryParams: function queryParams(params) { //设置查询参数
queryParams: function queryParams (params) { //设置查询参数
var param = {
pageSize: params.pageSize,
pageNumber: params.pageNumber,
@@ -236,7 +254,7 @@ export default {
requestWhiteList(searchHistory());
});
function editWhiteList(uid, availableNum, boxType) {
function editWhiteList (uid, availableNum, boxType) {
$.post("/admin/prizeWhiteUser/save", { uid: uid, availableNum: availableNum, boxType: boxType }, function (res) {
if (res.code == 200) {
if (availableNum > 0) {
@@ -256,7 +274,7 @@ export default {
})
}
function requestWhiteList(callback) {
function requestWhiteList (callback) {
$.ajax({
url: '/admin/prizeWhiteUser/list',
success: function (res) {
@@ -293,4 +311,5 @@ export default {
#toolbar label {
margin-right: 6px;
}</style>
}
</style>

View File

@@ -9,30 +9,47 @@
<div id="table"></div>
<div id="toolbar">
<label class="source">
选择时间: <input type="text" name="startTime" id="startTime" class="input-sm">
<input type="text" id="endTime" name="endTime" class="input-sm">
选择时间: <input type="text"
name="startTime"
id="startTime"
class="input-sm">
<input type="text"
id="endTime"
name="endTime"
class="input-sm">
</label>
<label class="source">
宝箱类型: <select name="boxType" id="boxType" class="input-sm">
宝箱类型: <select name="boxType"
id="boxType"
class="input-sm">
<option value="0">全部</option>
<option value="1">幸运许愿池</option>
<option value="2">梦幻许愿池</option>
</select>
</label>
<label class="source">
查询凭据<select name="source" id="source" class="input-sm">
查询凭据<select name="source"
id="source"
class="input-sm">
<option value="1">平台号</option>
<option value="2">偏差范围</option>
</select>
</label>
<label class="msNo">
平台号<input type="text" placeholder="请输入草莓号" id="msNo" class="input-sm">
平台号<input type="text"
placeholder="请输入草莓号"
id="msNo"
class="input-sm">
</label>
<label class="deviation">
偏差值 <input type="text" id="minDis" class="input-m"> - <input type="text" id="maxDis"
偏差值 <input type="text"
id="minDis"
class="input-m"> - <input type="text"
id="maxDis"
class="input-m">
</label>
<button id="btnSearch" class="btn btn-sm btn-primary">查询</button>
<button id="btnSearch"
class="btn btn-sm btn-primary">查询</button>
</div>
</section>
</div>
@@ -45,27 +62,28 @@ import TableHelper from '@/utils/bootstrap-table-helper';
export default {
name: "PrizeStatisAdminView",
setup() {
setup () {
return {};
},
created() {
created () {
this.$nextTick(function () {
this.initData();
});
},
methods: {
initData() {
initData () {
$(function () {
//searchHistory();
var whiteList = {};
requestWhiteList(searchHistory());
function searchHistory() {
function searchHistory () {
$('#table').bootstrapTable('destroy');
$('#table').bootstrapTable({
columns: [
{ field: 'uid', title: 'uid', align: 'center', valign: 'middle', width: '10%' },
{ field: 'erbanNo', title: '平台号', align: 'center', valign: 'middle', width: '10%' },
{ field: 'nick', title: '昵称', align: 'center', valign: 'middle', width: '10%' },
{ field: 'partition', title: '分区', align: 'center', valign: 'middle', width: '10%' },
{ field: 'totalPurchaseMoney', title: '历史抽奖充值总额', align: 'center', valign: 'middle', width: '10%' },
{ field: 'totalDrawMoney', title: '历史抽奖总额', align: 'center', valign: 'middle', width: '10%' },
{ field: 'totalPlatformValue', title: '历史获奖平台价值', align: 'center', valign: 'middle', width: '10%' },
@@ -162,7 +180,7 @@ export default {
//设置为undefined可以获取pageNumberpageSizesearchTextsortNamesortOrder
//设置为limit可以获取limit, offset, search, sort, order
queryParamsType: "undefined",
queryParams: function queryParams(params) { //设置查询参数
queryParams: function queryParams (params) { //设置查询参数
var param = {
pageSize: params.pageSize,
pageNumber: params.pageNumber,
@@ -236,7 +254,7 @@ export default {
requestWhiteList(searchHistory());
});
function editWhiteList(uid, availableNum, boxType) {
function editWhiteList (uid, availableNum, boxType) {
$.post("/admin/prizeWhiteUser/save", { uid: uid, availableNum: availableNum, boxType: boxType }, function (res) {
if (res.code == 200) {
if (availableNum > 0) {
@@ -256,7 +274,7 @@ export default {
})
}
function requestWhiteList(callback) {
function requestWhiteList (callback) {
$.ajax({
url: '/admin/prizeWhiteUser/list',
success: function (res) {
@@ -293,4 +311,5 @@ export default {
#toolbar label {
margin-right: 6px;
}</style>
}
</style>

View File

@@ -33,7 +33,7 @@
<el-table-column align="center" prop="icon" label="入口icon">
<template v-slot="scope">
<el-image style="width: 100px; height: 100px" :src="scope.row.icon" :zoom-rate="1.1"
:preview-src-list="[scope.row.icon]" fit="cover" preview-teleported="true"
:preview-src-list="[scope.row.icon]" fit="scale-down" preview-teleported="true"
hide-on-click-modal="true" />
</template>
</el-table-column>

View File

@@ -33,7 +33,7 @@
<el-table-column align="center" prop="icon" label="入口icon">
<template v-slot="scope">
<el-image style="width: 100px; height: 100px" :src="scope.row.icon" :zoom-rate="1.1"
:preview-src-list="[scope.row.icon]" fit="cover" preview-teleported="true"
:preview-src-list="[scope.row.icon]" fit="scale-down" preview-teleported="true"
hide-on-click-modal="true" />
</template>
</el-table-column>

View File

@@ -33,7 +33,7 @@
<el-table-column align="center" prop="url" label="开屏页" width="200">
<template v-slot="scope">
<el-image style="width: 100%; height: 100px" :src="scope.row.url" :zoom-rate="1.1"
:preview-src-list="[scope.row.url]" fit="cover" preview-teleported="true"
:preview-src-list="[scope.row.url]" fit="scale-down" preview-teleported="true"
hide-on-click-modal="true" />
</template>
</el-table-column>

View File

@@ -41,7 +41,7 @@
:src="scope.row.photoUrl"
:zoom-rate="1.1"
:preview-src-list="[scope.row.photoUrl]"
fit="cover"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true"
/></template>
@@ -58,7 +58,7 @@
style="width: 30px; height: 30px; vertical-align: middle; margin-right: 6px"
:src="scope.row.picUrl"
:zoom-rate="1"
fit="cover"
fit="scale-down"
preview-teleported="true"
/>
<img

View File

@@ -9,22 +9,33 @@
<div id="table"></div>
<div id="toolbar">
<div class="col-sm-12">
<label for="erbanNo" class="col-sm-1 control-label">平台号:</label>
<label for="erbanNo"
class="col-sm-1 control-label">平台号:</label>
<div class="col-sm-2">
<input type="text" name="erbanNo" id="erbanNo" placeholder="请输入平台号" class="form-control">
<input type="text"
name="erbanNo"
id="erbanNo"
placeholder="请输入平台号"
class="form-control">
</div>
<label for="sort" class="col-sm-1 control-label">排序:</label>
<label for="sort"
class="col-sm-1 control-label">排序:</label>
<div class="col-sm-2">
<select name="sort" id="sort" class="form-control">
<select name="sort"
id="sort"
class="form-control">
<option value="0">默认</option>
<option value="1">创建时间</option>
</select>
</div>
<label for="roomPermitType" class="col-sm-1 control-label">房间类型:</label>
<label for="roomPermitType"
class="col-sm-1 control-label">房间类型:</label>
<div class="col-sm-2">
<select name="roomPermitType" id="roomPermitType" class="form-control">
<select name="roomPermitType"
id="roomPermitType"
class="form-control">
<option value="0"></option>
<option value="1">牌照房</option>
<option value="2">非牌照房</option>
@@ -32,92 +43,150 @@
</select>
</div>
<label for="partitionId" class="col-sm-1 control-label">地区:</label>
<label for="partitionId"
class="col-sm-1 control-label">地区:</label>
<div class="col-sm-2">
<select name="partitionId" id="partitionId" class="form-control"></select>
<select name="partitionId"
id="partitionId"
class="form-control"></select>
</div>
</div>
<button id="btnSearch" class="btn btn-sm btn-primary">查询</button>
<button id="btnSearch"
class="btn btn-sm btn-primary">查询</button>
</div>
</section>
</div>
</div>
</section>
<div class="modal fade" id="robotModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
<div class="modal-dialog" role="document">
<div class="modal fade"
id="robotModal"
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">x</span></button>
<h4 class="modal-title" id="robotModalLabel">机器人管理</h4>
<button type="button"
class="close"
data-dismiss="modal"
aria-label="Close"><span aria-hidden="true">x</span></button>
<h4 class="modal-title"
id="robotModalLabel">机器人管理</h4>
<h5 id="robotUsingNum">当前房间机器人配置数量</h5>
<h5 id="robotOnlineNum">当前房间机器人在线数量</h5>
</div>
<div class="modal-body">
<form id="editRobot" class="form-horizontal">
人数: <input type="text" name="count" id="addRobotCount" /><span
style="color: red;">(人数不能超过100)</span>
<input type="hidden" name="uid" id="addRobotUid" />
<form id="editRobot"
class="form-horizontal">
人数: <input type="text"
name="count"
id="addRobotCount" /><span style="color: red;">(人数不能超过100)</span>
<input type="hidden"
name="uid"
id="addRobotUid" />
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" id="robot-sync">同步房间机器人</button>
<button type="button" class="btn btn-primary" id="robot-save">新增</button>
<button type="button" class="btn btn-primary" id="robot-remove">移除</button>
<button type="button"
class="btn btn-primary"
id="robot-sync">同步房间机器人</button>
<button type="button"
class="btn btn-primary"
id="robot-save">新增</button>
<button type="button"
class="btn btn-primary"
id="robot-remove">移除</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="roomTypeModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
<div class="modal-dialog" role="document">
<div class="modal fade"
id="roomTypeModal"
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">x</span></button>
<h4 class="modal-title" id="roomTypeModalLabel">房间类型管理</h4>
<button type="button"
class="close"
data-dismiss="modal"
aria-label="Close"><span aria-hidden="true">x</span></button>
<h4 class="modal-title"
id="roomTypeModalLabel">房间类型管理</h4>
</div>
<div class="modal-body">
<form id="roomType" class="form-horizontal">
<form id="roomType"
class="form-horizontal">
房间类型:
<select id="permitType" name="permitType" class="form-control" data-btn-class="btn-warning">
<select id="permitType"
name="permitType"
class="form-control"
data-btn-class="btn-warning">
<option value="1">牌照房</option>
<option value="2">普通房</option>
<option value="4">个播房</option>
</select>
<input type="hidden" name="uid" id="roomTypeUid" />
<input type="hidden"
name="uid"
id="roomTypeUid" />
</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="room-type-update">保存</button>
<button type="button"
class="btn btn-default"
data-dismiss="modal">关闭</button>
<button type="button"
class="btn btn-primary"
id="room-type-update">保存</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
<div class="modal-dialog" role="document">
<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">x</span></button>
<h4 class="modal-title" id="editModalLabel">修改房间信息</h4>
<button type="button"
class="close"
data-dismiss="modal"
aria-label="Close"><span aria-hidden="true">x</span></button>
<h4 class="modal-title"
id="editModalLabel">修改房间信息</h4>
</div>
<div class="modal-body">
<form id="editRoom" class="form-horizontal">
<input type="hidden" name="uid" id="uid">
<form id="editRoom"
class="form-horizontal">
<input type="hidden"
name="uid"
id="uid">
<div class="form-group">
<label for="tag" class="col-sm-3 control-label">标签:</label>
<label for="tag"
class="col-sm-3 control-label">标签:</label>
<div class="col-sm-8 control-label">
<select name="tag" id="tag" class="col-sm-5">
<select name="tag"
id="tag"
class="col-sm-5">
</select>
</div>
</div>
<div class="form-group" id="close_single_sort">
<label for="sortId" class="col-sm-3 control-label">房间分类:</label>
<div class="form-group"
id="close_single_sort">
<label for="sortId"
class="col-sm-3 control-label">房间分类:</label>
<div class="col-sm-8 control-label">
<select name="sortId" id="sortId" class="col-sm-5">
<select name="sortId"
id="sortId"
class="col-sm-5">
</select>
</div>
@@ -126,134 +195,250 @@
<div class="form-group">
<label class="col-sm-3 control-label">角标图:</label>
<div class="col-sm-8">
<img src="" id="addImgUrl" style="width:70px;height:20px;" alt="">
<input type="file" id="addUploadFile" name="uploadBadge"
<img src=""
id="addImgUrl"
style="width:70px;height:20px;"
alt="">
<input type="file"
id="addUploadFile"
name="uploadBadge"
accept="image/gif,image/jpeg,image/jpg,image/png,image/svg">
<button class="btn btn-success" type="button" id="uploadBtn">上传</button>
<input type="hidden" id="badge" name="badge" class="form-control" />
<a href="javascript:void(0)" id="removeBadge">下角标</a>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">房间背景图:</label>
<div class="col-sm-8">
<img src="" id="addBackPic" style="width:60px;height:90px" alt="">
<input type="file" id="addBackground" name="uploadBackground"
accept="image/gif,image/jpeg,image/jpg,image/png,image/svg">
<button class="btn btn-success" type="button" id="uploadBtn2">上传</button>
<input type="hidden" id="backPic" name="backPic" class="form-control" />
<a href="javascript:void(0)" id="removeBackground">去除背景</a>
<button class="btn btn-success"
type="button"
id="uploadBtn">上传</button>
<input type="hidden"
id="badge"
name="badge"
class="form-control" />
<a href="javascript:void(0)"
id="removeBadge">下角标</a>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">头像:</label>
<div class="col-sm-8">
<img src=""
id="addAvatarImg"
style="width:60px;height:90px"
alt="">
<input type="file"
id="addAvatar"
name="uploadAvatar"
accept="image/gif,image/jpeg,image/jpg,image/png">
<button class="btn btn-success"
type="button"
id="uploadAvatar">上传</button>
<input type="hidden"
id="avatar"
name="avatar"
class="form-control" />
<a href="javascript:void(0)"
id="removeAvatar">去除头像</a>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">房间背景图:</label>
<div class="col-sm-8">
<img src=""
id="addBackPic"
style="width:60px;height:90px"
alt="">
<input type="file"
id="addBackground"
name="uploadBackground"
accept="image/gif,image/jpeg,image/jpg,image/png,image/svg">
<button class="btn btn-success"
type="button"
id="uploadBtn2">上传</button>
<input type="hidden"
id="backPic"
name="backPic"
class="form-control" />
<a href="javascript:void(0)"
id="removeBackground">去除背景</a>
</div>
</div>
<!-- <div class="form-group">
<label class="col-sm-3 control-label">是否有龙珠游戏:</label>
<div class="col-sm-8">
<label class="radio-inline"><input type="radio" name="hasDragonGame" value="0" /></label>
<label class="radio-inline"><input type="radio" name="hasDragonGame" value="1" /></label>
</div>
<label class="radio-inline"><input type="radio"
name="hasDragonGame"
value="0" /></label>
<label class="radio-inline"><input type="radio"
name="hasDragonGame"
value="1" /></label>
</div>
</div> -->
<div class="form-group">
<label class="col-sm-3 control-label">是否开启纯净模式:</label>
<div class="col-sm-8">
<label class="radio-inline"><input type="radio" name="isPureMode" value="0" /></label>
<label class="radio-inline"><input type="radio" name="isPureMode" value="1" /></label>
</div>
</div>
<div class="form-group" id="close_box_group">
<label class="col-sm-3 control-label">是否关闭转盘入口:</label>
<div class="col-sm-8">
<label class="radio-inline"><input type="radio" name="closeBox" value="0" /></label>
<label class="radio-inline"><input type="radio" name="closeBox" value="1" /></label>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">是否有KTV权限:</label>
<div class="col-sm-8">
<label class="radio-inline"><input type="radio" name="hasKTVPriv" value="0" /></label>
<label class="radio-inline"><input type="radio" name="hasKTVPriv" value="1" /></label>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">是否有相亲房权限:</label>
<div class="col-sm-8">
<label class="radio-inline"><input type="radio" name="hasBlindDateRoomPri"
<label class="radio-inline"><input type="radio"
name="isPureMode"
value="0" /></label>
<label class="radio-inline"><input type="radio" name="hasBlindDateRoomPri"
<label class="radio-inline"><input type="radio"
name="isPureMode"
value="1" /></label>
</div>
</div>
<div class="form-group" id="close_recommend">
<!-- <div class="form-group"
id="close_box_group">
<label class="col-sm-3 control-label">是否关闭转盘入口:</label>
<div class="col-sm-8">
<label class="radio-inline"><input type="radio"
name="closeBox"
value="0" /></label>
<label class="radio-inline"><input type="radio"
name="closeBox"
value="1" /></label>
</div>
</div> -->
<!-- <div class="form-group">
<label class="col-sm-3 control-label">是否有KTV权限:</label>
<div class="col-sm-8">
<label class="radio-inline"><input type="radio"
name="hasKTVPriv"
value="0" /></label>
<label class="radio-inline"><input type="radio"
name="hasKTVPriv"
value="1" /></label>
</div>
</div> -->
<div class="form-group">
<label class="col-sm-3 control-label">是否有相亲房权限:</label>
<div class="col-sm-8">
<label class="radio-inline"><input type="radio"
name="hasBlindDateRoomPri"
value="0" /></label>
<label class="radio-inline"><input type="radio"
name="hasBlindDateRoomPri"
value="1" /></label>
</div>
</div>
<!-- <div class="form-group"
id="close_recommend">
<label class="col-sm-3 control-label">是否设置为卡片推荐位:</label>
<div class="col-sm-8">
<label class="radio-inline"><input type="radio" name="recommendStatus" value="0" /></label>
<label class="radio-inline"><input type="radio" name="recommendStatus" value="1" /></label>
</div>
<label class="radio-inline"><input type="radio"
name="recommendStatus"
value="0" /></label>
<label class="radio-inline"><input type="radio"
name="recommendStatus"
value="1" /></label>
</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>
<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>
<div class="modal fade" id="editRoomTitleModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
<div class="modal-dialog" role="document">
<div class="modal fade"
id="editRoomTitleModal"
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">x</span></button>
<h4 class="modal-title" id="editRoomTitleModalLabel">修改房间标题</h4>
<button type="button"
class="close"
data-dismiss="modal"
aria-label="Close"><span aria-hidden="true">x</span></button>
<h4 class="modal-title"
id="editRoomTitleModalLabel">修改房间标题</h4>
</div>
<div class="modal-body">
<form id="editRoomTitleForm" class="form-horizontal">
<input type="hidden" name="uid" id="editRoomTitleUid">
<input type="hidden" name="erbanId" id="erbanId">
<form id="editRoomTitleForm"
class="form-horizontal">
<input type="hidden"
name="uid"
id="editRoomTitleUid">
<input type="hidden"
name="erbanId"
id="erbanId">
<div class="form-group">
<label for="titleInput" class="col-sm-2 control-label">标题:</label>
<label for="titleInput"
class="col-sm-2 control-label">标题:</label>
<div class="col-sm-10">
<input type="text" class="form-control validate[required]" name="title" id="titleInput">
<button class="btn btn-warning pull-left" type="button" id="default_title">恢复默认</button>
<input type="text"
class="form-control validate[required]"
name="title"
id="titleInput">
<button class="btn btn-warning pull-left"
type="button"
id="default_title">恢复默认</button>
</div>
<div class="col-sm-10">
<div id="msgDiv" style="color: #ee0101;float: right">
<div id="msgDiv"
style="color: #ee0101;float: right">
</div>
</div>
</div>
<div class="form-group">
<label for="modal-roomDesc" class="col-sm-2 control-label">公告标题:</label>
<label for="modal-roomDesc"
class="col-sm-2 control-label">公告标题:</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="roomDesc" id="modal-roomDesc"
<input type="text"
class="form-control"
name="roomDesc"
id="modal-roomDesc"
placeholder="公告标题仅限输入15字">
<button class="clear-content" id="clear-roomDesc" type="button">清空</button>
<button class="clear-content"
id="clear-roomDesc"
type="button">清空</button>
</div>
</div>
<div class="form-group">
<label for="modal-roomDesc" class="col-sm-2 control-label">公告内容:</label>
<label for="modal-roomDesc"
class="col-sm-2 control-label">公告内容:</label>
<div class="col-sm-10">
<textarea type="" class="form-control" name="introduction" id="modal-introduction"
<textarea type=""
class="form-control"
name="introduction"
id="modal-introduction"
placeholder="公告内容仅限输入300字"></textarea>
<button class="clear-content" id="clear-introduction" type="button">清空</button>
<button class="clear-content"
id="clear-introduction"
type="button">清空</button>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">是否发送通知:</label>
<div class="col-sm-9">
<label class="radio-inline"><input type="radio" name="sendMsg" id="needSend" value="1"
<label class="radio-inline"><input type="radio"
name="sendMsg"
id="needSend"
value="1"
checked></label>
<label class="radio-inline"><input type="radio" name="sendMsg" id="notSend"
<label class="radio-inline"><input type="radio"
name="sendMsg"
id="notSend"
value="0"></label>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label"> </label>
<div class="col-sm-9" id="msgContentDiv">
<textarea type="text" class="form-control" name="msgContent" id="msgContent" maxlength="100"
<div class="col-sm-9"
id="msgContentDiv">
<textarea type="text"
class="form-control"
name="msgContent"
id="msgContent"
maxlength="100"
placeholder="请填写通知书内容100字符内"></textarea>
</div>
@@ -261,8 +446,12 @@
</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="saveRoomTitle">保存</button>
<button type="button"
class="btn btn-default"
data-dismiss="modal">关闭</button>
<button type="button"
class="btn btn-primary"
id="saveRoomTitle">保存</button>
</div>
</div>
</div>
@@ -276,17 +465,17 @@ import { buildSelectOption } from '@/utils/system-helper';
export default {
name: "RoomSearchAdminView",
setup() {
setup () {
return {};
},
created() {
created () {
this.$nextTick(function () {
this.initPartition();
this.initData();
});
},
methods: {
initData() {
initData () {
$(function () {
//选择select时触发
$("#sendDays").change(function () {
@@ -313,7 +502,7 @@ export default {
//设置为undefined可以获取pageNumberpageSizesearchTextsortNamesortOrder
//设置为limit可以获取limit, offset, search, sort, order
queryParamsType: "undefined",
queryParams: function queryParams(params) { //设置查询参数
queryParams: function queryParams (params) { //设置查询参数
var param = {
pageSize: params.pageSize,
pageNumber: params.pageNumber,
@@ -337,7 +526,7 @@ export default {
{ field: 'room.uid', title: 'Uid', align: 'center', valign: 'middle' },
{ field: 'erbanNo', title: '平台号', align: 'center', valign: 'middle' },
{ field: 'room.title', title: '标题', align: 'center', valign: 'middle' },
{ field:'partitionDesc',title:'地区',align:'center',valign:'middle' },
{ field: 'partitionDesc', title: '地区', align: 'center', valign: 'middle' },
{
field: 'room.avatar',
title: '房间头像',
@@ -345,7 +534,11 @@ export default {
valign: 'middle',
width: '5%',
formatter: function (val, row, index) {
return "<img src='" + val + "' width='40' height='40'>";
if ('' == val || undefined == val || null == val) {
return '';
}
return "<img src='" + val + "' width='40' height='40'>"
+ (row.isReview ? "<br>审核中" : "");
}
},
{ field: 'room.roomPwd', title: '房间密码', align: 'center', valign: 'middle' },
@@ -447,32 +640,32 @@ export default {
}
}
},
{
field: 'room.hasDragonGame',
title: '龙珠游戏',
align: 'center',
valign: 'middle',
formatter: function (val, row, index) {
if (val) {
return '有';
} else {
return '没有';
}
}
},
{
field: 'room.hasKTVPriv',
title: 'KTV权限',
align: 'center',
valign: 'middle',
formatter: function (val, row, index) {
if (val) {
return '有';
} else {
return '没有';
}
}
},
// {
// field: 'room.hasDragonGame',
// title: '龙珠游戏',
// align: 'center',
// valign: 'middle',
// formatter: function (val, row, index) {
// if (val) {
// return '有';
// } else {
// return '没有';
// }
// }
// },
// {
// field: 'room.hasKTVPriv',
// title: 'KTV权限',
// align: 'center',
// valign: 'middle',
// formatter: function (val, row, index) {
// if (val) {
// return '有';
// } else {
// return '没有';
// }
// }
// },
{
field: 'room.canOpenBlindDate',
title: '相亲房权限',
@@ -494,9 +687,7 @@ export default {
valign: 'middle',
formatter: function (val, row, index) {
var key = row.erbanNo;
console.log("列表key = " + key);
var canShow = row.room.canShow;
var uid = row.uid;
var str = "<button class='btn btn-sm btn-success opt-edit' style='margin-right: 4px;' data-id=" + key + ">编辑</button>";
if (canShow) {
str += "<button class='btn btn-sm btn-warning opt-show' data-id=" + key + ">不显示</button>";
@@ -711,22 +902,26 @@ export default {
$('#badge').val(data.room.badge);
$('#addImgUrl').attr('src', data.room.badge);
}
if (data.room.avatar) {
$('#avatar').val(data.room.avatar);
$('#addAvatarImg').attr('src', data.room.avatar);
}
if (data.room.backPic) {
$('#backPic').val(data.room.backPic);
$('#addBackPic').attr('src', data.room.backPic);
}
var hasDragonGame = parseNum(data.room.hasDragonGame);
$("input:radio[name='hasDragonGame']")[hasDragonGame].checked = true;
//var hasDragonGame = parseNum(data.room.hasDragonGame);
//$("input:radio[name='hasDragonGame']")[hasDragonGame].checked = true;
var isPureMode = parseNum(data.room.isPureMode);
console.log("isPureMode", isPureMode)
$("input:radio[name='isPureMode']")[isPureMode].checked = true;
var closeBox = parseNum(data.room.closeBox);
$("input:radio[name='closeBox']")[closeBox].checked = true;
//var closeBox = parseNum(data.room.closeBox);
//$("input:radio[name='closeBox']")[closeBox].checked = true;
var hasKTVPriv = parseNum(data.room.hasKTVPriv);
$("input:radio[name='hasKTVPriv']")[hasKTVPriv].checked = true;
//var hasKTVPriv = parseNum(data.room.hasKTVPriv);
//$("input:radio[name='hasKTVPriv']")[hasKTVPriv].checked = true;
var hasBlindDateRoomPri = parseNum(data.room.canOpenBlindDate);
$("input:radio[name='hasBlindDateRoomPri']")[hasBlindDateRoomPri].checked = true;
@@ -734,7 +929,7 @@ export default {
$('#editModal').modal('show');
})
function parseNum(val) {
function parseNum (val) {
if (val == undefined || val == 'false' || val == 0) {
return 0;
}
@@ -833,7 +1028,7 @@ export default {
$('#uploadBtn').on('click', function () {
var options = {
type: 'post',
url: '/admin/roomAdmin/headBadge',
url: '/admin/roomAdmin/uploadBadge',
dataType: 'json',
success: function (json) {
if (json.path) {
@@ -851,7 +1046,7 @@ export default {
$('#uploadBtn2').on('click', function () {
var options = {
type: 'post',
url: '/admin/roomAdmin/headBackground',
url: '/admin/roomAdmin/uploadBackground',
dataType: 'json',
success: function (json) {
if (json.path) {
@@ -866,6 +1061,24 @@ export default {
}
$("#editRoom").ajaxSubmit(options);
})
$('#uploadAvatar').on('click', function () {
var options = {
type: 'post',
url: '/admin/roomAdmin/uploadAvatar',
dataType: 'json',
success: function (json) {
if (json.path) {
$('#avatar').val(json.path);
$('#addAvatarImg').attr("src", json.path);
console.log(json.path);
} else {
$("#tipMsg").text(json.msg);
$("#tipModal").modal('show');
}
}
}
$("#editRoom").ajaxSubmit(options);
})
$('#save').on('click', function () {
if ($('#editRoom').validationEngine('validate')) {
$.ajax({
@@ -877,13 +1090,14 @@ export default {
tagId: $('#tag').val(),
singleRoomSortId: $('#sortId').val(),
badge: $('#badge').val(),
avatar: $('#avatar').val(),
backPic: $('#backPic').val(),
hasDragonGame: $("input[name='hasDragonGame']:checked").val(),
//hasDragonGame: $("input[name='hasDragonGame']:checked").val(),
isPureMode: $("input[name='isPureMode']:checked").val(),
hasKTVPriv: $("input[name='hasKTVPriv']:checked").val(),
//hasKTVPriv: $("input[name='hasKTVPriv']:checked").val(),
hasBlindDateRoomPri: $("input[name='hasBlindDateRoomPri']:checked").val(),
closeBox: $("input[name='closeBox']:checked").val(),
recommendStatus: $("input[name='recommendStatus']:checked").val(),
//closeBox: $("input[name='closeBox']:checked").val(),
//recommendStatus: $("input[name='recommendStatus']:checked").val(),
},
success: function (res) {
if (res.code == 200) {
@@ -904,12 +1118,17 @@ export default {
$('#addUploadFile').val('');
$('#badge').val('');
})
$('#removeAvatar').on('click', function () {
$('#addAvatarImg').attr('src', '');
$('#avatar').val('');
$('#addAvatar').val('');
})
$('#removeBackground').on('click', function () {
$('#addBackPic').attr('src', '');
$('#backPic').val('');
$('#addBackground').val('');
})
function cleanModal() {
function cleanModal () {
$('#uid').val('');
$('#tag').val('');
$('#sortId').val('');
@@ -920,7 +1139,7 @@ export default {
$('#backPic').val('');
$('#addBackground').val('');
}
function getRoomTag() {
function getRoomTag () {
$.ajax({
type: 'GET',
url: '/admin/roomAdmin/getRoomTags',
@@ -938,7 +1157,7 @@ export default {
}
})
}
function getSingleRoomSort() {
function getSingleRoomSort () {
$.ajax({
type: 'GET',
url: '/admin/single/room/sort/sortList',
@@ -1070,7 +1289,7 @@ export default {
})
})
},
initPartition() {
initPartition () {
getPartitionInfoList().then(res => {
let data = res.data;
buildSelectOption(
@@ -1093,7 +1312,7 @@ export default {
};
// 通过接口获取所有房间配置机器人数量
function getRoomRobotNum() {
function getRoomRobotNum () {
$.ajax({
url: "/admin/roomAdmin/roomRobotNum", //后台controller中的请求路径
type: 'GET',
@@ -1114,7 +1333,7 @@ function getRoomRobotNum() {
}
// 通过接口获取房间在线机器人数量
function getOnlineRobotNum() {
function getOnlineRobotNum () {
$.ajax({
url: "/admin/roomAdmin/countRobot", //后台controller中的请求路径
type: 'GET',

View File

@@ -10,15 +10,30 @@
<div class="big-tips">
数据量过大不再默认加载所有的数据请先选择时间后再点查询按钮
</div>
<form id="searchForm" action="/admin/roomSerial/export" method="POST">
<form id="searchForm"
action="/admin/roomSerial/export"
method="POST">
房主平台号(多个查询以英文逗号分隔):
<input type="text" name="erbanNos" id="erbanNos" class="input-sm" style="margin-right: 40px;display: inline-block;"/> 选择时间:
<input type="text" name="startTime" id="startTime" class="input-sm" />
<input type="text" id="endTime" name="endTime" class="input-sm" />
<input type="text"
name="erbanNos"
id="erbanNos"
class="input-sm"
style="margin-right: 40px;display: inline-block;" /> 选择时间:
<input type="text"
name="startTime"
id="startTime"
class="input-sm" />
<input type="text"
id="endTime"
name="endTime"
class="input-sm" />
<br />
<div style="width: 60%">
房间类型:
<select name="isPermit" id="isPermit" class="input-sm" style="width: 30%;display: inline-block;">
<select name="isPermit"
id="isPermit"
class="input-sm"
style="width: 30%;display: inline-block;">
<option value="0">全部</option>
<option value="1">牌照房</option>
<option value="3">新秀房</option>
@@ -29,10 +44,12 @@
</form>
</div>
<div class="col-sm-8">
<button id="room-serial-refresh" class="btn btn-default">
<button id="room-serial-refresh"
class="btn btn-default">
<i class="glyphicon glyphicon-wrench"></i>查询
</button>
<button id="room-serial-export" class="btn btn-default">
<button id="room-serial-export"
class="btn btn-default">
<i class="glyphicon glyphicon-plus"></i>导出
</button>
</div>
@@ -40,37 +57,40 @@
</section>
<!-- .content -->
<div
class="modal fade"
<div class="modal fade"
id="tipModal"
tabindex="-1"
role="dialog"
aria-labelledby="modalLabel"
>
<div class="modal-dialog" role="document">
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 class="modal-body"
id="tipMsg"></div>
</div>
</div>
</div>
<div
class="modal fade"
<div class="modal fade"
id="roomGiftSerialDetailModal"
tabindex="-1"
role="dialog"
aria-labelledby="modalLabel"
>
<div class="modal-dialog" role="document">
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">
<button type="button"
class="close"
data-dismiss="modal"
aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
<h4 class="modal-title" id="roomGiftSerialDetailModalTitle">房间明细</h4>
<h4 class="modal-title"
id="roomGiftSerialDetailModalTitle">房间明细</h4>
</div>
<div class="modal-body">
<div class="summary col-sm-12">
@@ -95,7 +115,9 @@
</div>
<div class="modal-footer">
<h4 id="roundDetailModalFooter"></h4>
<button type="button" class="btn btn-default" data-dismiss="modal">确定</button>
<button type="button"
class="btn btn-default"
data-dismiss="modal">确定</button>
</div>
</div>
</div>
@@ -109,16 +131,16 @@ import { serverError } from "@/utils/maintainer";
export default {
name: "RoomSerialView",
setup() {
setup () {
return {};
},
created() {
created () {
this.$nextTick(function () {
this.initData();
});
},
methods: {
initData() {
initData () {
// ComboboxHelper.build(null, '#isPermit');
$(function () {
$("#table").bootstrapTable("destroy");
@@ -140,11 +162,10 @@ export default {
align: "center",
width: "10%",
},
{ field: "totalRadish", title: "萝卜流水", align: "center", width: "10%" },
// { field: "totalRadish", title: "萝卜流水", align: "center", width: "10%" },
{ field: "roomTitle", title: "房间标题", align: "center", width: "10%" },
{ field: "clanName", title: "公会名称", align: "center", width: "10%" },
{ field: "executionTime", title: "统计时间", align: "center", width: "15%" },
{ field: "executionTime", title: "统计时间", align: "center", width: "15%" },
{
field: "id",
title: "操作",
@@ -169,15 +190,11 @@ export default {
cache: false,
striped: true,
showRefresh: false,
pageSize: 10,
pagination: true,
pageList: [1, 10, 20, 30, 50],
pagination: false,
search: false,
sidePagination: "server", //表示服务端请求
//设置为undefined可以获取pageNumberpageSizesearchTextsortNamesortOrder
//设置为limit可以获取limit, offset, search, sort, order
queryParamsType: "undefined",
queryParams: function queryParams(params) {
queryParams: function queryParams (params) {
//设置查询参数
var param = {
pageNumber: params.pageNumber,
@@ -200,6 +217,7 @@ export default {
onLoadError: function () {
//加载失败时执行
console.log("load fail");
enableRefreshBtn();
},
});
@@ -219,7 +237,7 @@ export default {
$("#room-serial-refresh").click(function () {
disableRefreshBtn();
$("#table").bootstrapTable("refresh", { url: "/admin/roomSerial/listByPage" });
$("#table").bootstrapTable("refresh", { url: "/admin/roomSerial/list" });
});
$("#room-serial-export").click(function () {
@@ -235,11 +253,11 @@ export default {
}
});
function disableRefreshBtn() {
function disableRefreshBtn () {
$("#room-serial-refresh").attr("disabled", "true");
}
function enableRefreshBtn() {
function enableRefreshBtn () {
$("#room-serial-refresh").removeAttr("disabled");
}
@@ -282,7 +300,7 @@ export default {
search: false,
sidePagination: "server", //表示服务端请求
queryParamsType: "undefined",
queryParams: function queryParams(params) {
queryParams: function queryParams (params) {
//设置查询参数
var param = {
page: params.pageNumber,
@@ -330,7 +348,7 @@ export default {
});
});
function apiResult(json) {
function apiResult (json) {
if (json.code == 200 && json.message == "success") {
return true;
}

View File

@@ -103,6 +103,12 @@
<input type="text" class="form-control validate[required]" name="name" id="en_modal_name">
</div>
</div>
<div class="form-group">
<label for="tr_modal_name" class="col-sm-3 control-label">土耳其名称<font color="red">*</font>:</label>
<div class="col-sm-9">
<input type="text" class="form-control validate[required]" name="name" id="tr_modal_name">
</div>
</div>
<!-- 上传act图片 -->
<div class="form-group">
<label class="col-sm-3 control-label">图片:</label>
@@ -214,6 +220,7 @@ export default {
{field: 'name.zh', title: '名称', align: 'center', width: '10%'},
{field: 'name.ar', title: '阿语名称', align: 'center', width: '10%'},
{field: 'name.en', title: '英语名称', align: 'center', width: '10%'},
{field: 'name.tr', title: '土耳其名称', align: 'center', width: '10%'},
{field: 'pict', title: '图片', align:'center', width: '10%',valign:'center',
formatter: function (val,row,index) {
if(null == val || val == '') {
@@ -390,6 +397,7 @@ export default {
$("#modal_name").val("");
$("#ar_modal_name").val("");
$("#en_modal_name").val("");
$("#tr_modal_name").val("");
$("#modal_seq").val("");
$("#modal_status").val("");
$("#modal_type").val("");
@@ -409,8 +417,10 @@ export default {
var ar_name = $("#ar_modal_name").val();
// 英语名称
var en_name = $("#en_modal_name").val();
// 土耳其名称
var tr_name = $("#tr_modal_name").val();
// 国际化字段
var jsonName = {"zh":name,"ar":ar_name,"en":en_name}
var jsonName = {"zh":name,"ar":ar_name,"en":en_name,"tr":tr_name}
const nameValue = JSON.stringify(jsonName);
var seq = $("#modal_seq").val();
var status = $("#modal_status").val();
@@ -483,12 +493,16 @@ export default {
$("#ar_modal_name").val(jsonName.ar);
// 英语名称
$("#en_modal_name").val(jsonName.en);
// 土耳其名称
$("#tr_modal_name").val(jsonName.tr);
} else {
$("#modal_name").val(name);
// 阿语名称
$("#ar_modal_name").val(name);
// 英语名称
$("#en_modal_name").val(name);
// 土耳其名称
$("#tr_modal_name").val(name);
}
$("#modal_seq").val(json.seq);

View File

@@ -0,0 +1,573 @@
<template>
<div class="box">
<!-- 查询 -->
<div class="inquire">
<span>说明:</span>
</div>
<div class="inquire">
<span>头图尺寸:</span>
<div class="text">750*280</div>
</div>
<div class="inquire">
<span>icon尺寸:</span>
<div class="text">80*80</div>
</div>
<div class="inquireBox">
<span>首页头图:</span>
<el-upload
class="avatar-uploader"
action="/admin/tencent/cos/upload/file"
:show-file-list="false"
:on-success="handleAvatarSuccess1"
:before-upload="beforeAvatarUpload"
:on-error="handleAvatarError"
>
<img v-if="inquire.imageUrl1" :src="inquire.imageUrl1" class="avatar" />
<el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
</el-upload>
<el-button class="primary but" type="primary" @click="defaultFun(1)"
>恢复默认</el-button
>
</div>
<div class="inquireBox">
<span>首页底图:</span>
<el-upload
class="avatar-uploader"
action="/admin/tencent/cos/upload/file"
:show-file-list="false"
:on-success="handleAvatarSuccess2"
:before-upload="beforeAvatarUpload"
:on-error="handleAvatarError"
>
<img v-if="inquire.imageUrl2" :src="inquire.imageUrl2" class="avatar" />
<el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
</el-upload>
<el-button class="primary but" type="primary" @click="defaultFun(2)"
>恢复默认</el-button
>
</div>
<div class="inquireBox">
<span>首页icon选中状态:</span>
<el-upload
class="avatar-uploader"
action="/admin/tencent/cos/upload/file"
:show-file-list="false"
:on-success="handleAvatarSuccess3"
:before-upload="beforeAvatarUpload"
:on-error="handleAvatarError"
>
<img v-if="inquire.imageUrl3" :src="inquire.imageUrl3" class="avatar" />
<el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
</el-upload>
<el-button class="primary but" type="primary" @click="defaultFun(3)"
>恢复默认</el-button
>
</div>
<div class="inquireBox">
<span>首页icon未选中状态:</span>
<el-upload
class="avatar-uploader"
action="/admin/tencent/cos/upload/file"
:show-file-list="false"
:on-success="handleAvatarSuccess4"
:before-upload="beforeAvatarUpload"
:on-error="handleAvatarError"
>
<img v-if="inquire.imageUrl4" :src="inquire.imageUrl4" class="avatar" />
<el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
</el-upload>
<el-button class="primary but" type="primary" @click="defaultFun(4)"
>恢复默认</el-button
>
</div>
<div class="inquireBox">
<span>游戏icon选中状态:</span>
<el-upload
class="avatar-uploader"
action="/admin/tencent/cos/upload/file"
:show-file-list="false"
:on-success="handleAvatarSuccess5"
:before-upload="beforeAvatarUpload"
:on-error="handleAvatarError"
>
<img v-if="inquire.imageUrl5" :src="inquire.imageUrl5" class="avatar" />
<el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
</el-upload>
<el-button class="primary but" type="primary" @click="defaultFun(5)"
>恢复默认</el-button
>
</div>
<div class="inquireBox">
<span>游戏icon未选中状态:</span>
<el-upload
class="avatar-uploader"
action="/admin/tencent/cos/upload/file"
:show-file-list="false"
:on-success="handleAvatarSuccess6"
:before-upload="beforeAvatarUpload"
:on-error="handleAvatarError"
>
<img v-if="inquire.imageUrl6" :src="inquire.imageUrl6" class="avatar" />
<el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
</el-upload>
<el-button class="primary but" type="primary" @click="defaultFun(6)"
>恢复默认</el-button
>
</div>
<div class="inquireBox">
<span>动态icon选中状态:</span>
<el-upload
class="avatar-uploader"
action="/admin/tencent/cos/upload/file"
:show-file-list="false"
:on-success="handleAvatarSuccess7"
:before-upload="beforeAvatarUpload"
:on-error="handleAvatarError"
>
<img v-if="inquire.imageUrl7" :src="inquire.imageUrl7" class="avatar" />
<el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
</el-upload>
<el-button class="primary but" type="primary" @click="defaultFun(7)"
>恢复默认</el-button
>
</div>
<div class="inquireBox">
<span>动态icon未选中状态:</span>
<el-upload
class="avatar-uploader"
action="/admin/tencent/cos/upload/file"
:show-file-list="false"
:on-success="handleAvatarSuccess8"
:before-upload="beforeAvatarUpload"
:on-error="handleAvatarError"
>
<img v-if="inquire.imageUrl8" :src="inquire.imageUrl8" class="avatar" />
<el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
</el-upload>
<el-button class="primary but" type="primary" @click="defaultFun(8)"
>恢复默认</el-button
>
</div>
<div class="inquireBox">
<span>消息icon选中状态:</span>
<el-upload
class="avatar-uploader"
action="/admin/tencent/cos/upload/file"
:show-file-list="false"
:on-success="handleAvatarSuccess9"
:before-upload="beforeAvatarUpload"
:on-error="handleAvatarError"
>
<img v-if="inquire.imageUrl9" :src="inquire.imageUrl9" class="avatar" />
<el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
</el-upload>
<el-button class="primary but" type="primary" @click="defaultFun(9)"
>恢复默认</el-button
>
</div>
<div class="inquireBox">
<span>消息icon未选中状态:</span>
<el-upload
class="avatar-uploader"
action="/admin/tencent/cos/upload/file"
:show-file-list="false"
:on-success="handleAvatarSuccess10"
:before-upload="beforeAvatarUpload"
:on-error="handleAvatarError"
>
<img
v-if="inquire.imageUrl10"
:src="inquire.imageUrl10"
class="avatar"
/>
<el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
</el-upload>
<el-button class="primary but" type="primary" @click="defaultFun(10)"
>恢复默认</el-button
>
</div>
<div class="inquireBox">
<span>我的icon选中状态:</span>
<el-upload
class="avatar-uploader"
action="/admin/tencent/cos/upload/file"
:show-file-list="false"
:on-success="handleAvatarSuccess11"
:before-upload="beforeAvatarUpload"
:on-error="handleAvatarError"
>
<img
v-if="inquire.imageUrl11"
:src="inquire.imageUrl11"
class="avatar"
/>
<el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
</el-upload>
<el-button class="primary but" type="primary" @click="defaultFun(11)"
>恢复默认</el-button
>
</div>
<div class="inquireBox">
<span>我的icon未选中状态:</span>
<el-upload
class="avatar-uploader"
action="/admin/tencent/cos/upload/file"
:show-file-list="false"
:on-success="handleAvatarSuccess12"
:before-upload="beforeAvatarUpload"
:on-error="handleAvatarError"
>
<img
v-if="inquire.imageUrl12"
:src="inquire.imageUrl12"
class="avatar"
/>
<el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
</el-upload>
<el-button class="primary but" type="primary" @click="defaultFun(12)"
>恢复默认</el-button
>
</div>
<div class="inquireBox">
<span>横条icon:</span>
<el-upload
class="avatar-uploader"
action="/admin/tencent/cos/upload/file"
:show-file-list="false"
:on-success="handleAvatarSuccess13"
:before-upload="beforeAvatarUpload"
:on-error="handleAvatarError"
>
<img
v-if="inquire.imageUrl13"
:src="inquire.imageUrl13"
class="avatar"
/>
<el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
</el-upload>
<el-button class="primary but" type="primary" @click="defaultFun(13)"
>恢复默认</el-button
>
</div>
<div class="inquireBox">
<span>背景颜色:</span>
<el-input
v-model="inquire.color"
placeholder="例如:#FFFFFF"
class="input"
></el-input>
</div>
<el-button
style="margin-bottom: 20px"
class="primary but"
type="primary"
@click="seave()"
>保存设置</el-button
>
</div>
</template>
<script>
import {
appUiSetting,
appUiSettingSave,
} from "@/api/roomBackground/roomBackground";
// @ts-ignore
import { dateFormat } from "@/utils/system-helper";
// @ts-ignore
import { ElMessage, ElTable } from "element-plus";
import { ref } from "vue";
import { ElMessageBox } from "element-plus"; // 正确引入 ElM
export default {
name: "appUiSet",
data() {
return {
inquire: {
imageUrl1: "",
imageUrl2: "",
imageUrl3: "",
imageUrl4: "",
imageUrl5: "",
imageUrl6: "",
imageUrl7: "",
imageUrl8: "",
imageUrl9: "",
imageUrl10: "",
imageUrl11: "",
imageUrl12: "",
imageUrl13: "",
color: "",
},
};
},
created() {
this.getData();
},
methods: {
// 查询接口
getData() {
appUiSetting().then((res) => {
if (res.code == 200) {
console.log(res.data);
this.inquire.imageUrl1 = res.data.headIcon;
this.inquire.imageUrl2 = res.data.navbar;
this.inquire.imageUrl3 = res.data.homeSelectIcon;
this.inquire.imageUrl4 = res.data.homeUnSelectIcon;
this.inquire.imageUrl5 = res.data.gameSelectIcon;
this.inquire.imageUrl6 = res.data.gameUnSelectIcon;
this.inquire.imageUrl7 = res.data.dynamicSelectIcon;
this.inquire.imageUrl8 = res.data.dynamicUnSelectIcon;
this.inquire.imageUrl9 = res.data.msgSelectIcon;
this.inquire.imageUrl10 = res.data.msgUnSelectIcon;
this.inquire.imageUrl11 = res.data.mineSelectIcon;
this.inquire.imageUrl12 = res.data.mineUnSelectIcon;
this.inquire.imageUrl13 = res.data.selectBar;
this.inquire.color = res.data.backgroundColor;
} else {
ElMessage({
showClose: true,
message: res.message,
type: "error",
});
}
});
},
seave() {
var obj = {
headIcon: this.inquire.imageUrl1,
navbar: this.inquire.imageUrl2,
homeSelectIcon: this.inquire.imageUrl3,
homeUnSelectIcon: this.inquire.imageUrl4,
gameSelectIcon: this.inquire.imageUrl5,
gameUnSelectIcon: this.inquire.imageUrl6,
dynamicSelectIcon: this.inquire.imageUrl7,
dynamicUnSelectIcon: this.inquire.imageUrl8,
msgSelectIcon: this.inquire.imageUrl9,
msgUnSelectIcon: this.inquire.imageUrl10,
mineSelectIcon: this.inquire.imageUrl11,
mineUnSelectIcon: this.inquire.imageUrl12,
selectBar: this.inquire.imageUrl13,
backgroundColor: this.inquire.color,
};
// obj = JSON.stringify(obj);
appUiSettingSave(obj).then((res) => {
if (res.code == 200) {
ElMessage({
showClose: true,
message: "保存成功",
type: "success",
});
this.getData();
} else {
ElMessage({
showClose: true,
message: res.message,
type: "error",
});
}
});
},
defaultFun(num){
console.log(this.inquire);
console.log(this.inquire[`imageUrl${num}`]);
this.inquire[`imageUrl${num}`] = '';
console.log(this.inquire);
},
handleAvatarSuccess1(res, file) {
this.inquire.imageUrl1 = file.response.data;
ElMessage({
showClose: true,
message: "上传成功!",
type: "success",
});
},
handleAvatarSuccess2(res, file) {
this.inquire.imageUrl2 = file.response.data;
ElMessage({
showClose: true,
message: "上传成功!",
type: "success",
});
},
handleAvatarSuccess3(res, file) {
this.inquire.imageUrl3 = file.response.data;
ElMessage({
showClose: true,
message: "上传成功!",
type: "success",
});
},
handleAvatarSuccess4(res, file) {
this.inquire.imageUrl4 = file.response.data;
ElMessage({
showClose: true,
message: "上传成功!",
type: "success",
});
},
handleAvatarSuccess5(res, file) {
this.inquire.imageUrl5 = file.response.data;
ElMessage({
showClose: true,
message: "上传成功!",
type: "success",
});
},
handleAvatarSuccess6(res, file) {
this.inquire.imageUrl6 = file.response.data;
ElMessage({
showClose: true,
message: "上传成功!",
type: "success",
});
},
handleAvatarSuccess7(res, file) {
this.inquire.imageUrl7 = file.response.data;
ElMessage({
showClose: true,
message: "上传成功!",
type: "success",
});
},
handleAvatarSuccess8(res, file) {
this.inquire.imageUrl8 = file.response.data;
ElMessage({
showClose: true,
message: "上传成功!",
type: "success",
});
},
handleAvatarSuccess9(res, file) {
this.inquire.imageUrl9 = file.response.data;
ElMessage({
showClose: true,
message: "上传成功!",
type: "success",
});
},
handleAvatarSuccess10(res, file) {
this.inquire.imageUrl10 = file.response.data;
ElMessage({
showClose: true,
message: "上传成功!",
type: "success",
});
},
handleAvatarSuccess11(res, file) {
this.inquire.imageUrl11 = file.response.data;
ElMessage({
showClose: true,
message: "上传成功!",
type: "success",
});
},
handleAvatarSuccess12(res, file) {
this.inquire.imageUrl12 = file.response.data;
ElMessage({
showClose: true,
message: "上传成功!",
type: "success",
});
},
handleAvatarSuccess13(res, file) {
this.inquire.imageUrl13 = file.response.data;
ElMessage({
showClose: true,
message: "上传成功!",
type: "success",
});
},
beforeAvatarUpload() {
ElMessage({
showClose: true,
message: "上传中~",
type: "warning",
});
},
handleAvatarError() {
ElMessage({
showClose: true,
message: "上传失败!",
type: "error",
});
},
},
};
</script>
<style lang="less" scoped>
.box {
padding-top: 20px;
background: #ecf0f5;
.inquire {
display: inline-block;
margin-right: 20px;
span {
margin-right: 10px;
}
.text {
display: inline-block;
}
}
.inquireBox {
margin-top: 10px;
margin-bottom: 10px;
display: flex;
align-items: center;
span {
display: block;
margin-right: 20px;
width: 100px;
}
.but {
margin-left: 20px;
}
.input {
width: 180px;
}
}
.dialogTableVisibleBut {
display: block;
margin: 30px 0 0 830px;
}
.paginationClass {
margin: 15px 0 5px 0px;
}
}
.selectBox {
display: flex;
height: 35px;
line-height: 35px;
margin-bottom: 20px;
}
.selectBoxImg {
height: 150px;
}
.pagination {
margin: 10px auto 10px;
position: relative;
left: 50%;
transform: translateX(-50%);
}
.pagination_in {
text-align: center;
}
.dialogBox {
width: 100%;
// height: 50px;
// line-height: 50px;
display: flex;
align-items: baseline;
margin-bottom: 20px;
.input {
width: 50%;
}
.selectBox {
display: flex;
height: 35px;
line-height: 35px;
margin-bottom: 20px;
}
.selectBoxImg {
height: 150px;
}
}
</style>

View File

@@ -0,0 +1,683 @@
<template>
<div class="box">
<!-- 查询 -->
<div class="inquire">
<span>分区</span>
<el-select v-model="inquire.partitionId" placeholder="请选择">
<el-option
v-for="item in inquire.partitionArr"
:key="item.id"
:label="item.desc"
:value="item.id"
>
</el-option>
</el-select>
</div>
<!-- 名称 -->
<div class="inquire">
<span class="demonstration">id</span>
<el-input v-model="inquire.id" placeholder="" class="input"></el-input>
</div>
<!-- 状态 -->
<div class="inquire">
<span>状态</span>
<el-select v-model="inquire.status" placeholder="请选择">
<el-option
v-for="item in inquire.statusArr"
:key="item.status"
:label="item.desc"
:value="item.status"
>
</el-option>
</el-select>
</div>
<!-- 查询按钮 -->
<el-button
class="primary"
type="primary"
@click="
tableData = [];
currentPage = 1;
isFinished = false;
getData();
"
>查询</el-button
>
<!-- 重置按钮 -->
<el-button
class="primary"
type="primary"
@click="
inquire.partitionId = '';
inquire.id = '';
inquire.status = '';
getData();
"
>重置按钮</el-button
>
<!-- 新增按钮 -->
<el-button
class="primary"
type="primary"
@click="
dialogVisibleTitle = '新增';
dialogVisibleTitleType = 1;
dialogObj.checkedArr = [];
dialogObj.radio = '0';
dialogObj.imageUrl1 = '';
dialogObj.imageUrl2 = '';
dialogObj.imageUrl3 = '';
dialogObj.price = '';
dialogObj.renew = '';
dialogObj.originalPrice = '';
dialogObj.day = '';
dialogObj.sort = '';
dialogObj.radio2 = '1';
dialogVisible = true;
"
>新增</el-button
>
<!-- 表格 -->
<el-table
v-loading="loading"
:data="tableData"
ref="multipleTable"
@selection-change="handleSelectionChange"
border
style="width: 100%; margin-top: 25px"
>
<el-table-column prop="id" align="center" label="id" />
<el-table-column prop="type" align="center" label="是否免费">
<template v-slot="scope">{{
scope.row.type == 0 ? "免费" : scope.row.type == 1 ? "付费" : "自定义"
}}</template>
</el-table-column>
<el-table-column prop="buyGoldPrice" align="center" label="购买价格" />
<el-table-column prop="renewGoldPrice" align="center" label="续费价格" />
<el-table-column prop="originalGoldPrice" align="center" label="原价" />
<el-table-column prop="buyHour" align="center" label="有效期" />
<el-table-column prop="seq" align="center" label="排序" />
<el-table-column prop="status" align="center" label="上架状态">
<template v-slot="scope">{{
scope.row.status == 1 ? "上架" : "下架"
}}</template>
</el-table-column>
<el-table-column prop="url" align="center" label="图片">
<template v-slot="scope">
<el-image
style="width: 100px; height: 100px"
:src="scope.row.url"
:zoom-rate="1.1"
:preview-src-list="[scope.row.url]"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true"
/>
<!-- <div
v-show="scope.row.url.toLowerCase().endsWith('.svga')"
:id="'guide' + scope.row.id"
class="game-guide"
>
{{ guideFn(scope.row.id, scope.row.url) }}
</div> -->
</template>
</el-table-column>
<el-table-column prop="createTime" align="center" label="创建时间" />
<el-table-column prop="partitionDesc" align="center" label="分区" />
<el-table-column prop="adminUser" align="center" label="操作人" />
<el-table-column align="center" label="操作">
<template v-slot="scope">
<el-button
class="primary"
type="primary"
@click="
dialogVisibleTitle = '编辑';
dialogVisibleTitleType = 2;
dialogObj.checkedArr = checkedArrFun(scope.row.partitionFlag);
dialogObj.radio = scope.row.type.toString();
dialogObj.price = scope.row.buyGoldPrice;
dialogObj.renew = scope.row.renewGoldPrice;
dialogObj.originalPrice = scope.row.originalGoldPrice;
dialogObj.day = scope.row.buyHour;
dialogObj.sort = scope.row.seq;
dialogObj.radio2 = scope.row.status.toString();
dialogObj.imageUrl2 = scope.row.url;
dialogObj.imageUrl1 = '';
dialogObj.imageUrl3 = '';
dialogObj.id = scope.row.id;
dialogVisible = true;
"
>编辑</el-button
>
<!-- <el-button class="primary" type="primary" @click="del(scope.row)"
>删除</el-button
> -->
<!-- 删除弹出框 -->
<!-- <el-popover
v-model:visible="scope.row.visible1"
placement="top"
:width="160"
>
<p>确定要删除么?</p>
<div style="text-align: right; margin: 0">
<el-button size="small" @click="scope.row.visible1 = false">
取消
</el-button>
<el-button
size="small"
type="primary"
@click="pass(scope.row.id)"
>
确认
</el-button>
</div>
<template #reference>
<el-button
class="danger"
type="danger"
@click="scope.row.visible1 = true"
>删除</el-button
> -->
<!-- </template>
</el-popover> -->
</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="[1, 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="dialogVisible"
:title="dialogVisibleTitle"
center
:width="500"
>
<div class="dialogBox">
<span>分区</span>
<el-checkbox-group v-model="dialogObj.checkedArr">
<el-checkbox
v-for="(item, i) in inquire.partitionArr"
:key="i"
:label="item.id"
>{{ item.desc }}</el-checkbox
>
</el-checkbox-group>
</div>
<div class="dialogBox">
<span>是否免费</span>
<div>
<el-radio v-model="dialogObj.radio" label="0"></el-radio>
<el-radio v-model="dialogObj.radio" label="1"></el-radio>
</div>
</div>
<!-- <div class="dialogBox">
<span>房内图标</span>
<el-upload
class="avatar-uploader"
action="/admin/tencent/cos/upload/file"
:show-file-list="false"
:on-success="handleAvatarSuccess"
:before-upload="beforeAvatarUpload"
:on-error="handleAvatarError"
>
<img
v-if="dialogObj.imageUrl1"
:src="dialogObj.imageUrl1"
class="avatar"
/>
<el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
</el-upload>
</div> -->
<div class="dialogBox">
<span>购买价格</span>
<el-input
v-model="dialogObj.price"
placeholder="如果是免费请写0"
class="input"
></el-input>
</div>
<div class="dialogBox">
<span>续费价格</span>
<el-input
v-model="dialogObj.renew"
placeholder="如果是免费请写0"
class="input"
></el-input>
</div>
<div class="dialogBox">
<span>原价</span>
<el-input
v-model="dialogObj.originalPrice"
placeholder="如果是免费请写0"
class="input"
></el-input>
</div>
<div class="dialogBox">
<span>有效天数</span>
<el-input
v-model="dialogObj.day"
placeholder=""
class="input"
></el-input>
</div>
<div class="dialogBox">
<span>排序</span>
<el-input
v-model="dialogObj.sort"
placeholder=""
class="input"
></el-input>
</div>
<div class="dialogBox">
<span>状态</span>
<div>
<el-radio v-model="dialogObj.radio2" label="1">上架</el-radio>
<el-radio v-model="dialogObj.radio2" label="-1">下架</el-radio>
</div>
</div>
<div class="dialogBox">
<span>背景图片</span>
<el-upload
class="avatar-uploader"
action="/admin/tencent/cos/upload/file"
:show-file-list="false"
:on-success="handleAvatarSuccess2"
:before-upload="beforeAvatarUpload"
:on-error="handleAvatarError"
>
<!-- 这里是原来的图片预览 -->
<el-image
style="width: 100px; height: 100px"
:src="dialogObj.imageUrl2"
:zoom-rate="1.1"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true"
/>
<!-- <div
v-show="dialogObj.imageUrl2.toLowerCase().endsWith('.svga')"
id="guide2"
class="game-guide"
>
{{ guideFn2(dialogObj.imageUrl2) }}
</div> -->
</el-upload>
</div>
<!-- <div class="dialogBox">
<span>动效图片</span>
<el-upload
class="avatar-uploader"
action="/admin/tencent/cos/upload/file"
:show-file-list="false"
:on-success="handleAvatarSuccess3"
:before-upload="beforeAvatarUpload"
:on-error="handleAvatarError"
>
<img
v-if="dialogObj.imageUrl3"
:src="dialogObj.imageUrl3"
class="avatar"
/>
<el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
</el-upload>
</div> -->
<template #footer>
<div class="dialog-footer">
<el-button @click="dialogVisible = false">取消</el-button>
<el-button type="primary" @click="addNeid(dialogVisibleTitleType)"
>确认</el-button
>
</div>
</template>
</el-dialog>
</div>
</template>
<script>
import {
listPartitionInfo,
page,
roomBackgroundAdd,
roomBackgroundUpdate,
} from "@/api/roomBackground/roomBackground";
// @ts-ignore
import { dateFormat } from "@/utils/system-helper";
// @ts-ignore
import { ElMessage, ElTable } from "element-plus";
import { ref, onMounted, nextTick } from "vue";
import SVGA from "svgaplayerweb";
export default {
name: "roomBackground",
data() {
return {
loading: false,
//查询所需条件对象
inquire: {
partitionId: "",
partitionArr: [],
id: "",
status: "",
statusArr: [
{
status: "1",
desc: "上架",
},
{
status: "-1",
desc: "下架",
},
],
},
// 表格
tableData: [],
// 分页
total: 0, //总页数
currentPage: 1, //页码
pageSize: 10, //条数
isLoading: false, // 加载状态
isFinished: false, // 是否加载完成
// 删除相关
visible: false,
// 编辑新增
dialogVisible: false,
dialogVisibleTitle: "新增",
dialogVisibleTitleType: 1, //1新增2编辑
dialogObj: {
checkedArr: [],
radio: "1",
imageUrl1: "",
imageUrl2: "",
imageUrl3: "",
price: "",
renew: "",
originalPrice: "",
day: "",
sort: "",
radio2: "1",
id: null,
},
};
},
created() {
listPartitionInfo().then((res) => {
console.log(res);
this.inquire.partitionArr = res.data;
this.inquire.partitionId = this.inquire.partitionArr[0].id;
this.getData();
});
},
methods: {
guideFn(id, url) {
// 等待 DOM 渲染完成
this.$nextTick(() => {
const guideElement = document.getElementById("guide" + id);
if (guideElement && url.toLowerCase().endsWith(".svga")) {
let player = new SVGA.Player(guideElement);
let parser = new SVGA.Parser();
parser.load(url, (videoItem) => {
// 你的svga文件路径
player.setVideoItem(videoItem);
player.startAnimation(); // 开始动画
});
}
});
},
guideFn2(url) {
// 等待 DOM 渲染完成
this.$nextTick(() => {
const guideElement = document.getElementById("guide2");
if (guideElement && url.toLowerCase().endsWith(".svga")) {
let player = new SVGA.Player(guideElement);
let parser = new SVGA.Parser();
parser.load(url, (videoItem) => {
// 你的 svga 文件路径
player.setVideoItem(videoItem);
player.startAnimation(); // 开始动画
});
}
});
},
// 查询接口
getData() {
this.isLoading = true;
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");
}
page({
partitionId: this.inquire.partitionId,
id: this.inquire.id,
status: this.inquire.status,
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;
});
},
// 确认新增/确认编辑
addNeid(type) {
if (type == 1) {
var partitionIdNum = this.dialogObj.checkedArr.reduce(
(accumulator, currentValue) => {
return accumulator + currentValue;
},
0
);
roomBackgroundAdd({
partitionId: partitionIdNum,
type: this.dialogObj.radio,
buyGoldPrice: this.dialogObj.price,
renewGoldPrice: this.dialogObj.renew,
originalGoldPrice: this.dialogObj.originalPrice,
buyHour: this.dialogObj.day,
seq: this.dialogObj.sort,
status: this.dialogObj.radio2,
url: this.dialogObj.imageUrl2,
}).then((res) => {
if (res.code == 200) {
this.dialogVisible = false;
this.getData();
} else {
ElMessage({
showClose: true,
message: res.message,
type: "error",
});
}
});
} else {
var partitionIdNumEid = this.dialogObj.checkedArr.reduce(
(accumulator, currentValue) => {
return accumulator + currentValue;
},
0
);
roomBackgroundUpdate({
partitionId: partitionIdNumEid,
type: this.dialogObj.radio,
buyGoldPrice: this.dialogObj.price,
renewGoldPrice: this.dialogObj.renew,
originalGoldPrice: this.dialogObj.originalPrice,
buyHour: this.dialogObj.day,
seq: this.dialogObj.sort,
status: this.dialogObj.radio2,
url: this.dialogObj.imageUrl2,
id: this.dialogObj.id,
}).then((res) => {
if (res.code == 200) {
this.dialogVisible = false;
this.getData();
} else {
ElMessage({
showClose: true,
message: res.message,
type: "error",
});
}
});
}
},
checkedArrFun(num) {
const arr = this.inquire.partitionArr
.filter((p) => {
return num == 0 || p.id == (p.id & num);
})
.map((p) => p.id);
return arr;
},
handleAvatarSuccess(res, file) {
console.log(file);
// this.operation.imageUrl1 = URL.createObjectURL();
this.dialogObj.imageUrl1 = file.response.data;
ElMessage({
showClose: true,
message: "上传成功!",
type: "success",
});
},
handleAvatarSuccess2(res, file) {
console.log(file);
// this.operation.imageUrl1 = URL.createObjectURL();
this.dialogObj.imageUrl2 = file.response.data;
ElMessage({
showClose: true,
message: "上传成功!",
type: "success",
});
},
handleAvatarSuccess3(res, file) {
console.log(file);
// this.operation.imageUrl1 = URL.createObjectURL();
this.dialogObj.imageUrl3 = file.response.data;
ElMessage({
showClose: true,
message: "上传成功!",
type: "success",
});
},
beforeAvatarUpload() {
ElMessage({
showClose: true,
message: "上传中~",
type: "warning",
});
},
handleAvatarError() {
ElMessage({
showClose: true,
message: "上传失败!",
type: "error",
});
},
// 分页导航
handleSizeChange() {
this.getData();
},
handleCurrentChange() {
this.getData();
},
},
mounted() {},
};
</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;
}
}
.selectBox {
display: flex;
height: 35px;
line-height: 35px;
margin-bottom: 20px;
}
.selectBoxImg {
height: 150px;
}
.pagination {
margin: 10px auto 10px;
position: relative;
left: 50%;
transform: translateX(-50%);
}
.pagination_in {
text-align: center;
}
.dialogBox {
width: 100%;
// height: 50px;
// line-height: 50px;
display: flex;
align-items: baseline;
margin-bottom: 20px;
.input {
width: 50%;
}
.selectBox {
display: flex;
height: 35px;
line-height: 35px;
margin-bottom: 20px;
}
.selectBoxImg {
height: 150px;
}
}
.game-guide {
width: 100px;
height: 100px;
overflow: hidden;
// left: 50%;
// top: 50%;
// transform: translate(-50%,-50%);
canvas {
position: absolute;
left: 0;
top: 0;
}
}
</style>

View File

@@ -0,0 +1,426 @@
<template>
<div class="box">
<!-- 查询 -->
<div class="inquire">
<span>分区</span>
<el-select v-model="inquire.partitionId" placeholder="请选择">
<el-option
v-for="item in inquire.partitionArr"
:key="item.id"
:label="item.desc"
:value="item.id"
>
</el-option>
</el-select>
</div>
<!-- 名称 -->
<div class="inquire">
<span class="demonstration">用户ID</span>
<el-input v-model="inquire.id" placeholder="" class="input"></el-input>
</div>
<!-- 查询按钮 -->
<el-button class="primary" type="primary" @click="getData()"
>查询</el-button
>
<el-button
class="primary"
type="primary"
@click="
inquire.partitionId = null;
inquire.id = null;
getData();
"
>重置搜索</el-button
>
<!-- 表格 -->
<el-table
v-loading="loading"
:data="tableData"
ref="multipleTable"
@selection-change="handleSelectionChange"
border
style="width: 100%; margin-top: 25px"
>
<el-table-column prop="id" align="center" label="数字" />
<el-table-column prop="erbanNo" align="center" label="用户ID" />
<el-table-column prop="nick" align="center" label="用户昵称" />
<el-table-column prop="partitionDesc" align="center" label="所在区" />
<el-table-column prop="createTime" align="center" label="申请时间" />
<el-table-column prop="url" align="center" label="图片">
<template v-slot="scope">
<el-image
v-if="scope.row.url"
style="width: 100px; height: 100px"
:src="scope.row.url"
:zoom-rate="1.1"
:preview-src-list="[scope.row.url]"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true"
/>
<div v-else>/</div>
</template>
</el-table-column>
<el-table-column prop="status" align="center" label="状态">
<template v-slot="scope">{{
scope.row.status < 0
? "过期"
: scope.row.status == 0
? "审核中"
: scope.row.status == 1
? "通过"
: "不通过"
}}</template>
</el-table-column>
<el-table-column prop="updateTime" align="center" label="审核时间" />
<el-table-column prop="adminUser" align="center" label="操作人">
<template v-slot="scope">{{
scope.row.adminUser ? scope.row.adminUser : "-"
}}</template>
</el-table-column>
<el-table-column align="center" label="操作" width="300">
<template v-slot="scope">
<!-- 通过弹出框 -->
<el-popover
v-model:visible="scope.row.visible1"
placement="top"
:width="160"
>
<p>确定要通过么?</p>
<div style="text-align: right; margin: 0">
<el-button size="small" @click="scope.row.visible1 = false">
取消
</el-button>
<el-button
size="small"
type="primary"
@click="pass(scope.row.id)"
>
确认
</el-button>
</div>
<template #reference>
<el-button
v-show="scope.row.status == 0"
class="primary"
type="primary"
@click="scope.row.visible1 = true"
>通过</el-button
>
</template>
</el-popover>
<!-- 拒绝弹出框 -->
<el-popover
v-model:visible="scope.row.visible2"
placement="top"
:width="160"
>
<p>确定要拒绝么?</p>
<div style="text-align: right; margin: 0">
<el-button size="small" @click="scope.row.visible2 = false">
取消
</el-button>
<el-button
size="small"
type="primary"
@click="reject(scope.row.id)"
>
确认
</el-button>
</div>
<template #reference>
<el-button
v-show="scope.row.status == 0"
class="primary"
type="primary"
@click="scope.row.visible2 = true"
>拒绝</el-button
>
</template>
</el-popover>
<!-- 删除弹出框 -->
<el-popover
v-model:visible="scope.row.visible3"
placement="top"
:width="160"
>
<p>确定要删除么?</p>
<div style="text-align: right; margin: 0">
<el-button size="small" @click="scope.row.visible3 = false">
取消
</el-button>
<el-button size="small" type="primary" @click="del(scope.row.id)">
确认
</el-button>
</div>
<template #reference>
<el-button
class="danger"
type="danger"
@click="scope.row.visible3 = true"
>删除</el-button
>
</template>
</el-popover></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="[1, 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 {
listPartitionInfo,
customPage,
customPass,
customReject,
customDel,
} from "@/api/roomBackground/roomBackground";
// @ts-ignore
import { dateFormat } from "@/utils/system-helper";
// @ts-ignore
import { ElMessage, ElTable } from "element-plus";
import { ref } from "vue";
import { ElMessageBox } from "element-plus"; // 正确引入 ElM
export default {
name: "roomBackgroundCustom",
data() {
return {
loading: false,
//查询所需条件对象
inquire: {
partitionId: "",
partitionArr: [],
id: "",
},
// 表格
tableData: [{ x: "x" }],
// 分页
total: 0, //总页数
currentPage: 1, //页码
pageSize: 10, //条数
// 删除相关
// visible1: false,
// visible2: false,
// visible3: false,
};
},
created() {
this.loading = true;
listPartitionInfo().then((res) => {
console.log(res);
this.inquire.partitionArr = res.data;
this.inquire.partitionId = this.inquire.partitionArr[0].id;
this.getData();
});
},
methods: {
// 查询接口
getData() {
this.loading = true;
customPage({
partitionId: this.inquire.partitionId,
erbanNo: this.inquire.id,
pageNum: 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;
});
},
// 通过
pass(id) {
customPass({ id }).then((res) => {
if (res.code == 200) {
ElMessage({
showClose: true,
message: "操作成功",
type: "success",
});
this.getData();
} else {
ElMessage({
showClose: true,
message: res.message,
type: "error",
});
}
});
},
// 拒绝
reject(id) {
customReject({ id }).then((res) => {
if (res.code == 200) {
ElMessage({
showClose: true,
message: "操作成功",
type: "success",
});
this.getData();
} else {
ElMessage({
showClose: true,
message: res.message,
type: "error",
});
}
});
},
// 删除
del(id) {
customDel({ id }).then((res) => {
if (res.code == 200) {
ElMessage({
showClose: true,
message: "操作成功",
type: "success",
});
this.getData();
} else {
ElMessage({
showClose: true,
message: res.message,
type: "error",
});
}
});
},
handleAvatarSuccess(res, file) {
console.log(file);
// this.operation.imageUrl1 = URL.createObjectURL();
this.dialogObj.imageUrl1 = file.response.data;
ElMessage({
showClose: true,
message: "上传成功!",
type: "success",
});
},
handleAvatarSuccess2(res, file) {
console.log(file);
// this.operation.imageUrl1 = URL.createObjectURL();
this.dialogObj.imageUrl2 = file.response.data;
ElMessage({
showClose: true,
message: "上传成功!",
type: "success",
});
},
handleAvatarSuccess3(res, file) {
console.log(file);
// this.operation.imageUrl1 = URL.createObjectURL();
this.dialogObj.imageUrl3 = file.response.data;
ElMessage({
showClose: true,
message: "上传成功!",
type: "success",
});
},
beforeAvatarUpload() {
ElMessage({
showClose: true,
message: "上传中~",
type: "warning",
});
},
handleAvatarError() {
ElMessage({
showClose: true,
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;
}
}
.selectBox {
display: flex;
height: 35px;
line-height: 35px;
margin-bottom: 20px;
}
.selectBoxImg {
height: 150px;
}
.pagination {
margin: 10px auto 10px;
position: relative;
left: 50%;
transform: translateX(-50%);
}
.pagination_in {
text-align: center;
}
.dialogBox {
width: 100%;
// height: 50px;
// line-height: 50px;
display: flex;
align-items: baseline;
margin-bottom: 20px;
.input {
width: 50%;
}
.selectBox {
display: flex;
height: 35px;
line-height: 35px;
margin-bottom: 20px;
}
.selectBoxImg {
height: 150px;
}
}
</style>

View File

@@ -60,6 +60,13 @@
v-model="i18nMessage.ar" />
</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="tr" id="tr"
v-model="i18nMessage.tr" />
</div>
</div>
</form>
</div>
<div class="modal-footer">
@@ -84,6 +91,7 @@ export default {
{ field: 'zh', title: '华语', align: 'center', width: '15%' },
{ field: 'en', title: '英语', align: 'center', width: '15%' },
{ field: 'ar', title: '阿语', align: 'center', width: '15%' },
{ field: 'tr', title: '土耳其', align: 'center', width: '15%' },
{
field: 'key',
title: '操作',
@@ -151,6 +159,7 @@ export default {
this.i18nMessage.zh = '';
this.i18nMessage.en = '';
this.i18nMessage.ar = '';
this.i18nMessage.tr = '';
$('#editModal').modal('show');
},
edit(obj) {
@@ -160,6 +169,7 @@ export default {
this.i18nMessage.zh = record.zh;
this.i18nMessage.en = record.en;
this.i18nMessage.ar = record.ar;
this.i18nMessage.tr = record.tr;
$('#editModal').modal('show');
},
save() {

View File

@@ -103,6 +103,7 @@ export default {
{ 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: 'startPayUsd', title: 'startPay充值美元', 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%' },

View File

@@ -7,14 +7,19 @@
<h1 id="itemTitle"></h1>
</section>
<div id="toolbar">
<form class="col-sm-12" id="searchForm" action="/admin/chargeRecord/dailyexport" method="get"
<form class="col-sm-12"
id="searchForm"
action="/admin/chargeRecord/dailyexport"
method="get"
target="_blank">
</form>
<div class="col-sm-12 pull-left">
<h4>
今日充值数据<span class="totalAmount" style="color: red">0</span>总金额/
<span class="totalCount" style="color: red">0</span>笔数
今日充值数据<span class="totalAmount"
style="color: red">0</span>金额/
<span class="totalCount"
style="color: red">0</span>总笔数
<span style="color: red">(单位美元)</span>
</h4>
</div>
@@ -34,14 +39,22 @@
</div>
</section>
<div class="modal fade" id="recordDetail" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
<div class="modal-dialog" role="document">
<div class="modal fade"
id="recordDetail"
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 type="button"
class="close"
data-dismiss="modal"
aria-label="Close"><span aria-hidden="true">&times;</span>
</button>
<h4 class="modal-title" id="modalLabel"></h4>
<h4 class="modal-title"
id="modalLabel"></h4>
</div>
<div class="modal-body">
<div id="detailtable"></div>
@@ -57,16 +70,16 @@ import TableHelper from '@/utils/bootstrap-table-helper';
export default {
name: "ChargeRecordDailyStatisticsView",
setup() {
setup () {
return {};
},
created() {
created () {
this.$nextTick(function () {
this.initData();
});
},
methods: {
initData() {
initData () {
$(function () {
$('#table').bootstrapTable('destroy');
$('#table').bootstrapTable({
@@ -85,6 +98,7 @@ export default {
{ field: 'googleAmount', title: 'google支付', align: 'center', width: '5%' },
{ field: 'payermaxAmount', title: 'payermax支付', align: 'center', width: '5%' },
{ field: 'myCardAmount', title: 'MyCard支付', align: 'center', width: '5%' },
{ field: 'startPayAmount', title: 'startPay支付', align: 'center', width: '5%' },
{ field: 'iosPayAmount', title: 'ios支付', align: 'center', width: '5%' },
{ field: 'companyAccount', title: '充值打公账', align: 'center', width: '5%' },
{
@@ -108,7 +122,7 @@ export default {
search: false,
sidePagination: "client", //表示服务端请求
queryParamsType: "undefined",
queryParams: function queryParams(params) { //设置查询参数
queryParams: function queryParams (params) { //设置查询参数
var param = {
pageNum: params.pageNumber,
pageSize: params.pageSize
@@ -163,7 +177,7 @@ export default {
search: false,
sidePagination: "client", //表示服务端请求
queryParamsType: "undefined",
queryParams: function queryParams(params) { //设置查询参数
queryParams: function queryParams (params) { //设置查询参数
var param = {
pageNum: params.pageNumber,
pageSize: params.pageSize,
@@ -188,14 +202,14 @@ export default {
};
function parseTime(val) {
function parseTime (val) {
if (val < 10) {
return '0' + val + ':00-0' + val + ':59';
} else {
return val + ':00-' + val + ':59';
}
}
function getTotalStatis() {
function getTotalStatis () {
$.get('/admin/chargeRecord/dailytotal', function (res) {
if (res.code == 200) {
console.log(res.data);

View File

@@ -103,6 +103,7 @@ export default {
{ 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: 'startPayUsd', title: 'startPay充值美元', 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%' },

View File

@@ -9,26 +9,39 @@
<div id="toolbar">
<div class="col-sm-12">
<div class="pull-left">
<form id="searchForm" class="col-sm-pull-12" action="/admin/chargeRecord/totalexport"
method="get" target="_blank">
<form id="searchForm"
class="col-sm-pull-12"
action="/admin/chargeRecord/totalexport"
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="必填">
<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>
<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">
<button id="btnSearch"
class="btn btn-default">
<i class="glyphicon glyphicon-search"></i>查询
</button>
<button id="btnExport" class="btn btn-default">
<button id="btnExport"
class="btn btn-default">
<i class="glyphicon glyphicon-export"></i>导出
</button>
<span style="color: red">(单位美元)</span>
@@ -44,14 +57,22 @@
</div>
</section>
<div class="modal fade" id="recordDetail" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
<div class="modal-dialog" role="document">
<div class="modal fade"
id="recordDetail"
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 type="button"
class="close"
data-dismiss="modal"
aria-label="Close"><span aria-hidden="true">&times;</span>
</button>
<h4 class="modal-title" id="modalLabel"></h4>
<h4 class="modal-title"
id="modalLabel"></h4>
</div>
<div class="modal-body">
<div id="detailtable"></div>
@@ -67,16 +88,16 @@ import TableHelper from '@/utils/bootstrap-table-helper';
export default {
name: "ChargeRecordTotalStatisticsView",
setup() {
setup () {
return {};
},
created() {
created () {
this.$nextTick(function () {
this.initData();
});
},
methods: {
initData() {
initData () {
$(function () {
$('#table').bootstrapTable('destroy');
$('#table').bootstrapTable({
@@ -96,6 +117,7 @@ export default {
{ field: 'googleAmount', title: 'google支付', align: 'center', width: '5%' },
{ field: 'payermaxAmount', title: 'payermax支付', align: 'center', width: '5%' },
{ field: 'myCardAmount', title: 'myCard支付', align: 'center', width: '5%' },
{ field: 'startPayAmount', title: 'startPay支付', align: 'center', width: '5%' },
{ field: 'iosPayAmount', title: 'ios支付', align: 'center', width: '5%' },
{ field: 'companyAccount', title: '充值打公账', align: 'center', width: '5%' },
{ field: 'totalAmount', title: '总计充值金额数', align: 'center', width: '5%' },
@@ -120,7 +142,7 @@ export default {
search: false,
sidePagination: "server", //表示服务端请求
queryParamsType: "undefined",
queryParams: function queryParams(params) { //设置查询参数
queryParams: function queryParams (params) { //设置查询参数
var param = {
pageNum: params.pageNumber,
pageSize: params.pageSize,
@@ -202,7 +224,7 @@ export default {
search: false,
sidePagination: "client", //表示服务端请求
queryParamsType: "undefined",
queryParams: function queryParams(params) { //设置查询参数
queryParams: function queryParams (params) { //设置查询参数
var param = {
pageNum: params.pageNumber,
pageSize: params.pageSize,

View File

@@ -0,0 +1,161 @@
<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="8"
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: "ChargeRecordTrPartitionStatisticsView",
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: 'startPayUsd', title: 'startPay充值美元', 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: 8,
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

@@ -103,6 +103,7 @@ export default {
{ 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: 'startPayUsd', title: 'startPay充值美元', 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%' },

View File

@@ -24,12 +24,13 @@
<option value="">请选择...</option>
<option value="0">金币</option>
<option value="1">背包礼物</option>
<option value="2">web-api金币</option>
</select>
</div>
<label class="col-sm-2 control-label">统计时间:</label>
<div class="col-sm-2"><input type="text" class="form-control" name="beginTime" id="beginTime">
</div><span class="col-sm-1"></span>
<div class="col-sm-2"><input type="text" class="form-control" name="beginTime" id="beginTime"></div>
<span class="col-sm-1"></span>
<div class="col-sm-2"><input type="text" class="form-control" name="endTime" id="endTime"></div>
</div>
@@ -110,24 +111,7 @@
<script>
import TableHelper from '@/utils/bootstrap-table-helper';
var picker1 = $("#beginTime").datetimepicker({
format: 'yyyy-mm-dd hh:ii:00',
autoclose: true,
todayBtn: true,
});
var picker2 = $("#endTime").datetimepicker({
format: 'yyyy-mm-dd hh:ii:00',
autoclose: true,
todayBtn: true
});
var picker3 = $('#editEndTime').datetimepicker({
format: 'yyyy-mm-dd hh:ii:00',
autoclose: true
})
var picker4 = $('#editStartTime').datetimepicker({
format: 'yyyy-mm-dd hh:ii:00',
autoclose: true
})
/*picker1.on('changeDate', function () {
var date = $('#beginDate').datetimepicker('getDate');
@@ -163,6 +147,8 @@ export default {
formatter: function (val, row, index) {
if (row.type == 0) {
return '金币'
}else if(row.type == 2){
return 'web-api金币';
} else {
return '背包礼物';
}
@@ -287,7 +273,16 @@ export default {
console.log("load fail");
}
});
var picker1 = $("#beginTime").datetimepicker({
format: 'yyyy-mm-dd hh:mm:ss',
autoclose: true,
todayBtn: true,
});
var picker2 = $("#endTime").datetimepicker({
format: 'yyyy-mm-dd hh:mm:ss',
autoclose: true,
todayBtn: true
});
// 查询刷新
$('#btnSearch').on('click', function () {
TableHelper.doRefresh('#table');

View File

@@ -69,7 +69,7 @@
:src="scope.row.screenUrl"
:zoom-rate="1.1"
:preview-src-list="scope.row.screenUrl"
fit="cover"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true"
/>

View File

@@ -66,6 +66,9 @@
<option value="15">线性福袋礼物</option>
<option value="16">超级幸运礼物</option>
<option value="17">国家礼物</option>
<option value="18">幸运礼物</option>
<option value="19">CP礼物</option>
<option value="20">定制礼物</option>
</select>
</div>
<label for="partitionId" class="col-sm-1 control-label">地区:</label>
@@ -153,6 +156,7 @@
<input type="checkbox" name="partitionFlag" value="1"/>英语区<br>
<input type="checkbox" name="partitionFlag" value="2"/>阿拉伯语区<br>
<input type="checkbox" name="partitionFlag" value="4"/>华语区<br>
<input type="checkbox" name="partitionFlag" value="8"/>土耳其区<br>
</div>
</div>
<div class="form-group">
@@ -208,6 +212,9 @@
<option value="15">线性福袋礼物</option>
<option value="16">超级幸运礼物</option>
<option value="17">国家礼物</option>
<option value="18">幸运礼物</option>
<option value="19">CP礼物</option>
<option value="20">定制礼物</option>
</select>
</div>
</div>
@@ -648,6 +655,7 @@ export default {
{field: 'giftName.zh', title: '礼物名称', align: 'center', width: '15%'},
{field: 'giftName.ar', title: '阿语礼物名称', align: 'center', width: '10%'},
{field: 'giftName.en', title: '英语礼物名称', align: 'center', width: '10%'},
{field: 'giftName.tr', title: '土耳其礼物名称', align: 'center', width: '10%'},
{
field: 'partitionFlag',
title: '地区',
@@ -664,6 +672,9 @@ export default {
if ((val & 4) != 0) {
value += '华语区<br>';
}
if ((val & 8) != 0) {
value += '土耳其<br>';
}
return value;
}
},

View File

@@ -52,7 +52,7 @@
:src="scope.row.giftUrl"
:zoom-rate="1.1"
:preview-src-list="[scope.row.giftUrl]"
fit="cover"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true"
/>

View File

@@ -42,7 +42,7 @@
:src="scope.row.giftUrl"
:zoom-rate="1.1"
:preview-src-list="[scope.row.giftUrl]"
fit="cover"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true"
/>