Compare commits
38 Commits
officialWi
...
luckyGift
Author | SHA1 | Date | |
---|---|---|---|
![]() |
f9a1f6a89c | ||
![]() |
c7597a1b14 | ||
![]() |
9b7d0132ef | ||
![]() |
0dcf3594bd | ||
![]() |
e50a89fb0a | ||
![]() |
49bd77ae3f | ||
![]() |
d9a6c2881b | ||
![]() |
46af95e834 | ||
![]() |
07543cca7d | ||
![]() |
a75058d202 | ||
![]() |
9129e29bf3 | ||
![]() |
37df3b5db1 | ||
![]() |
6e841bc675 | ||
![]() |
286969cdd1 | ||
![]() |
d3b48eea86 | ||
![]() |
9e6495d807 | ||
![]() |
836fb732c8 | ||
![]() |
9a151fbe05 | ||
![]() |
07e9a1e8b2 | ||
![]() |
d3c14383f8 | ||
![]() |
5bba43c189 | ||
![]() |
74939056ce | ||
![]() |
004bf0e03a | ||
![]() |
b467577792 | ||
![]() |
99a1c89643 | ||
![]() |
b043d8c06e | ||
![]() |
fb007e763c | ||
![]() |
2fddf66a5d | ||
![]() |
75bcd232a4 | ||
![]() |
ae0a3507a6 | ||
![]() |
31d6efd60e | ||
![]() |
70993f1b4d | ||
![]() |
e4fb991a98 | ||
![]() |
b84438c19d | ||
![]() |
ed9178a1d0 | ||
![]() |
78b3a70d5f | ||
![]() |
baad132403 | ||
![]() |
c865eae77b |
6
package-lock.json
generated
6
package-lock.json
generated
@@ -27,6 +27,7 @@
|
||||
"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",
|
||||
@@ -11990,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",
|
||||
|
@@ -27,6 +27,7 @@
|
||||
"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",
|
||||
|
38
src/api/lingSmallGames/lingSmallGames.js
Normal file
38
src/api/lingSmallGames/lingSmallGames.js
Normal 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;
|
||||
};
|
@@ -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({
|
||||
|
@@ -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({
|
||||
|
@@ -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({
|
||||
|
87
src/api/roomBackground/roomBackground.js
Normal file
87
src/api/roomBackground/roomBackground.js
Normal 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
|
||||
});
|
||||
};
|
@@ -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();
|
||||
},
|
||||
|
@@ -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');
|
||||
@@ -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"
|
||||
|
@@ -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;
|
||||
});
|
||||
|
@@ -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) {
|
||||
|
@@ -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">开始日期: </label>
|
||||
<label for="beginTime"
|
||||
class="col-sm-1 control-label">开始日期: </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">结束日期: </label>
|
||||
<label for="endTime"
|
||||
class="col-sm-1 control-label">结束日期: </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>
|
||||
@@ -1150,5 +1328,4 @@ export default {
|
||||
margin-right: 10px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
</style>
|
1528
src/views/firstpage/towPageBannerView.vue
Normal file
1528
src/views/firstpage/towPageBannerView.vue
Normal file
File diff suppressed because it is too large
Load Diff
@@ -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"
|
||||
/>
|
||||
|
376
src/views/games/lingSmallGames.vue
Normal file
376
src/views/games/lingSmallGames.vue
Normal 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>
|
@@ -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) {
|
||||
|
@@ -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) => {
|
||||
|
@@ -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;
|
||||
|
@@ -1,6 +1,23 @@
|
||||
<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
|
||||
@@ -38,6 +55,7 @@
|
||||
v-model="inquire.time[0]"
|
||||
type="date"
|
||||
placeholder="开始时间"
|
||||
format="YYYY-MM-DD 00:00:00"
|
||||
>
|
||||
</el-date-picker>
|
||||
</div>
|
||||
@@ -49,6 +67,7 @@
|
||||
v-model="inquire.time[1]"
|
||||
type="date"
|
||||
placeholder="结束时间"
|
||||
format="YYYY-MM-DD 23:59:59"
|
||||
>
|
||||
</el-date-picker>
|
||||
</div>
|
||||
@@ -84,6 +103,7 @@
|
||||
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" />
|
||||
@@ -108,6 +128,7 @@
|
||||
import {
|
||||
diamondStatistics,
|
||||
diamondStatisticsExport,
|
||||
listPartitionInfo,
|
||||
} from "@/api/relAgency/relAgency";
|
||||
// @ts-ignore
|
||||
import { dateFormat } from "@/utils/system-helper";
|
||||
@@ -123,6 +144,8 @@ export default {
|
||||
guildId: "",
|
||||
guildBoosId: "",
|
||||
time: [],
|
||||
partitionId: "",
|
||||
partitionArr: [],
|
||||
},
|
||||
// 表格
|
||||
tableData: [],
|
||||
@@ -136,6 +159,10 @@ export default {
|
||||
},
|
||||
created() {
|
||||
// this.getData();
|
||||
listPartitionInfo().then((res) => {
|
||||
this.inquire.partitionArr = res.data;
|
||||
this.inquire.partitionId = this.inquire.partitionArr[0].id;
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
// 查询接口
|
||||
@@ -144,7 +171,6 @@ export default {
|
||||
let time = this.inquire.time;
|
||||
let startTime = null;
|
||||
let endTime = null;
|
||||
console.log(this.inquire.time, 111111);
|
||||
if (time.length > 0) {
|
||||
startTime = this.inquire.time[0]
|
||||
? dateFormat(this.inquire.time[0], "yyyy-MM-dd")
|
||||
@@ -156,6 +182,7 @@ export default {
|
||||
diamondStatistics({
|
||||
guildId: this.inquire.guildId,
|
||||
ownerErbanNo: this.inquire.guildBoosId,
|
||||
partitionId: this.inquire.partitionId,
|
||||
startTime: startTime,
|
||||
endTime: endTime,
|
||||
pageNo: this.currentPage,
|
||||
@@ -180,8 +207,8 @@ export default {
|
||||
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");
|
||||
startTime = dateFormat(this.inquire.time[0], "yyyy-MM-dd");
|
||||
endTime = dateFormat(this.inquire.time[1], "yyyy-MM-dd");
|
||||
}
|
||||
diamondStatisticsExport({
|
||||
guildId: this.inquire.guildId,
|
||||
|
@@ -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";
|
||||
@@ -456,6 +529,8 @@ export default {
|
||||
userId: "",
|
||||
referrer: "",
|
||||
time: "",
|
||||
partitionId: "",
|
||||
partitionArr: [],
|
||||
},
|
||||
//新增所需对象
|
||||
resource: {
|
||||
@@ -480,6 +555,7 @@ export default {
|
||||
guildNumber: "",
|
||||
id: "",
|
||||
imageUrl1: "",
|
||||
imageUrl2: "",
|
||||
},
|
||||
// 收款账户弹窗
|
||||
payAccountDialog: false,
|
||||
@@ -504,7 +580,11 @@ export default {
|
||||
};
|
||||
},
|
||||
created() {
|
||||
listPartitionInfo().then((res) => {
|
||||
this.inquire.partitionArr = res.data;
|
||||
this.inquire.partitionId = this.inquire.partitionArr[0].id;
|
||||
this.getData();
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
// 查询接口
|
||||
@@ -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,
|
||||
@@ -706,6 +787,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;
|
||||
},
|
||||
// 二次确认弹窗
|
||||
@@ -715,6 +797,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) {
|
||||
@@ -774,7 +857,6 @@ export default {
|
||||
},
|
||||
handleAvatarSuccess(res, file) {
|
||||
console.log(file);
|
||||
// this.ediObj.imageUrl1 = URL.createObjectURL();
|
||||
this.ediObj.imageUrl1 = file.response.data;
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
@@ -782,6 +864,15 @@ export default {
|
||||
type: "success",
|
||||
});
|
||||
},
|
||||
handleAvatarSuccess2(res, file) {
|
||||
console.log(file);
|
||||
this.ediObj.imageUrl2 = file.response.data;
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "上传成功!",
|
||||
type: "success",
|
||||
});
|
||||
},
|
||||
// 分页导航
|
||||
handleSizeChange() {
|
||||
this.getData();
|
||||
|
@@ -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="MoliStar ID" prop="agencyOwnerErbanNo">
|
||||
<el-input
|
||||
v-model.trim="searchForm.agencyOwnerErbanNo"
|
||||
@@ -72,7 +83,9 @@
|
||||
|
||||
<el-form-item label-width="40px">
|
||||
<el-button type="primary" @click="handSearch">搜索</el-button>
|
||||
<el-button type="primary" plain @click="resetSearchForm">重置搜索</el-button>
|
||||
<el-button type="primary" plain @click="resetSearchForm"
|
||||
>重置搜索</el-button
|
||||
>
|
||||
<el-button
|
||||
type="primary"
|
||||
class="exportBtn"
|
||||
@@ -103,10 +116,11 @@
|
||||
v-loading="tableLoading"
|
||||
@header-click="headerCopy"
|
||||
@selection-change="handleSelectionChange"
|
||||
style="width: 100%;overflow-x: auto;"
|
||||
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
|
||||
@@ -149,7 +163,12 @@
|
||||
{{ scope.row.remark ? scope.row.remark : "/" }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="hallSalary" label="操作" width="150">
|
||||
<el-table-column
|
||||
align="center"
|
||||
prop="hallSalary"
|
||||
label="操作"
|
||||
width="150"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
<div v-if="scope.row.status == 0">
|
||||
<el-button
|
||||
@@ -244,6 +263,7 @@ import {
|
||||
agencyWithdrawBatchSet,
|
||||
batchReject,
|
||||
adminCountry,
|
||||
listPartitionInfo,
|
||||
} from "@/api/relAgency/relAgency.js";
|
||||
import TablePagination from "@/components/common/TablePagination";
|
||||
import { formatDate, formatDateYMD } from "@/utils/relDate";
|
||||
@@ -282,7 +302,9 @@ export default {
|
||||
endTime: null,
|
||||
adminCountry: null,
|
||||
country: null,
|
||||
partitionId: null,
|
||||
},
|
||||
partitionArr: [],
|
||||
adminCountryArr: [],
|
||||
searchRule: {
|
||||
startTime: [
|
||||
@@ -334,6 +356,10 @@ export default {
|
||||
created() {
|
||||
adminCountry().then((res) => {
|
||||
this.adminCountryArr = res.data;
|
||||
});
|
||||
listPartitionInfo().then((res) => {
|
||||
this.partitionArr = res.data;
|
||||
this.searchForm.partitionId = this.partitionArr[0].id;
|
||||
this.getData();
|
||||
});
|
||||
},
|
||||
|
@@ -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);
|
||||
|
@@ -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">×</span></button>
|
||||
<button
|
||||
type="button"
|
||||
class="close"
|
||||
data-dismiss="modal"
|
||||
aria-label="Close"
|
||||
>
|
||||
<span aria-hidden="true">×</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> ' +
|
||||
'<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> ';
|
||||
}
|
||||
}
|
||||
'<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> '
|
||||
);
|
||||
},
|
||||
},
|
||||
],
|
||||
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',
|
||||
url: "/admin/infocard/listByPage",
|
||||
contentType: "application/json;charset=utf-8",
|
||||
dataType: "json",
|
||||
data: request.data,
|
||||
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) {
|
||||
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');
|
||||
$("#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,13 +813,13 @@ export default {
|
||||
};
|
||||
|
||||
function cleanModal() {
|
||||
$('#id').val('');
|
||||
$('#addIconPicUrl').attr('src', '');
|
||||
$('#addUploadIconPic').val('');
|
||||
$('#pic').val('');
|
||||
$('#status').val('');
|
||||
$('#modal_type').val('');
|
||||
$('#modal_name').val('');
|
||||
$("#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>
|
@@ -31,6 +31,11 @@
|
||||
</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()"
|
||||
@@ -145,6 +150,9 @@ export default {
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
totalInput: 0,
|
||||
totalOutput: 0,
|
||||
totalProductionRatio: 0,
|
||||
//查询所需条件对象
|
||||
inquire: {
|
||||
userId: "",
|
||||
@@ -163,6 +171,10 @@ export default {
|
||||
name: "华语区",
|
||||
type: 4,
|
||||
},
|
||||
{
|
||||
value: 8,
|
||||
label: "土耳其区",
|
||||
},
|
||||
],
|
||||
},
|
||||
// 表格
|
||||
@@ -183,10 +195,10 @@ export default {
|
||||
// 查询接口
|
||||
getData() {
|
||||
console.log(dateFormat(this.inquire.time, "yyyy-MM-dd"));
|
||||
if (!this.inquire.time) {
|
||||
if (!this.inquire.time && this.inquire.userId == '') {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "请选择时间",
|
||||
message: "时间和ID至少填一项",
|
||||
type: "error",
|
||||
});
|
||||
return;
|
||||
@@ -196,12 +208,16 @@ export default {
|
||||
erbanNo: this.inquire.userId,
|
||||
pageNo: this.currentPage,
|
||||
pageSize: this.pageSize,
|
||||
startDate: dateFormat(this.inquire.time, "yyyy-MM-dd"),
|
||||
endDate: dateFormat(this.inquire.time, "yyyy-MM-dd"),
|
||||
date: this.inquire.time
|
||||
? dateFormat(this.inquire.time, "yyyy-MM-dd")
|
||||
: null,
|
||||
partitionId: this.inquire.value,
|
||||
}).then((res) => {
|
||||
this.total = res.data.total;
|
||||
this.tableData = res.data.rows;
|
||||
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;
|
||||
});
|
||||
},
|
||||
|
@@ -15,11 +15,11 @@
|
||||
</el-select>
|
||||
</div>
|
||||
<!-- 时间 -->
|
||||
<div class="inquire">
|
||||
<!-- <div class="inquire">
|
||||
<span>时间</span>
|
||||
<el-date-picker v-model="inquire.time" type="date" placeholder="请选择">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
<!-- 按钮 -->
|
||||
<div class="but">
|
||||
@@ -27,7 +27,9 @@
|
||||
>查询
|
||||
</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"
|
||||
@@ -38,21 +40,16 @@
|
||||
<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="x" align="center" label="退出/进入比例"
|
||||
><template v-slot="scope">
|
||||
{{ (scope.row.totalOutput / scope.row.totalInput).toFixed(4) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<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="得到率"
|
||||
><template v-slot="scope">
|
||||
{{ scope.row.winRate ? scope.row.winRate : "-" }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="stock" align="center" label="数组库存" />
|
||||
<el-table-column prop="winRate" align="center" label="得到率" />
|
||||
</el-table>
|
||||
</div>
|
||||
</template>
|
||||
@@ -68,6 +65,9 @@ export default {
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
totalInput: "0",
|
||||
totalOutput: "0",
|
||||
totalProductionRatio: "0",
|
||||
//查询所需条件对象
|
||||
inquire: {
|
||||
value: 2,
|
||||
@@ -84,6 +84,10 @@ export default {
|
||||
value: 4,
|
||||
label: "华语区",
|
||||
},
|
||||
{
|
||||
value: 8,
|
||||
label: "土耳其区",
|
||||
},
|
||||
],
|
||||
time: "",
|
||||
},
|
||||
@@ -101,26 +105,15 @@ export default {
|
||||
methods: {
|
||||
// 查询接口
|
||||
getData() {
|
||||
console.log(dateFormat(this.inquire.time, "yyyy-MM-dd"));
|
||||
if (!this.inquire.time) {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: "请选择时间",
|
||||
type: "error",
|
||||
});
|
||||
return;
|
||||
}
|
||||
this.loading = true;
|
||||
platform({
|
||||
erbanNo: this.inquire.userId,
|
||||
startDate: dateFormat(this.inquire.time, "yyyy-MM-dd"),
|
||||
endDate: dateFormat(this.inquire.time, "yyyy-MM-dd"),
|
||||
partitionId: this.inquire.value,
|
||||
}).then((res) => {
|
||||
this.total = res.data.total;
|
||||
this.tableData = res.data;
|
||||
this.totalInput = res.data.totalInput;
|
||||
this.totalOutput = res.data.totalOutput;
|
||||
this.totalProductionRatio = res.data.totalProductionRatio;
|
||||
this.tableData = res.data.dataList;
|
||||
this.loading = false;
|
||||
console.log(this.tableData, 123);
|
||||
});
|
||||
},
|
||||
// 分页导航
|
||||
|
@@ -357,6 +357,10 @@ export default {
|
||||
name: "华语区",
|
||||
type: 4,
|
||||
},
|
||||
{
|
||||
name: "土耳其区",
|
||||
type: 8,
|
||||
},
|
||||
],
|
||||
comparisonValue: "",
|
||||
goldInventory: "",
|
||||
|
@@ -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"
|
||||
/>
|
||||
|
@@ -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"
|
||||
/>
|
||||
|
@@ -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;
|
||||
|
@@ -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"
|
||||
/>
|
||||
|
@@ -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");
|
||||
|
@@ -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();
|
||||
|
@@ -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"
|
||||
/>
|
||||
|
@@ -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">×</span></button>
|
||||
<h4 class="modal-title" id="modalLabel">偏差范围</h4>
|
||||
<button type="button"
|
||||
class="close"
|
||||
data-dismiss="modal"
|
||||
aria-label="Close"><span aria-hidden="true">×</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>
|
||||
@@ -97,6 +141,34 @@ export default {
|
||||
},
|
||||
methods: {
|
||||
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({
|
||||
@@ -127,7 +199,8 @@ export default {
|
||||
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);
|
||||
// 打开编辑弹窗
|
||||
|
@@ -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="最小值">
|
||||
-- <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="最小值">
|
||||
-- <input type="text" name="actualEnd" id="actualEnd" class="input-sm" placeholder="最大值">
|
||||
-- <input type="text"
|
||||
name="priceEnd"
|
||||
id="priceEnd"
|
||||
class="input-sm"
|
||||
placeholder="最大值">
|
||||
|
||||
实际价值区间:<input type="text"
|
||||
name="actualStart"
|
||||
id="actualStart"
|
||||
class="input-sm"
|
||||
placeholder="最小值">
|
||||
-- <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;'> 天
|
||||
<input type="radio"
|
||||
name="setDay">
|
||||
<input type="text"
|
||||
class="input-sm"
|
||||
placeholder="0"
|
||||
style='width: 80px;'> 天
|
||||
</label>
|
||||
<label for="">
|
||||
<input type="radio" name="setDay">
|
||||
<input type="text" class="input-sm" placeholder="0" style="width:80px;"> 月
|
||||
<input type="radio"
|
||||
name="setDay">
|
||||
<input type="text"
|
||||
class="input-sm"
|
||||
placeholder="0"
|
||||
style="width:80px;"> 月
|
||||
</label>
|
||||
<label for="">
|
||||
<input type="radio" name="setDay"> 永久
|
||||
<input type="radio"
|
||||
name="setDay"> 永久
|
||||
</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>
|
||||
@@ -244,7 +346,6 @@ export default {
|
||||
},
|
||||
created () {
|
||||
this.initData();
|
||||
|
||||
},
|
||||
methods: {
|
||||
initData () {
|
||||
@@ -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;
|
||||
},
|
||||
@@ -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>
|
||||
|
@@ -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>
|
||||
@@ -113,6 +147,37 @@ export default {
|
||||
methods: {
|
||||
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);
|
||||
|
||||
@@ -284,6 +350,7 @@ export default {
|
||||
poolType: $('#poolType').val(),
|
||||
erbanNo: $('#erbanNo').val(),
|
||||
dataType: $('#dataType').val(),
|
||||
partitionId: $('#partitionId').val(),
|
||||
};
|
||||
return param;
|
||||
},
|
||||
@@ -329,4 +396,5 @@ export default {
|
||||
|
||||
.qry_col {
|
||||
float: left;
|
||||
}</style>
|
||||
}
|
||||
</style>
|
@@ -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 = '';
|
||||
@@ -266,17 +386,70 @@ export default {
|
||||
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;
|
||||
@@ -469,7 +649,8 @@ export default {
|
||||
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);
|
||||
|
@@ -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">
|
||||
<button id="searchBtn" class="btn btn-primary">筛选</button>
|
||||
<button id="exportBtn" class="btn btn-primary">导出</button>
|
||||
<button id="searchBtn"
|
||||
class="btn btn-primary">筛选</button>
|
||||
<button id="exportBtn"
|
||||
class="btn btn-primary">导出</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -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) {
|
||||
|
@@ -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>
|
||||
@@ -66,6 +83,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: '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%' },
|
||||
@@ -293,4 +311,5 @@ export default {
|
||||
|
||||
#toolbar label {
|
||||
margin-right: 6px;
|
||||
}</style>
|
||||
}
|
||||
</style>
|
@@ -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>
|
||||
@@ -66,6 +83,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: '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%' },
|
||||
@@ -293,4 +311,5 @@ export default {
|
||||
|
||||
#toolbar label {
|
||||
margin-right: 6px;
|
||||
}</style>
|
||||
}
|
||||
</style>
|
@@ -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>
|
||||
|
@@ -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>
|
||||
|
@@ -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>
|
||||
|
@@ -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
|
||||
|
@@ -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>
|
||||
@@ -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;
|
||||
@@ -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,6 +1118,11 @@ 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('');
|
||||
|
@@ -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">×</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>
|
||||
@@ -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,12 +190,8 @@ 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可以获取pageNumber,pageSize,searchText,sortName,sortOrder
|
||||
//设置为limit可以获取limit, offset, search, sort, order
|
||||
queryParamsType: "undefined",
|
||||
queryParams: function queryParams (params) {
|
||||
@@ -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 () {
|
||||
|
@@ -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);
|
||||
|
573
src/views/roomBackground/appUiSet.vue
Normal file
573
src/views/roomBackground/appUiSet.vue
Normal 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>
|
683
src/views/roomBackground/roomBackground.vue
Normal file
683
src/views/roomBackground/roomBackground.vue
Normal 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>
|
426
src/views/roomBackground/roomBackgroundCustom.vue
Normal file
426
src/views/roomBackground/roomBackgroundCustom.vue
Normal 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>
|
@@ -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() {
|
||||
|
161
src/views/users/ChargeRecordTrPartitionStatisticsView.vue
Normal file
161
src/views/users/ChargeRecordTrPartitionStatisticsView.vue
Normal 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>
|
@@ -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');
|
||||
|
@@ -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"
|
||||
/>
|
||||
|
@@ -156,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">
|
||||
@@ -654,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: '地区',
|
||||
@@ -670,6 +672,9 @@ export default {
|
||||
if ((val & 4) != 0) {
|
||||
value += '华语区<br>';
|
||||
}
|
||||
if ((val & 8) != 0) {
|
||||
value += '土耳其<br>';
|
||||
}
|
||||
return value;
|
||||
}
|
||||
},
|
||||
|
@@ -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"
|
||||
/>
|
||||
|
@@ -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"
|
||||
/>
|
||||
|
Reference in New Issue
Block a user