292 lines
12 KiB
JavaScript
292 lines
12 KiB
JavaScript
let urlPrefix = getUrlPrefix()
|
||
let browser = checkVersion()
|
||
let env = EnvCheck();
|
||
if (env == 'test') {
|
||
new VConsole();
|
||
}
|
||
// 封裝layer消息提醒框
|
||
let layerIndex
|
||
var langReplace;
|
||
var localLang;
|
||
const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
|
||
layer.open({
|
||
type: 2,
|
||
shadeClose: false,
|
||
content,
|
||
success(e) {
|
||
layerIndex = $(e).attr('index')
|
||
}
|
||
})
|
||
}
|
||
const hideLoading = (index) => {
|
||
layer.close(index)
|
||
}
|
||
const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
|
||
layer.open({
|
||
content,
|
||
time,
|
||
skin: 'msg'
|
||
})
|
||
}
|
||
var nowTime;
|
||
var indexTime = 0;
|
||
var date_obj = lay_picker_date.getDateTime();
|
||
var years = lay_picker_date.getYear();
|
||
var months = lay_picker_date.getMonth(
|
||
[
|
||
{ value: date_obj.year },
|
||
]
|
||
);
|
||
const date = new Date();
|
||
const currentMonth = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1;
|
||
// 初始化函數
|
||
$(function () {
|
||
getInfoFromClient();
|
||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||
setTimeout(function () {
|
||
// 頁面全屏
|
||
if (browser.app) {
|
||
if (browser.android) {
|
||
window.androidJsObj.initShowNav(false)
|
||
} else {
|
||
window.webkit.messageHandlers.initShowNav.postMessage(0)
|
||
}
|
||
};
|
||
// 頂部返回事件
|
||
$('.back .backs').click(() => {
|
||
window.location.href = './index.html';
|
||
})
|
||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||
langReplace = window.lang.replace;
|
||
localLang = window.lang;
|
||
translateFun();
|
||
// 选择年月
|
||
layPicker.init({
|
||
elem: '#month', // 绑定元素
|
||
type: 2, // 类型2微信效果， 类型3自定义，不设置则默认效果
|
||
title: '',
|
||
radius: 15,
|
||
data: [years, months], // 列数值
|
||
onSuccess: function (index, elem) { // 渲染成功回调
|
||
// 默认值设置（赋值）
|
||
layPicker.setValue(index, [
|
||
{ value: date_obj.year },
|
||
{ value: date_obj.month },
|
||
])
|
||
indexTime = index;
|
||
nowTime = `${date_obj.year}-${date_obj.month}`
|
||
var currentMonthVal = currentMonth == date_obj.month ? ` (${langReplace(localLang.memberFlow2.text17)}) ` : ''
|
||
$('.header .time div b').text(`${date_obj.year}-${date_obj.month}${currentMonthVal}`)
|
||
$('.box h3 b').text(`${date_obj.year}-${date_obj.month}`)
|
||
if (currentMonth == date_obj.month) {
|
||
$('.header').removeClass('datasAct')
|
||
} else {
|
||
$('.header').addClass('datasAct')
|
||
}
|
||
familyWage(nowTime)
|
||
},
|
||
onConfirm: function (index, value, result) { // 点击确认回调
|
||
indexTime = index;
|
||
nowTime = value;
|
||
$('.header .time div b').text(value + `${result[index].value == currentMonth ? ` (${langReplace(localLang.memberFlow2.text17)}) ` : ''}`)
|
||
$('.box h3 b').text(`${nowTime}`)
|
||
if (result[index].value == currentMonth) {
|
||
$('.header').removeClass('datasAct')
|
||
} else {
|
||
$('.header').addClass('datasAct')
|
||
}
|
||
familyWage(nowTime)
|
||
},
|
||
})
|
||
}, 100)
|
||
})
|
||
function translateFun() {
|
||
var langReplace = window.lang.replace;
|
||
var localLang = window.lang;
|
||
$('.text1').text(langReplace(localLang.memberFlow2.text1));
|
||
$('.text2').text(langReplace(localLang.memberFlow2.text2));
|
||
$('.text3').text(langReplace(localLang.memberFlow2.text3));
|
||
$('.text4').text(langReplace(localLang.memberFlow2.text4));
|
||
$('.text5').text(langReplace(localLang.memberFlow2.text5));
|
||
$('.text6').text(langReplace(localLang.memberFlow2.text6));
|
||
$('.text7').text(langReplace(localLang.memberFlow2.text7));
|
||
$('.text8').text(langReplace(localLang.memberFlow2.text8));
|
||
$('.text9').text(langReplace(localLang.memberFlow2.text9));
|
||
$('.textss').text(langReplace(localLang.memberFlow2.textss));
|
||
}
|
||
// 获取数据接口
|
||
function familyWage(month) {
|
||
$('.box .box_in .fistBox .fist').remove();
|
||
$('.box .box_in .ordinaryBox .ordinaryBox_in').remove();
|
||
networkRequest({
|
||
type: 'get',
|
||
url: urlPrefix + '/family/wage',
|
||
data: { month },
|
||
success(res) {
|
||
if (res.code === 200) {
|
||
// 处理头部数值
|
||
$('.totalWage').text(res.data.totalWage);
|
||
// $('.totalWage').text(unitProcessingAr(res.data.totalWage, 0));
|
||
// $('.header .datas1 p b').text(unitProcessingAr(res.data.goldWage, 1))
|
||
$('.header .datas1 p b').text(res.data.goldWage)
|
||
// $('.header .datas2 p b').text(unitProcessingAr(res.data.agentWage, 1))
|
||
$('.header .datas2 p b').text(res.data.agentWage)
|
||
$('.header .datas3 p b').text(unitProcessingAr(res.data.diamondRemain, 1))
|
||
$('.box .h3 b').text(res.data.totalMemberGoldWage)
|
||
var strLeft = '';
|
||
var strRight = '';
|
||
res.data.memberWageList.forEach((res, i) => {
|
||
strLeft += `
|
||
<div class="fist ${i > 0 ? 'fistAct' : ''}">
|
||
<div class="title">${localLang.memberFlow2.text10}</div>
|
||
<div class="user">
|
||
<img src="${res.avatar}" alt="" class="tx">
|
||
<div class="ts ${pubInfo.uid == res.uid ? 'i' : ''}"><i>${langReplace(localLang.memberFlow.text9)}</i></div>
|
||
<p>${res.nick}</p>
|
||
<b>ID:${res.erbanNo}${res.enable ? '' : `(${langReplace(localLang.lay.departed)})`}</b>
|
||
</div>
|
||
</div>
|
||
`
|
||
strRight += `
|
||
<div class="ordinaryBox_in ${i > 0 ? 'ordinaryBox_inAct' : ''}">
|
||
<div class="ordinary">
|
||
<div class="title">${localLang.memberFlow2.text11}</div>
|
||
<p class="">${res.micVaildDays}</p>
|
||
</div>
|
||
<div class="ordinary">
|
||
<div class="title">${localLang.memberFlow2.text12}</div>
|
||
<p class="">${unitProcessingAr(res.goldIncome, 1)}</p>
|
||
</div>
|
||
<div class="ordinary">
|
||
<div class="title">${localLang.memberFlow2.text13}</div>
|
||
<p class="tre">${unitProcessingAr(res.goldWage, 1)}</p>
|
||
</div>
|
||
<div class="ordinary">
|
||
<div class="title">${localLang.memberFlow2.text6}</div>
|
||
<p class="">${unitProcessingAr(res.agentWage, 1)}</p>
|
||
</div>
|
||
<div class="ordinary">
|
||
<div class="title">${localLang.memberFlow2.text14}</div>
|
||
<p class="">${res.diamondRemain == '-' ? '-' : unitProcessingAr(res.diamondRemain, 1)}</p>
|
||
</div>
|
||
<div class="ordinary">
|
||
<div class="title">${localLang.memberFlow2.text15}</div>
|
||
<p class=" details" familyMemberId=${res.familyMemberId} avatar=${res.avatar} nick=${res.nick} erbanNo=${res.erbanNo}>${localLang.memberFlow2.text16}</p>
|
||
</div>
|
||
</div>
|
||
`
|
||
})
|
||
$('.box .box_in .fistBox').append(strLeft);
|
||
$('.box .box_in .ordinaryBox').append(strRight);
|
||
} else {
|
||
toastMsg(res.message)
|
||
}
|
||
hideLoading(layerIndex)
|
||
},
|
||
error(err) {
|
||
hideLoading(layerIndex)
|
||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||
}
|
||
})
|
||
|
||
}
|
||
// 前一个月
|
||
$('.previousMonth').click(function () {
|
||
var obj = getPreMonth(nowTime, 1);
|
||
layPicker.setValue(indexTime, [
|
||
{ value: obj.year },
|
||
{ value: obj.month },
|
||
])
|
||
nowTime = `${obj.year}-${obj.month}`
|
||
$('.box h3 b').text(`${nowTime}`)
|
||
$('.header .time div b').text(`${obj.year}-${obj.month}` + `${obj.month == currentMonth ? ` (${langReplace(localLang.memberFlow2.text17)}) ` : ''}`)
|
||
if (obj.month == currentMonth) {
|
||
$('.header').removeClass('datasAct')
|
||
} else {
|
||
$('.header').addClass('datasAct')
|
||
}
|
||
familyWage(nowTime)
|
||
})
|
||
// 后一个月
|
||
$('.nextMonth').click(function () {
|
||
var obj = getPreMonth(nowTime, 2);
|
||
layPicker.setValue(indexTime, [
|
||
{ value: obj.year },
|
||
{ value: obj.month },
|
||
])
|
||
nowTime = `${obj.year}-${obj.month}`
|
||
$('.header .time div b').text(`${obj.year}-${obj.month}` + `${obj.month == currentMonth ? ` (${langReplace(localLang.memberFlow2.text17)}) ` : ''}`)
|
||
$('.box h3 b').text(`${nowTime}`)
|
||
if (obj.month == currentMonth) {
|
||
$('.header').removeClass('datasAct')
|
||
} else {
|
||
$('.header').addClass('datasAct')
|
||
}
|
||
familyWage(nowTime)
|
||
})
|
||
function getPreMonth(date, type) {//1上2下
|
||
if (type == 1) {
|
||
var arr = date.split('-');
|
||
var year = arr[0]; //获取当前日期的年份
|
||
var month = arr[1]; //获取当前日期的月份
|
||
var day = arr[2]; //获取当前日期的日
|
||
var days = new Date(year, month, 0);
|
||
days = days.getDate(); //获取当前日期中月的天数
|
||
var year2 = year;
|
||
var month2 = parseInt(month) - 1;
|
||
if (month2 == 0) {
|
||
year2 = parseInt(year2) - 1;
|
||
month2 = 12;
|
||
}
|
||
var day2 = day;
|
||
var days2 = new Date(year2, month2, 0);
|
||
days2 = days2.getDate();
|
||
if (day2 > days2) {
|
||
day2 = days2;
|
||
}
|
||
if (month2 < 10) {
|
||
month2 = '0' + month2;
|
||
}
|
||
var t2 = year2 + '-' + month2;
|
||
return {
|
||
year: year2,
|
||
month: month2,
|
||
};
|
||
} else {
|
||
var arr = date.split('-');
|
||
var year = arr[0]; //获取当前日期的年份
|
||
var month = arr[1]; //获取当前日期的月份
|
||
var day = arr[2]; //获取当前日期的日
|
||
var days = new Date(year, month, 0);
|
||
days = days.getDate(); //获取当前日期中的月的天数
|
||
var year2 = year;
|
||
var month2 = parseInt(month) + 1;
|
||
if (month2 == 13) {
|
||
year2 = parseInt(year2) + 1;
|
||
month2 = 1;
|
||
}
|
||
var day2 = day;
|
||
var days2 = new Date(year2, month2, 0);
|
||
days2 = days2.getDate();
|
||
if (day2 > days2) {
|
||
day2 = days2;
|
||
}
|
||
if (month2 < 10) {
|
||
month2 = '0' + month2;
|
||
}
|
||
|
||
var t2 = year2 + '-' + month2;
|
||
return {
|
||
year: year2,
|
||
month: month2,
|
||
};
|
||
}
|
||
}
|
||
// 查看详情
|
||
$('.box .box_in').on('click', '.ordinaryBox .ordinaryBox_in .ordinary .details', function () {
|
||
var familymemberid = $(this).attr(`familymemberid`);
|
||
var avatar = $(this).attr(`avatar`);
|
||
var nick = $(this).attr(`nick`);
|
||
var erbanNo = $(this).attr(`erbanNo`);
|
||
window.location.href = `./memberFlow22.html?familymemberid=${familymemberid}&avatar=${avatar}&nick=${nick}&erbanNo=${erbanNo}`;
|
||
}) |