新增英语区金币收益统计
This commit is contained in:
dragon
334
view/molistar/modules/guildAr/css/incomeStatistics.css
Normal file
334
view/molistar/modules/guildAr/css/incomeStatistics.css
Normal file
@@ -0,0 +1,334 @@
|
||||
body {
|
||||
width: 100%;
|
||||
height: 17.78667rem;
|
||||
background: #F5F7F9;
|
||||
padding-top: 2.56rem;
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 100%;
|
||||
height: 2.34667rem;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0rem;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.50667rem;
|
||||
font-weight: bold;
|
||||
z-index: 10;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.back img {
|
||||
width: 0.58667rem;
|
||||
height: 0.58667rem;
|
||||
position: absolute;
|
||||
top: 1.33333rem;
|
||||
left: 0.42667rem;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.back b {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 1.33333rem;
|
||||
height: 0.58667rem;
|
||||
line-height: 0.58667rem;
|
||||
color: #313131;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.income {
|
||||
width: 9.14667rem;
|
||||
height: 3.01333rem;
|
||||
background: #F2F3F7;
|
||||
border-radius: 0.21333rem;
|
||||
margin: 0 auto 0.37333rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0.32rem 0.32rem;
|
||||
}
|
||||
|
||||
.income .time {
|
||||
width: 100%;
|
||||
height: 0.48rem;
|
||||
margin-bottom: 0.24rem;
|
||||
}
|
||||
|
||||
.income .time b {
|
||||
display: inline-block;
|
||||
color: #04D5C6;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 500;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.income .time img {
|
||||
display: inline-block;
|
||||
width: 0.48rem;
|
||||
height: 0.48rem;
|
||||
margin: 0 0.10667rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.income h3 {
|
||||
width: 100%;
|
||||
height: 0.53333rem;
|
||||
line-height: 0.53333rem;
|
||||
color: #313131;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 600;
|
||||
margin-bottom: 0.29333rem;
|
||||
}
|
||||
|
||||
.income .gold {
|
||||
width: 100%;
|
||||
height: 0.74667rem;
|
||||
line-height: 0.74667rem;
|
||||
}
|
||||
|
||||
.income .gold img {
|
||||
display: inline-block;
|
||||
width: 0.74667rem;
|
||||
height: 0.74667rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.income .gold b {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
color: #313131;
|
||||
font-size: 0.64rem;
|
||||
font-weight: 600;
|
||||
margin: 0 0.10667rem;
|
||||
}
|
||||
|
||||
.tab {
|
||||
width: 9.14667rem;
|
||||
height: 0.58667rem;
|
||||
line-height: 0.58667rem;
|
||||
margin: 0 auto 0.26667rem;
|
||||
}
|
||||
|
||||
.tab div {
|
||||
margin-right: 0.82667rem;
|
||||
float: left;
|
||||
color: #313131;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.tab .act {
|
||||
color: #04D5C6;
|
||||
}
|
||||
|
||||
.titleInfo {
|
||||
width: 9.14667rem;
|
||||
height: 1.01333rem;
|
||||
line-height: 1.01333rem;
|
||||
color: #313131;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 500;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0 auto 0;
|
||||
background: #E4F6F1;
|
||||
padding: 0 0.69333rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.titleInfo div {
|
||||
text-align: center;
|
||||
width: 33%;
|
||||
}
|
||||
|
||||
.userInfo {
|
||||
width: 9.14667rem;
|
||||
margin: 0 auto 1.6rem;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.userInfo li {
|
||||
width: 100%;
|
||||
height: 1.6rem;
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.61333rem 0 0.32rem;
|
||||
}
|
||||
|
||||
.userInfo li .tx {
|
||||
width: 1.09333rem;
|
||||
height: 1.09333rem;
|
||||
position: relative;
|
||||
margin-top: 0.24rem;
|
||||
float: left;
|
||||
margin-right: 0.10667rem;
|
||||
}
|
||||
|
||||
.userInfo li .tx img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.userInfo li .tx span {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0.77333rem;
|
||||
min-width: 0.61333rem;
|
||||
height: 0.37333rem;
|
||||
line-height: 0.37333rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: 0.26667rem;
|
||||
font-weight: 500;
|
||||
background: #04D5C6;
|
||||
border-radius: 0.37333rem;
|
||||
}
|
||||
|
||||
.userInfo li .user {
|
||||
float: left;
|
||||
width: 1.86667rem;
|
||||
height: 1.09333rem;
|
||||
margin-top: 0.24rem;
|
||||
margin-right: 0.24rem;
|
||||
}
|
||||
|
||||
.userInfo li .user p {
|
||||
color: #313131;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 600;
|
||||
margin-top: 0.12rem;
|
||||
margin-bottom: 0.2rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.userInfo li .user b {
|
||||
color: #7B7B7D;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.userInfo li .incomes {
|
||||
width: 2.42667rem;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
color: #313131;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 400;
|
||||
margin-top: 0.66667rem;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.userInfo li .duration {
|
||||
width: 1.73333rem;
|
||||
text-align: center;
|
||||
height: 100%;
|
||||
color: #313131;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 400;
|
||||
margin-top: 0.66667rem;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.userInfo .act {
|
||||
background: #F2F3F7;
|
||||
}
|
||||
|
||||
.dayDate {
|
||||
width: 9.14667rem;
|
||||
height: 1.01333rem;
|
||||
line-height: 1.01333rem;
|
||||
margin: 0 auto 0;
|
||||
}
|
||||
|
||||
.dayDate li {
|
||||
color: #313131;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 500;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 0 0.69333rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.dayDate li div {
|
||||
text-align: center;
|
||||
width: 33%;
|
||||
}
|
||||
|
||||
.dayDate .act {
|
||||
background: #F2F3F7;
|
||||
}
|
||||
|
||||
.cycle {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 999;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
display: none;
|
||||
}
|
||||
|
||||
.cycle .cycle_in {
|
||||
width: 100%;
|
||||
height: 7.01333rem;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
border-radius: 0.42667rem 0.42667rem 0 0;
|
||||
background: #fff;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.cycle .cycle_in ul {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin-top: 0.53333rem;
|
||||
height: 5.5rem;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.cycle .cycle_in ul::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.cycle .cycle_in ul li {
|
||||
height: 0.8rem;
|
||||
line-height: 0.8rem;
|
||||
color: #7B7B7D;
|
||||
font-weight: 400;
|
||||
font-size: 0.37333rem;
|
||||
}
|
||||
|
||||
.cycle .cycle_in ul .act {
|
||||
background: #F4F4F4;
|
||||
color: #313131;
|
||||
}
|
||||
|
||||
.arabic .userInfo li .tx {
|
||||
float: right;
|
||||
margin-right: 0;
|
||||
margin-left: 0.10667rem;
|
||||
}
|
||||
|
||||
.arabic .userInfo li .user {
|
||||
float: right;
|
||||
margin-right: 0;
|
||||
margin-left: 0.24rem;
|
||||
}
|
||||
|
||||
.arabic .userInfo li .incomes {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.arabic .userInfo li .duration {
|
||||
float: left;
|
||||
}
|
||||
344
view/molistar/modules/guildAr/css/incomeStatistics.scss
Normal file
344
view/molistar/modules/guildAr/css/incomeStatistics.scss
Normal file
@@ -0,0 +1,344 @@
|
||||
@function px2rem($px) {
|
||||
@return $px / 75+rem;
|
||||
}
|
||||
|
||||
body {
|
||||
width: 100%;
|
||||
height: px2rem(1334);
|
||||
background: #F5F7F9;
|
||||
padding-top: px2rem(192);
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 100%;
|
||||
height: px2rem(176);
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: px2rem(0);
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(38);
|
||||
font-weight: bold;
|
||||
z-index: 10;
|
||||
background: #fff;
|
||||
|
||||
img {
|
||||
width: px2rem(44);
|
||||
height: px2rem(44);
|
||||
position: absolute;
|
||||
top: px2rem(100);
|
||||
left: px2rem(32);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
b {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: px2rem(100);
|
||||
height: px2rem(44);
|
||||
line-height: px2rem(44);
|
||||
color: #313131;
|
||||
font-size: px2rem(32);
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
.income {
|
||||
width: px2rem(686);
|
||||
height: px2rem(226);
|
||||
background: #F2F3F7;
|
||||
border-radius: px2rem(16);
|
||||
margin: 0 auto px2rem(28);
|
||||
box-sizing: border-box;
|
||||
padding: px2rem(24) px2rem(24);
|
||||
|
||||
.time {
|
||||
width: 100%;
|
||||
height: px2rem(36);
|
||||
margin-bottom: px2rem(18);
|
||||
|
||||
b {
|
||||
display: inline-block;
|
||||
color: #04D5C6;
|
||||
font-size: px2rem(26);
|
||||
font-weight: 500;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(36);
|
||||
height: px2rem(36);
|
||||
margin: 0 px2rem(8);
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
width: 100%;
|
||||
height: px2rem(40);
|
||||
line-height: px2rem(40);
|
||||
color: #313131;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 600;
|
||||
margin-bottom: px2rem(22);
|
||||
}
|
||||
|
||||
.gold {
|
||||
width: 100%;
|
||||
height: px2rem(56);
|
||||
line-height: px2rem(56);
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(56);
|
||||
height: px2rem(56);
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
b {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
color: #313131;
|
||||
font-size: px2rem(48);
|
||||
font-weight: 600;
|
||||
margin: 0 px2rem(8);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tab {
|
||||
width: px2rem(686);
|
||||
height: px2rem(44);
|
||||
line-height: px2rem(44);
|
||||
margin: 0 auto px2rem(20);
|
||||
|
||||
div {
|
||||
margin-right: px2rem(62);
|
||||
float: left;
|
||||
color: #313131;
|
||||
font-size: px2rem(32);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.act {
|
||||
color: #04D5C6;
|
||||
}
|
||||
}
|
||||
|
||||
.titleInfo {
|
||||
width: px2rem(686);
|
||||
height: px2rem(76);
|
||||
line-height: px2rem(76);
|
||||
color: #313131;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 500;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0 auto 0;
|
||||
background: #E4F6F1;
|
||||
padding: 0 px2rem(52);
|
||||
box-sizing: border-box;
|
||||
|
||||
div {
|
||||
text-align: center;
|
||||
width: 33%;
|
||||
}
|
||||
}
|
||||
|
||||
.userInfo {
|
||||
width: px2rem(686);
|
||||
margin: 0 auto px2rem(120);
|
||||
display: none;
|
||||
|
||||
li {
|
||||
width: 100%;
|
||||
height: px2rem(120);
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(46) 0 px2rem(24);
|
||||
|
||||
.tx {
|
||||
width: px2rem(82);
|
||||
height: px2rem(82);
|
||||
position: relative;
|
||||
margin-top: px2rem(18);
|
||||
float: left;
|
||||
margin-right: px2rem(8);
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
span {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(58);
|
||||
min-width: px2rem(46);
|
||||
height: px2rem(28);
|
||||
line-height: px2rem(28);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: px2rem(20);
|
||||
font-weight: 500;
|
||||
background: #04D5C6;
|
||||
border-radius: px2rem(28);
|
||||
}
|
||||
}
|
||||
|
||||
.user {
|
||||
float: left;
|
||||
width: px2rem(140);
|
||||
height: px2rem(82);
|
||||
margin-top: px2rem(18);
|
||||
margin-right: px2rem(18);
|
||||
|
||||
p {
|
||||
color: #313131;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 600;
|
||||
margin-top: px2rem(9);
|
||||
margin-bottom: px2rem(15);
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
|
||||
}
|
||||
|
||||
b {
|
||||
color: #7B7B7D;
|
||||
font-size: px2rem(26);
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
|
||||
.incomes {
|
||||
width: px2rem(182);
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
color: #313131;
|
||||
font-size: px2rem(26);
|
||||
font-weight: 400;
|
||||
margin-top: px2rem(50);
|
||||
float: left;
|
||||
}
|
||||
|
||||
.duration {
|
||||
width: px2rem(130);
|
||||
text-align: center;
|
||||
height: 100%;
|
||||
color: #313131;
|
||||
font-size: px2rem(26);
|
||||
font-weight: 400;
|
||||
margin-top: px2rem(50);
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
.act {
|
||||
background: #F2F3F7;
|
||||
}
|
||||
}
|
||||
|
||||
.dayDate {
|
||||
width: px2rem(686);
|
||||
height: px2rem(76);
|
||||
line-height: px2rem(76);
|
||||
margin: 0 auto 0;
|
||||
// display: none;
|
||||
|
||||
li {
|
||||
color: #313131;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 500;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 0 px2rem(52);
|
||||
box-sizing: border-box;
|
||||
|
||||
div {
|
||||
text-align: center;
|
||||
width: 33%;
|
||||
}
|
||||
}
|
||||
|
||||
.act {
|
||||
background: #F2F3F7;
|
||||
}
|
||||
}
|
||||
|
||||
.cycle {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 999;
|
||||
background: rgba(0, 0, 0, .5);
|
||||
display: none;
|
||||
|
||||
.cycle_in {
|
||||
width: 100%;
|
||||
height: px2rem(526);
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
border-radius: px2rem(32) px2rem(32) 0 0;
|
||||
background: #fff;
|
||||
position: absolute;
|
||||
|
||||
ul {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin-top: px2rem(40);
|
||||
height: 5.5rem;
|
||||
overflow-y: scroll;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
li {
|
||||
height: px2rem(60);
|
||||
line-height: px2rem(60);
|
||||
color: #7B7B7D;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(28);
|
||||
}
|
||||
|
||||
.act {
|
||||
background: #F4F4F4;
|
||||
color: #313131;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.arabic {
|
||||
.userInfo li {
|
||||
.tx {
|
||||
float: right;
|
||||
margin-right: 0;
|
||||
margin-left: 0.10667rem;
|
||||
}
|
||||
|
||||
.user {
|
||||
float: right;
|
||||
margin-right: 0;
|
||||
margin-left: 0.24rem;
|
||||
}
|
||||
|
||||
.incomes {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.duration {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -145,6 +145,11 @@ body {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.header .headerBox .incomeStatistics div img {
|
||||
width: 0.82667rem;
|
||||
height: 0.82667rem;
|
||||
}
|
||||
|
||||
.guildList {
|
||||
width: 9.25333rem;
|
||||
height: 11rem;
|
||||
@@ -467,10 +472,6 @@ body {
|
||||
width: 3.9rem;
|
||||
}
|
||||
|
||||
.english .header .headerBox div span {
|
||||
font-size: 0.21333rem;
|
||||
}
|
||||
|
||||
.arabic .header .headerBox {
|
||||
width: 8rem;
|
||||
}
|
||||
|
||||
@@ -228,6 +228,14 @@ body {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
.incomeStatistics{
|
||||
div{
|
||||
img{
|
||||
width: px2rem(62);
|
||||
height: px2rem(62);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -557,7 +565,7 @@ body {
|
||||
width: 3.9rem;
|
||||
|
||||
span {
|
||||
font-size: px2rem(16);
|
||||
// font-size: px2rem(16);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
BIN
view/molistar/modules/guildAr/images/goldBig.png
Normal file
BIN
view/molistar/modules/guildAr/images/goldBig.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
view/molistar/modules/guildAr/images/loveIcon.png
Normal file
BIN
view/molistar/modules/guildAr/images/loveIcon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
view/molistar/modules/guildAr/images/xia.png
Normal file
BIN
view/molistar/modules/guildAr/images/xia.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 345 B |
86
view/molistar/modules/guildAr/incomeStatistics.html
Normal file
86
view/molistar/modules/guildAr/incomeStatistics.html
Normal file
@@ -0,0 +1,86 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ar">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title class="text1"></title>
|
||||
<!-- 公会首页 -->
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/incomeStatistics.css?v1.0">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 頂部返回 -->
|
||||
<div class="back">
|
||||
<img src="./images/travel/backB.png" alt="">
|
||||
<b class="text1"></b>
|
||||
</div>
|
||||
<!-- 我的收益 -->
|
||||
<div class="income">
|
||||
<div class="time">
|
||||
<b></b> <img src="./images/xia.png" alt="">
|
||||
</div>
|
||||
<h3 class="text2"></h3>
|
||||
<div class="gold">
|
||||
<img src="./images/goldBig.png" alt="">
|
||||
<b>0</b>
|
||||
</div>
|
||||
</div>
|
||||
<!-- tab切换 -->
|
||||
<div class="tab">
|
||||
<div class="act text3"></div>
|
||||
<div class="Member text4"></div>
|
||||
</div>
|
||||
<!-- 信息标题 -->
|
||||
<div class="titleInfo">
|
||||
<div class="text5"></div>
|
||||
<div class="text6"></div>
|
||||
<div class="text7"></div>
|
||||
</div>
|
||||
<!-- 成员数据 -->
|
||||
<ul class="userInfo">
|
||||
<li>
|
||||
<div class="tx">
|
||||
<img src="./images/logo.png" alt="">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="user">
|
||||
<p>名字</p>
|
||||
<b>ID:0</b>
|
||||
</div>
|
||||
<div class="incomes">0</div>
|
||||
<div class="duration">0h0m0s</div>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- 每日数据 -->
|
||||
<ul class="dayDate">
|
||||
<li>
|
||||
<div>08.00</div>
|
||||
<div>0</div>
|
||||
<div>0h00m00s</div>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- 选择周期 -->
|
||||
<div class="cycle">
|
||||
<div class="cycle_in">
|
||||
<ul>
|
||||
<li class="act">2024.08.01-2024.08.17</li>
|
||||
<li>2024.08.01-2024.08.18</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="../../common/js/layer.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/route-constant.js"></script>
|
||||
<script src="./local/en.js"></script>
|
||||
<script src="./local/zh.js"></script>
|
||||
<script src="./local/ar.js"></script>
|
||||
<script src="./js/incomeStatistics.js?v=1.1"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
@@ -39,26 +39,30 @@
|
||||
<!-- <div class="inveMember text6"></div> -->
|
||||
|
||||
<div class="headerBox">
|
||||
<div class="memberFlow">
|
||||
<div class="incomeStatistics" style="width: 100%;">
|
||||
<img src="./images/icon1.png" alt="">
|
||||
<span class="newText1"></span>
|
||||
</div>
|
||||
<!-- <div class="memberFlow">ploveIconng
|
||||
<img src="./images/icon1.png" alt="">
|
||||
<span class="texts1"></span>
|
||||
</div>
|
||||
<div class="memberFlow2">
|
||||
<img src="./images/icon2.png" alt="">
|
||||
<span class="texts2"></span>
|
||||
</div>
|
||||
</div> -->
|
||||
<div class="guildInfoSet">
|
||||
<img src="./images/icon3.png" alt="">
|
||||
<span class="texts3"></span>
|
||||
<span class="newText2"></span>
|
||||
</div>
|
||||
<div class="adminSet">
|
||||
<img src="./images/icon4.png" alt="">
|
||||
<span class="texts4"></span>
|
||||
<span class="newText3"></span>
|
||||
</div>
|
||||
<div class="myWages">
|
||||
<!-- <div class="myWages">
|
||||
<img src="./images/icon2.png" alt="">
|
||||
<span class="texts5"></span>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- 公会成员列表 -->
|
||||
@@ -112,5 +116,5 @@
|
||||
<script src="./local/en.js"></script>
|
||||
<script src="./local/zh.js"></script>
|
||||
<script src="./local/ar.js"></script>
|
||||
<script src="./js/index.js?v=1.3"></script>
|
||||
<script src="./js/index.js?v=1.1"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
172
view/molistar/modules/guildAr/js/incomeStatistics.js
Normal file
172
view/molistar/modules/guildAr/js/incomeStatistics.js
Normal file
@@ -0,0 +1,172 @@
|
||||
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 roleTypes = getQueryString().roleTypes;
|
||||
var index = 0;
|
||||
var totalGoldIncome = [];
|
||||
// 初始化函數
|
||||
$(function () {
|
||||
getInfoFromClient();
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
setTimeout(function () {
|
||||
// 頁面全屏
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.initShowNav(false)
|
||||
} else {
|
||||
window.webkit.messageHandlers.initShowNav.postMessage(0)
|
||||
}
|
||||
};
|
||||
// 頂部返回事件
|
||||
$('.back img').click(() => {
|
||||
window.history.back();
|
||||
})
|
||||
if (roleTypes != 1) {
|
||||
$('.Member').hide();
|
||||
}
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
langReplace = window.lang.replace;
|
||||
localLang = window.lang;
|
||||
translateFun();
|
||||
income();
|
||||
}, 100)
|
||||
})
|
||||
function translateFun() {
|
||||
var langReplace = window.lang.replace;
|
||||
var localLang = window.lang;
|
||||
$('.text1').text(langReplace(localLang.incomeStatistics.text1));
|
||||
$('.text2').text(langReplace(localLang.incomeStatistics.text2));
|
||||
$('.text3').text(langReplace(localLang.incomeStatistics.text3));
|
||||
$('.text4').text(langReplace(localLang.incomeStatistics.text4));
|
||||
$('.text5').text(langReplace(localLang.incomeStatistics.text5));
|
||||
$('.text6').text(langReplace(localLang.incomeStatistics.text6));
|
||||
$('.text7').text(langReplace(localLang.incomeStatistics.text7));
|
||||
$('.text8').text(langReplace(localLang.incomeStatistics.text8));
|
||||
$('.text9').text(langReplace(localLang.incomeStatistics.text9));
|
||||
}
|
||||
//接口
|
||||
function income(startDate, endDate) {
|
||||
$('ul li').remove();
|
||||
networkRequest({
|
||||
type: 'get',
|
||||
url: urlPrefix + '/family/income',
|
||||
data: { startDate, endDate },
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
// 处理当前周期渲染
|
||||
$('.income .time b').text(`${res.data.curCycleDate.startDate}-${res.data.curCycleDate.endDate}`);
|
||||
// 渲染日收益统计
|
||||
var dailyIncomeListStr = '';
|
||||
res.data.dailyIncome.dailyIncomeList.forEach(res => {
|
||||
dailyIncomeListStr += `
|
||||
<li>
|
||||
<div>${res.date}</div>
|
||||
<div>${res.goldIncome}</div>
|
||||
<div>${res.micRemainTime}</div>
|
||||
</li>
|
||||
`
|
||||
})
|
||||
$('.dayDate').append(dailyIncomeListStr);
|
||||
// 渲染成员收益统计
|
||||
var memberIncomeStr = '';
|
||||
res.data.memberIncome.memberIncomeList.forEach(res => {
|
||||
memberIncomeStr += `
|
||||
<li>
|
||||
<div class="tx">
|
||||
<img src="${res.member.avatar}" alt="">
|
||||
<span>${langReplace(localLang.incomeStatistics.text8)}</span>
|
||||
</div>
|
||||
<div class="user">
|
||||
<p>${res.member.nick}</p>
|
||||
<b>ID:${res.member.erbanNo}</b>
|
||||
</div>
|
||||
<div class="incomes">${res.goldIncome}</div>
|
||||
<div class="duration">${res.micRemainTime}</div>
|
||||
</li>
|
||||
`
|
||||
})
|
||||
$('.userInfo').append(memberIncomeStr);
|
||||
// 渲染周期
|
||||
var str = '';
|
||||
res.data.cycleDateList.forEach((val, i) => {
|
||||
str += `
|
||||
<li startDate="${val.startDate}" endDate="${val.endDate}" class="${`${startDate}-${endDate}` == `${val.startDate}-${val.endDate}` ? 'act' : ''}">${val.intervalFormatter}</li>
|
||||
`
|
||||
})
|
||||
$('.cycle .cycle_in ul').append(str);
|
||||
// 首次处理
|
||||
$('.titleInfo div').eq(0).text(index == 0 ? langReplace(localLang.incomeStatistics.text5) : langReplace(localLang.incomeStatistics.text9));
|
||||
totalGoldIncome[0] = res.data.dailyIncome.totalGoldIncome;
|
||||
totalGoldIncome[1] = res.data.memberIncome.totalGoldIncome;
|
||||
$('.income .gold b').text(totalGoldIncome[index]);
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
|
||||
}
|
||||
// tab切换
|
||||
$('.tab div').click(function () {
|
||||
index = $(this).index() + 1;
|
||||
$(this).addClass('act').siblings().removeClass('act');
|
||||
$('.dayDate,.userInfo').hide();
|
||||
$('.income .gold b').text(totalGoldIncome[index]);
|
||||
if (index == 1) {
|
||||
$('.titleInfo div').eq(0).text(langReplace(localLang.incomeStatistics.text5));
|
||||
$('.dayDate').show();
|
||||
} else {
|
||||
$('.titleInfo div').eq(0).text(langReplace(localLang.incomeStatistics.text9));
|
||||
$('.userInfo').show();
|
||||
}
|
||||
})
|
||||
// 打开周期选择
|
||||
$('.income .time').click(function () {
|
||||
$('.cycle').show();
|
||||
})
|
||||
// 选择周期按钮
|
||||
$('.cycle .cycle_in ul').on('click', ' li', function () {
|
||||
var text = $(this).text();
|
||||
var startDate = $(this).attr('startDate');
|
||||
var endDate = $(this).attr('endDate');
|
||||
// $(this).addClass('act').siblings().removeClass('act');
|
||||
$('.cycle').hide();
|
||||
$('.income .time b').text(text);
|
||||
income(startDate, endDate);
|
||||
})
|
||||
// 关闭
|
||||
$('.cycle').click(function () {
|
||||
$('.cycle').hide();
|
||||
})
|
||||
@@ -83,6 +83,9 @@ function translateFun() {
|
||||
$('.texts3').text(langReplace(localLang.demoModule.texts3));
|
||||
$('.texts4').text(langReplace(localLang.demoModule.texts4));
|
||||
$('.texts5').text(langReplace(localLang.demoModule.texts5));
|
||||
$('.newText1').text(langReplace(localLang.demoModule.newText1));
|
||||
$('.newText2').text(langReplace(localLang.demoModule.newText2));
|
||||
$('.newText3').text(langReplace(localLang.demoModule.newText3));
|
||||
}
|
||||
// 判断公会身份函数
|
||||
function guildFun(type) {
|
||||
@@ -126,8 +129,7 @@ function get() {
|
||||
roleTypes = res.data.roleType;
|
||||
guildFun(roleTypes);
|
||||
if (res.data.wageEnable == false) {
|
||||
$('.memberFlow2').hide()
|
||||
$('.header .headerBox .myWages').hide()
|
||||
// $('.memberFlow2').hide();
|
||||
}
|
||||
$('.text2').text(res.data.name)
|
||||
// 渲染基本信息
|
||||
@@ -304,4 +306,8 @@ $('.inveMember').click(function (params) {
|
||||
// 我的工资
|
||||
$(`.myWages`).click(function (params) {
|
||||
window.location.href = `./memberFlow222.html?familyMemberId=${familyMemberId}`
|
||||
})
|
||||
// 硬币收入统计
|
||||
$(`.incomeStatistics`).click(function (params) {
|
||||
window.location.href = `./incomeStatistics.html?roleTypes=${roleTypes}`
|
||||
})
|
||||
@@ -26,6 +26,9 @@ langAr = {
|
||||
texts3: "إعدادات معلومات الوكالة",
|
||||
texts4: "إعدادات مشرف الوكالة",
|
||||
texts5: "راتبي",
|
||||
newText1: `إحصائيات دخل العملة`,
|
||||
newText2: `الوكالة`,
|
||||
newText3: `المسؤول`,
|
||||
},
|
||||
adminSet: {
|
||||
text1: `إعدادات المشرف`,
|
||||
@@ -115,7 +118,7 @@ langAr = {
|
||||
text15: `تفاصيل`,
|
||||
text16: `تفاصيل`,
|
||||
text17: `الشهر الحالي `,
|
||||
textss:`إجمالي راتب العملات الذهبية:`
|
||||
textss: `إجمالي راتب العملات الذهبية:`
|
||||
},
|
||||
memberFlow22: {
|
||||
text1: `الراتب الشهري للأعضاء `,
|
||||
@@ -163,5 +166,16 @@ langAr = {
|
||||
ok: 'تأكيد',
|
||||
close: 'إلغاء',
|
||||
departed: 'غادر',
|
||||
},
|
||||
incomeStatistics: {
|
||||
text1: `إحصائيات الدخل`,
|
||||
text2: `إجمالي دخل العملات`,
|
||||
text3: `بيانات يومية`,
|
||||
text4: `بيانات الأعضاء`,
|
||||
text5: `التاريخ`,
|
||||
text6: `دخل العملات`,
|
||||
text7: `المدة`,
|
||||
text8: `أنا`,
|
||||
text9: `عضو`,
|
||||
}
|
||||
}
|
||||
@@ -24,6 +24,9 @@ langEn = {
|
||||
texts3: "Agency Settings",
|
||||
texts4: "Administrator Settings",
|
||||
texts5: "My Salary",
|
||||
newText1: `Coin Income Statistics`,
|
||||
newText2: `Agency`,
|
||||
newText3: `Administrator`,
|
||||
},
|
||||
adminSet: {
|
||||
text1: `Administrator`,
|
||||
@@ -113,7 +116,7 @@ langEn = {
|
||||
text15: `View`,
|
||||
text16: `Details`,
|
||||
text17: `Current`,
|
||||
textss:'Total Coin Salary：'
|
||||
textss: 'Total Coin Salary：'
|
||||
},
|
||||
memberFlow22: {
|
||||
text1: `Member Salary`,
|
||||
@@ -161,5 +164,16 @@ langEn = {
|
||||
ok: 'Confirm',
|
||||
close: 'Cancel',
|
||||
departed: 'Departed',
|
||||
},
|
||||
incomeStatistics:{
|
||||
text1:`Income Statistics`,
|
||||
text2:`Total Coins Income`,
|
||||
text3:`Daily Data`,
|
||||
text4:`Member Data`,
|
||||
text5:`Date`,
|
||||
text6:`Coins Income`,
|
||||
text7:`Duration`,
|
||||
text8:`Me`,
|
||||
text9:`Member`,
|
||||
}
|
||||
}
|
||||
|
||||
@@ -26,6 +26,9 @@ langZh = {
|
||||
texts3: `公會信息設置`,
|
||||
texts4: `公會管理員設置`,
|
||||
texts5: `我的工資`,
|
||||
newText1: `幣收入統計`,
|
||||
newText2: `機構`,
|
||||
newText3: `管理員`,
|
||||
},
|
||||
adminSet: {
|
||||
text1: `管理員設置`,
|
||||
@@ -165,4 +168,15 @@ langZh = {
|
||||
departed: '已离开',
|
||||
placeholder: '请添加',
|
||||
},
|
||||
incomeStatistics: {
|
||||
text1: `收入統計`,
|
||||
text2: `總幣收入`,
|
||||
text3: `每日數據`,
|
||||
text4: `會員數據`,
|
||||
text5: `日期`,
|
||||
text6: `幣收入`,
|
||||
text7: `持續時間`,
|
||||
text8: `我`,
|
||||
text9: `會員`,
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user