公会信息 - 土耳其区 新增钻石收入统计
This commit is contained in:
290
view/molistar/modules/guild-ar/css/diamondStatistics.css
Normal file
290
view/molistar/modules/guild-ar/css/diamondStatistics.css
Normal file
@@ -0,0 +1,290 @@
|
||||
.back {
|
||||
width: 100%;
|
||||
height: 0.5866666667rem;
|
||||
line-height: 0.5866666667rem;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
padding-top: 1.4666666667rem;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.5066666667rem;
|
||||
font-weight: bold;
|
||||
z-index: 10;
|
||||
background: #FFFFFF;
|
||||
}
|
||||
.back img {
|
||||
width: 0.5866666667rem;
|
||||
height: 0.5866666667rem;
|
||||
position: absolute;
|
||||
left: 0.24rem;
|
||||
}
|
||||
.back p {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 500;
|
||||
font-size: 0.4266666667rem;
|
||||
color: #313131;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
.data_time {
|
||||
margin: 2.4rem 0.4266666667rem 0;
|
||||
background: #F2F3F7;
|
||||
border-radius: 0.32rem;
|
||||
padding: 0.2666666667rem 0.24rem;
|
||||
}
|
||||
.data_time .time_txt {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 0.3733333333rem;
|
||||
color: #313131;
|
||||
line-height: 0.5333333333rem;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
.data_time .time_txt img {
|
||||
width: 0.56rem;
|
||||
height: 0.56rem;
|
||||
}
|
||||
.data_time .flex_box {
|
||||
margin-top: 0.24rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.24rem;
|
||||
}
|
||||
.data_time .flex_box .box_content {
|
||||
background: #FFFFFF;
|
||||
border-radius: 0.2133333333rem;
|
||||
padding: 0.48rem 0.48rem;
|
||||
flex: 1;
|
||||
}
|
||||
.data_time .flex_box .box_content .number {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.data_time .flex_box .box_content .number span {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: 0.5333333333rem;
|
||||
color: #3571FF;
|
||||
line-height: 0.7466666667rem;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
.data_time .flex_box .box_content .number img {
|
||||
width: 0.64rem;
|
||||
height: 0.64rem;
|
||||
}
|
||||
.data_time .flex_box .box_content .title {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 0.3466666667rem;
|
||||
color: #7B7B7D;
|
||||
line-height: 0.48rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
margin-top: 0.1066666667rem;
|
||||
}
|
||||
|
||||
.tab_list {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: 0.4rem 0.5333333333rem 0;
|
||||
gap: 0.4533333333rem;
|
||||
}
|
||||
.tab_list .tab_box {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 0.3733333333rem;
|
||||
color: #7B7B7D;
|
||||
line-height: 0.5333333333rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
.tab_list .active {
|
||||
font-weight: 600;
|
||||
font-size: 0.4266666667rem;
|
||||
color: #3571FF;
|
||||
}
|
||||
|
||||
.data-table {
|
||||
width: calc(100% - 0.8533333333rem);
|
||||
border-collapse: collapse;
|
||||
margin: 0.3733333333rem 0.4266666667rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.data-table tr {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.data-table th,
|
||||
.data-table td {
|
||||
padding: 0.4rem 0.1333333333rem;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex: 1;
|
||||
}
|
||||
.data-table th img,
|
||||
.data-table td img {
|
||||
width: 0.48rem;
|
||||
height: 0.48rem;
|
||||
}
|
||||
.data-table th .user_info,
|
||||
.data-table td .user_info {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
}
|
||||
.data-table th .user_info .avatar,
|
||||
.data-table td .user_info .avatar {
|
||||
width: 0.8rem;
|
||||
height: 0.8rem;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.data-table th .user_info .info,
|
||||
.data-table td .user_info .info {
|
||||
margin: 0 0.1333333333rem;
|
||||
}
|
||||
.data-table th .user_info .info .nick,
|
||||
.data-table td .user_info .info .nick {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 0.3466666667rem;
|
||||
color: #313131;
|
||||
line-height: 0.48rem;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
text-align: left;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
max-width: 1.4666666667rem;
|
||||
}
|
||||
.data-table th .user_info .info .erbanNo,
|
||||
.data-table td .user_info .info .erbanNo {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 0.2933333333rem;
|
||||
color: #7B7B7D;
|
||||
line-height: 0.4rem;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
.data-table th .user_info .me_biaoshi,
|
||||
.data-table td .user_info .me_biaoshi {
|
||||
background: linear-gradient(270deg, #59C5FF 0%, #3571FF 100%);
|
||||
border-radius: 0.32rem;
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 500;
|
||||
font-size: 0.2133333333rem;
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
padding: 0.0666666667rem 0.1333333333rem;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0.1066666667rem;
|
||||
}
|
||||
|
||||
.data-table thead th {
|
||||
background-color: #E5F5FF;
|
||||
font-weight: 500;
|
||||
font-size: 0.3466666667rem;
|
||||
color: #313131;
|
||||
line-height: 0.48rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
padding: 0.1333333333rem 0.2666666667rem;
|
||||
}
|
||||
|
||||
.data-table tbody tr:nth-child(even) {
|
||||
background-color: #E5F5FF;
|
||||
}
|
||||
|
||||
.data-table .valid {
|
||||
color: green;
|
||||
}
|
||||
|
||||
.data-table .invalid {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.timeBox {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
z-index: 99;
|
||||
display: none;
|
||||
}
|
||||
.timeBox .timeBox_in {
|
||||
width: 10rem;
|
||||
height: 6rem;
|
||||
border-radius: 0.4266666667rem 0.4266666667rem 0 0;
|
||||
background: #fff;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.timeBox .timeBox_in .title {
|
||||
width: 100%;
|
||||
height: 0.5866666667rem;
|
||||
line-height: 0.5866666667rem;
|
||||
text-align: center;
|
||||
color: #313131;
|
||||
font-weight: 500;
|
||||
font-size: 0.4266666667rem;
|
||||
position: absolute;
|
||||
top: 0.32rem;
|
||||
left: 0;
|
||||
}
|
||||
.timeBox .timeBox_in .but {
|
||||
height: 0.5866666667rem;
|
||||
line-height: 0.5866666667rem;
|
||||
position: absolute;
|
||||
right: 0.4266666667rem;
|
||||
top: 0.32rem;
|
||||
z-index: 2;
|
||||
color: #04D5C6;
|
||||
font-size: 0.4266666667rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
.timeBox .timeBox_in ul {
|
||||
width: 10rem;
|
||||
height: 6rem;
|
||||
margin-top: 1.6rem;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
.timeBox .timeBox_in ul::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
.timeBox .timeBox_in ul li {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
height: 0.8533333333rem;
|
||||
line-height: 0.8533333333rem;
|
||||
color: #7B7B7D;
|
||||
font-size: 0.4rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
.timeBox .timeBox_in ul .act {
|
||||
background: #F4F4F4;
|
||||
font-weight: 500;
|
||||
color: #313131;
|
||||
}
|
||||
|
||||
.arabic .data-table td .user_info .info .nick {
|
||||
text-align: right;
|
||||
}
|
||||
321
view/molistar/modules/guild-ar/css/diamondStatistics.scss
Normal file
321
view/molistar/modules/guild-ar/css/diamondStatistics.scss
Normal file
@@ -0,0 +1,321 @@
|
||||
@charset "UTF-8";
|
||||
|
||||
@function px2rem($px) {
|
||||
@return $px / 75+rem;
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 100%;
|
||||
height: px2rem(44);
|
||||
line-height: px2rem(44);
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
padding-top: px2rem(110);
|
||||
// padding-bottom: px2rem(22);
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(38);
|
||||
font-weight: bold;
|
||||
z-index: 10;
|
||||
background: #FFFFFF;
|
||||
|
||||
img {
|
||||
width: px2rem(44);
|
||||
height: px2rem(44);
|
||||
position: absolute;
|
||||
left: px2rem(18);
|
||||
// top: px2rem(0);
|
||||
}
|
||||
|
||||
p {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 500;
|
||||
font-size: px2rem(32);
|
||||
color: #313131;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
}
|
||||
|
||||
.data_time {
|
||||
margin: px2rem(180) px2rem(32) 0;
|
||||
background: #F2F3F7;
|
||||
border-radius: px2rem(24);
|
||||
padding: px2rem(20) px2rem(18);
|
||||
|
||||
.time_txt {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(28);
|
||||
color: #313131;
|
||||
line-height: px2rem(40);
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
|
||||
img {
|
||||
width: px2rem(42);
|
||||
height: px2rem(42);
|
||||
}
|
||||
}
|
||||
|
||||
.flex_box {
|
||||
margin-top: px2rem(18);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: px2rem(18);
|
||||
|
||||
.box_content {
|
||||
background: #FFFFFF;
|
||||
border-radius: px2rem(16);
|
||||
padding: px2rem(36) px2rem(36);
|
||||
flex: 1;
|
||||
|
||||
.number {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
span {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: px2rem(40);
|
||||
color: #3571FF;
|
||||
line-height: px2rem(56);
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
img {
|
||||
width: px2rem(48);
|
||||
height: px2rem(48);
|
||||
}
|
||||
}
|
||||
|
||||
.title {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(26);
|
||||
color: #7B7B7D;
|
||||
line-height: px2rem(36);
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
margin-top: px2rem(8);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tab_list {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: px2rem(30) px2rem(40) 0;
|
||||
gap: px2rem(34);
|
||||
|
||||
.tab_box {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(28);
|
||||
color: #7B7B7D;
|
||||
line-height: px2rem(40);
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
.active {
|
||||
font-weight: 600;
|
||||
font-size: px2rem(32);
|
||||
color: #3571FF;
|
||||
}
|
||||
}
|
||||
|
||||
.data-table {
|
||||
width: calc(100% - #{px2rem(64)});
|
||||
border-collapse: collapse;
|
||||
margin: px2rem(28) px2rem(32);
|
||||
box-sizing: border-box;
|
||||
|
||||
tr {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
|
||||
.data-table th,
|
||||
.data-table td {
|
||||
padding: px2rem(30) px2rem(10);
|
||||
text-align: center;
|
||||
|
||||
img {
|
||||
width: px2rem(36);
|
||||
height: px2rem(36);
|
||||
}
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex: 1;
|
||||
|
||||
.user_info {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
.avatar {
|
||||
width: px2rem(60);
|
||||
height: px2rem(60);
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.info {
|
||||
margin: 0 px2rem(10);
|
||||
|
||||
.nick {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(26);
|
||||
color: #313131;
|
||||
line-height: px2rem(36);
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
text-align: left;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
max-width: px2rem(110);
|
||||
}
|
||||
|
||||
.erbanNo {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(22);
|
||||
color: #7B7B7D;
|
||||
line-height: px2rem(30);
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
}
|
||||
|
||||
.me_biaoshi {
|
||||
background: linear-gradient(270deg, #59C5FF 0%, #3571FF 100%);
|
||||
border-radius: px2rem(24);
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 500;
|
||||
font-size: px2rem(16);
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
padding: px2rem(5) px2rem(10);
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: px2rem(8);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.data-table thead th {
|
||||
background-color: #E5F5FF;
|
||||
font-weight: 500;
|
||||
font-size: px2rem(26);
|
||||
color: #313131;
|
||||
line-height: px2rem(36);
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
padding: px2rem(10) px2rem(20);
|
||||
}
|
||||
|
||||
.data-table tbody tr:nth-child(even) {
|
||||
background-color: #E5F5FF;
|
||||
}
|
||||
|
||||
|
||||
.data-table .valid {
|
||||
color: green;
|
||||
}
|
||||
|
||||
.data-table .invalid {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.timeBox {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, .5);
|
||||
z-index: 99;
|
||||
display: none;
|
||||
|
||||
.timeBox_in {
|
||||
width: px2rem(750);
|
||||
height: px2rem(450);
|
||||
border-radius: px2rem(32) px2rem(32) 0 0;
|
||||
background: #fff;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
|
||||
.title {
|
||||
width: 100%;
|
||||
height: px2rem(44);
|
||||
line-height: px2rem(44);
|
||||
text-align: center;
|
||||
color: #313131;
|
||||
font-weight: 500;
|
||||
font-size: px2rem(32);
|
||||
position: absolute;
|
||||
top: px2rem(24);
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.but {
|
||||
height: px2rem(44);
|
||||
line-height: px2rem(44);
|
||||
position: absolute;
|
||||
right: px2rem(32);
|
||||
top: px2rem(24);
|
||||
z-index: 2;
|
||||
color: #04D5C6;
|
||||
font-size: px2rem(32);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
ul {
|
||||
width: px2rem(750);
|
||||
height: 6rem;
|
||||
margin-top: px2rem(120);
|
||||
overflow-y: scroll;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
li {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
height: px2rem(64);
|
||||
line-height: px2rem(64);
|
||||
color: #7B7B7D;
|
||||
font-size: px2rem(30);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.act {
|
||||
background: #F4F4F4;
|
||||
font-weight: 500;
|
||||
color: #313131;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.arabic {
|
||||
.data-table td .user_info .info .nick {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
@@ -219,6 +219,10 @@ body {
|
||||
.headerBox .headerBox_in .FFEFE5 {
|
||||
background: #FFEFE5;
|
||||
}
|
||||
.headerBox .headerBox_in .Diamond_statisticsBox {
|
||||
width: 100%;
|
||||
background: #E3F2FF;
|
||||
}
|
||||
|
||||
.weeklyRewards {
|
||||
width: 10rem;
|
||||
|
||||
@@ -250,6 +250,10 @@ body {
|
||||
.FFEFE5 {
|
||||
background: #FFEFE5;
|
||||
}
|
||||
.Diamond_statisticsBox{
|
||||
width: 100%;
|
||||
background: #E3F2FF;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
65
view/molistar/modules/guild-ar/diamondStatistics.html
Normal file
65
view/molistar/modules/guild-ar/diamondStatistics.html
Normal file
@@ -0,0 +1,65 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title class="Diamond_statistics"></title>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/diamondStatistics.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 頂部返回 -->
|
||||
<div class="back">
|
||||
<img src="./images/travel/back3.png" alt="">
|
||||
<p class="Diamond_statistics"></p>
|
||||
</div>
|
||||
<div class="data_time">
|
||||
<div class="time_txt"> <span></span> <img src="./images/arrow_down.png" alt=""> </div>
|
||||
<div class="flex_box myData_info">
|
||||
<div class="box_content">
|
||||
<div class="number"> <span class="diamondNum"></span> <img src="./images/agencyDiamondIncomeDom.png" alt=""> </div>
|
||||
<div class="title Diamond_income"></div>
|
||||
</div>
|
||||
<div class="box_content">
|
||||
<div class="number"> <span class="micDay"></span></div>
|
||||
<div class="title Valid_days"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex_box memberData_info" style="display: none;">
|
||||
<div class="box_content">
|
||||
<div class="number"> <span class="diamondNum"></span> <img src="./images/agencyDiamondIncomeDom.png" alt=""> </div>
|
||||
<div class="title Agency_income"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab_list">
|
||||
<div class="tab_box My_data active" contentType="1"></div>
|
||||
<div class="tab_box Member_data" contentType="2"></div>
|
||||
</div>
|
||||
<table class="data-table"></table>
|
||||
<!-- 时间选择器 -->
|
||||
<div class="timeBox">
|
||||
<div class="timeBox_in">
|
||||
<div class="title title_date"></div>
|
||||
<div class="but Confirm"></div>
|
||||
<ul></ul>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<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="./local/tr.js"></script>
|
||||
<script src="./local/br.js"></script>
|
||||
<script src="./js/diamondStatistics.js"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
|
||||
</html>
|
||||
BIN
view/molistar/modules/guild-ar/images/No.png
Normal file
BIN
view/molistar/modules/guild-ar/images/No.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
view/molistar/modules/guild-ar/images/Ye.png
Normal file
BIN
view/molistar/modules/guild-ar/images/Ye.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
view/molistar/modules/guild-ar/images/arrow_down.png
Normal file
BIN
view/molistar/modules/guild-ar/images/arrow_down.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 648 B |
@@ -74,7 +74,11 @@
|
||||
</div>
|
||||
<!-- 信息入口 -->
|
||||
<div class="headerBox">
|
||||
<div class="headerBox_in">
|
||||
<div class="headerBox_in" >
|
||||
<div class="Diamond_statisticsBox" style="display: none;">
|
||||
<img src="./images/icon1.png" alt="">
|
||||
<span class="Diamond_statistics"></span>
|
||||
</div>
|
||||
<div style="display: none;" class="memberFlow E3F2FF">
|
||||
<img src="./images/icon1.png" alt="">
|
||||
<span class="newtext1"></span>
|
||||
|
||||
241
view/molistar/modules/guild-ar/js/diamondStatistics.js
Normal file
241
view/molistar/modules/guild-ar/js/diamondStatistics.js
Normal file
@@ -0,0 +1,241 @@
|
||||
let urlPrefix = getUrlPrefix()
|
||||
let browser = checkVersion()
|
||||
var urlData = getQueryString();
|
||||
let env = EnvCheck();
|
||||
if (env == 'test') {
|
||||
new VConsole();
|
||||
}
|
||||
// 封裝layer消息提醒框
|
||||
let layerIndex
|
||||
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'
|
||||
})
|
||||
}
|
||||
// 初始化函數
|
||||
$(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();
|
||||
})
|
||||
langReplace = window.lang.replace;
|
||||
localLang = window.lang;
|
||||
translateFun();
|
||||
getTimeFun();
|
||||
if(urlData.data_type != 'member'){
|
||||
$('.Member_data').hide();
|
||||
}
|
||||
}, 100)
|
||||
})
|
||||
function translateFun() {
|
||||
var langReplace = window.lang.replace;
|
||||
var localLang = window.lang;
|
||||
$('.Diamond_statistics').html(langReplace(localLang.demoModule.Diamond_statistics));
|
||||
$('.Diamond_income').html(langReplace(localLang.demoModule.Diamond_income));
|
||||
$('.Valid_days').html(langReplace(localLang.demoModule.Valid_days));
|
||||
$('.My_data').html(langReplace(localLang.demoModule.My_data));
|
||||
$('.Member_data').html(langReplace(localLang.demoModule.Member_data));
|
||||
$('.Date_txt').html(langReplace(localLang.demoModule.Date_txt));
|
||||
$('.Active_time').html(langReplace(localLang.demoModule.Active_time));
|
||||
$('.Valid_days_txt').html(langReplace(localLang.demoModule.Valid_days_txt));
|
||||
$('.Diamond_income_txt').html(langReplace(localLang.demoModule.Diamond_income_txt));
|
||||
$('.Confirm').html(langReplace(localLang.createGuild.confirm));
|
||||
$('.Agency_income').html(langReplace(localLang.demoModule.Agency_income));
|
||||
}
|
||||
function getTimeFun() {
|
||||
showLoading();
|
||||
networkRequest({
|
||||
type: "get",
|
||||
url: urlPrefix + "/guildpolicy2/cycleDates",
|
||||
data: {
|
||||
// pub_uid: pubInfo.uid,
|
||||
// pub_uid:3203
|
||||
},
|
||||
success: function (res) {
|
||||
if (res.code == 200) {
|
||||
var str = '';
|
||||
res.data.forEach((item, index) => {
|
||||
str += `
|
||||
<li cycleDate="${item.cycleDate}">${item.intervalFormatter}</li>
|
||||
`
|
||||
});
|
||||
$('.timeBox .timeBox_in ul').append(str);
|
||||
$('.data_time .time_txt span').text(res.data[0].intervalFormatter);
|
||||
getDataFun(res.data[0].cycleDate)
|
||||
} else {
|
||||
toastMsg(res.message);
|
||||
}
|
||||
hideLoading(layerIndex);
|
||||
},
|
||||
error: function (res) {
|
||||
hideLoading(layerIndex);
|
||||
},
|
||||
});
|
||||
}
|
||||
var myData = []; //我的数据
|
||||
var memberData = []; // 成员数据
|
||||
function getDataFun(cycleBeginDate) {
|
||||
showLoading();
|
||||
networkRequest({
|
||||
type: "get",
|
||||
url: urlPrefix + "/guildpolicy2/incomeStat",
|
||||
data: {
|
||||
cycleBeginDate
|
||||
},
|
||||
success: function (res) {
|
||||
if (res.code == 200) {
|
||||
$('.data_time .myData_info .box_content .number .diamondNum').text(res.data.diamondNum)
|
||||
$('.data_time .myData_info .box_content .number .micDay').text(res.data.micDay)
|
||||
$('.data_time .memberData_info .box_content .number .diamondNum').text(res.data.guildDiamondNum)
|
||||
myData = res.data.myData;
|
||||
memberData = res.data.memberData;
|
||||
translateMyData();
|
||||
|
||||
} else {
|
||||
toastMsg(res.message);
|
||||
}
|
||||
hideLoading(layerIndex);
|
||||
},
|
||||
error: function (res) {
|
||||
hideLoading(layerIndex);
|
||||
},
|
||||
});
|
||||
}
|
||||
// 渲染我的数据
|
||||
function translateMyData(){
|
||||
$('.data-table thead').remove();
|
||||
$('.data-table tbody').remove();
|
||||
let str = '';
|
||||
str += `
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="Date_txt"></th>
|
||||
<th class="Diamond_income_txt"></th>
|
||||
<th class="Active_time"></th>
|
||||
<th class="Valid_days_txt"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
`
|
||||
myData.forEach((item, index) => {
|
||||
str += `
|
||||
<tr>
|
||||
<td>${item.statDate}</td>
|
||||
<td>${item.diamondNum} <img src="./images/agencyDiamondIncomeDom.png" alt=""></td>
|
||||
<td>${item.micMinute + langReplace(localLang.demoModule.Min)}</td>
|
||||
<td>${item.validMicDay ? '<img src="./images/Ye.png" alt="">' : '<img src="./images/No.png" alt="">'}</td>
|
||||
</tr>
|
||||
`
|
||||
})
|
||||
str += `</tbody>`
|
||||
$('.data-table').append(str);
|
||||
$('.Date_txt').html(langReplace(localLang.demoModule.Date_txt));
|
||||
$('.Active_time').html(langReplace(localLang.demoModule.Active_time));
|
||||
$('.Valid_days_txt').html(langReplace(localLang.demoModule.Valid_days_txt));
|
||||
$('.Diamond_income_txt').html(langReplace(localLang.demoModule.Diamond_income_txt));
|
||||
}
|
||||
// 渲染成员数据
|
||||
function translateMemberData(){
|
||||
$('.data-table thead').remove();
|
||||
$('.data-table tbody').remove();
|
||||
let str = '';
|
||||
str += `
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="Members"></th>
|
||||
<th class="Diamond_income_txt"></th>
|
||||
<th class="Valid_days_txt"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
`
|
||||
memberData.forEach((item, index) => {
|
||||
str += `
|
||||
<tr>
|
||||
<td style="padding: 0.18rem 0.13rem;">
|
||||
<div class="user_info">
|
||||
<img src="${item.avatar}" alt="" class="avatar">
|
||||
<div class="info">
|
||||
<div class="nick">${item.nick}</div>
|
||||
<div class="erbanNo">${'ID:'+item.erbanNo}</div>
|
||||
</div>
|
||||
<div class="me_biaoshi" style="display:${item.uid != pubInfo.uid?'none':''}">${langReplace(localLang.demoModule.Me)}</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>${item.diamondNum} <img src="./images/agencyDiamondIncomeDom.png" alt=""></td>
|
||||
<td>${item.micDay +'D'}</td>
|
||||
</tr>
|
||||
`
|
||||
})
|
||||
str += `</tbody>`
|
||||
$('.data-table').append(str);
|
||||
$('.Members').html(langReplace(localLang.demoModule.Members));
|
||||
$('.Valid_days_txt').html(langReplace(localLang.demoModule.Valid_days_txt));
|
||||
$('.Diamond_income_txt').html(langReplace(localLang.demoModule.Diamond_income_txt));
|
||||
}
|
||||
// 打开时间选择器
|
||||
$('.data_time .time_txt').click(function () {
|
||||
bodyScroolFun(true);
|
||||
$('.timeBox').show();
|
||||
})
|
||||
$('.timeBox').click(function () {
|
||||
bodyScroolFun(false);
|
||||
$('.timeBox').toggle();
|
||||
})
|
||||
// 选择时间
|
||||
var timeDate;
|
||||
$('.timeBox .timeBox_in ul').on('click', 'li', function (event) {
|
||||
event.stopPropagation();
|
||||
var time = $(this).text();
|
||||
$(this).addClass('act').siblings().removeClass('act');
|
||||
timeDate = time;
|
||||
$('.timeBox .timeBox_in .but').attr('cycledate',$(this).attr('cycledate'))
|
||||
})
|
||||
// 确认时间按钮
|
||||
$('.timeBox .timeBox_in .but').click(function (event) {
|
||||
event.stopPropagation();
|
||||
bodyScroolFun(false);
|
||||
$('.timeBox').hide();
|
||||
if (!timeDate) return
|
||||
$('.data_time .time_txt span').text(timeDate);
|
||||
getDataFun($(this).attr('cycledate'))
|
||||
})
|
||||
$('.tab_box').click(function () {
|
||||
$(this).addClass('active').siblings().removeClass('active');
|
||||
let contentType = $(this).attr('contentType');
|
||||
if(contentType == 1){
|
||||
translateMyData();
|
||||
$('.myData_info').show();
|
||||
$('.memberData_info').hide();
|
||||
}else if(contentType == 2){
|
||||
translateMemberData()
|
||||
$('.memberData_info').show();
|
||||
$('.myData_info').hide();
|
||||
}
|
||||
})
|
||||
@@ -109,6 +109,7 @@ function translateFun() {
|
||||
// $('.weeklyRewardsText5').text(langReplace(localLang.demoModule.weeklyRewardsText5));
|
||||
$('.Invite_Agency').text(langReplace(localLang.demoModule.Invite_Agency));
|
||||
$('.Invite_Host').text(langReplace(localLang.demoModule.Invite_Host));
|
||||
$('.Diamond_statistics').text(langReplace(localLang.demoModule.Diamond_statistics));
|
||||
}
|
||||
// 判断公会身份函数
|
||||
function guildFun(type) {
|
||||
@@ -215,6 +216,12 @@ function get() {
|
||||
if(res == 'invite_join_h5'){
|
||||
$('.Invite_box_Host').show();
|
||||
}
|
||||
if(res == 'guild_policy2'){
|
||||
$('.Diamond_statisticsBox').show();
|
||||
}
|
||||
if(res == 'guild_policy2_member'){
|
||||
$('.Diamond_statisticsBox').attr('data_type', 'member')
|
||||
}
|
||||
})
|
||||
// 渲染基本信息
|
||||
$('.header .tx').attr('src', res.data.avatar);
|
||||
@@ -507,7 +514,11 @@ $('.Invite_box_Host').click(function (params) {
|
||||
let nick = $('.header .nick').text();
|
||||
window.location.href = `../externalInvitation/shareIandingPage.html?inviteType=2&uid=${uid}&avatar=${avatar}&nick=${nick}`
|
||||
})
|
||||
|
||||
// 钻石收入
|
||||
$('.Diamond_statisticsBox').click(function (params) {
|
||||
let data_type = $(this).attr('data_type');
|
||||
window.location.href = `./diamondStatistics.html?data_type=${data_type}`
|
||||
})
|
||||
// $('.guildList .top ').on('focus', 'input', () => {
|
||||
// $('.headerBox').css('margin','-0.9rem auto 0rem')
|
||||
// console.log("聚焦");
|
||||
|
||||
@@ -57,6 +57,20 @@ langAr = {
|
||||
weeklyRewardsText6: 'وقت إعادة التعيين: الاثنين 0:00 (GMT+8)',
|
||||
Invite_Agency:'ادعُ وكالة',
|
||||
Invite_Host:'ادعُ مُضيفًا',
|
||||
Diamond_statistics:'إحصائيات دخل الماس',
|
||||
Diamond_income:'دخل الماس',
|
||||
Valid_days:'أيام الصلاحية',
|
||||
Agency_income:'إيرادات وكالة الماس',
|
||||
My_data:'بياناتي',
|
||||
Member_data:'بيانات الأعضاء',
|
||||
Date_txt:'التاريخ',
|
||||
Diamond_income_txt:'دخل<br > الماس',
|
||||
Active_time:'مدة<br > النشاط',
|
||||
Valid_days_txt:'أيام<br > الصلاحية',
|
||||
Min:'دقيقة',
|
||||
Members:'الأعضاء',
|
||||
Me:'أنا',
|
||||
|
||||
},
|
||||
adminSet: {
|
||||
text1: `إعدادات المشرف`,
|
||||
|
||||
@@ -55,6 +55,20 @@ langBr = {
|
||||
weeklyRewardsText6: 'Tempo de reset: Segunda-feira 0:00 (GMT+8)',
|
||||
Invite_Agency:'Convidar Agência',
|
||||
Invite_Host:'Convidar Anfitrião',
|
||||
Diamond_statistics:'Estatísticas de renda Diamond',
|
||||
Diamond_income:'Renda Diamond',
|
||||
Valid_days:'Dias válidos',
|
||||
Agency_income:'Renda de diamantes da agência',
|
||||
My_data:'Meus dados',
|
||||
Members_txt:'Dados do membro',
|
||||
Date_txt:'Data',
|
||||
Diamond_income_txt:'Renda <br >Diamond',
|
||||
Active_time:'Tempo <br >ativo',
|
||||
Valid_days_txt:'Dias <br >válidos',
|
||||
Min:'Min',
|
||||
Members:'Membros',
|
||||
Me:'Eu',
|
||||
|
||||
},
|
||||
adminSet: {
|
||||
text1: `Administrador`,
|
||||
|
||||
@@ -55,6 +55,20 @@ langEn = {
|
||||
weeklyRewardsText6: 'Reset time: Monday 0:00 (GMT+8)',
|
||||
Invite_Agency:'Invite Agency',
|
||||
Invite_Host:'Invite Host',
|
||||
Diamond_statistics:'Diamond income statistics',
|
||||
Diamond_income:'Diamond income',
|
||||
Valid_days:'Valid days',
|
||||
Agency_income:'Agency diamond income',
|
||||
My_data:'My data',
|
||||
Member_data:'Member data',
|
||||
Date_txt:'Date',
|
||||
Diamond_income_txt:'Diamond <br >income',
|
||||
Active_time:'Active <br >time',
|
||||
Valid_days_txt:'Valid <br >days',
|
||||
Min:'Min',
|
||||
Members:'Members',
|
||||
Me:'Me',
|
||||
|
||||
},
|
||||
adminSet: {
|
||||
text1: `Administrator`,
|
||||
|
||||
@@ -55,6 +55,20 @@ langTr = {
|
||||
weeklyRewardsText6: 'Sıfırlama Zamanı: Pazartesi 0:00 (GMT+8)',
|
||||
Invite_Agency:'Ajansı Davet Et',
|
||||
Invite_Host:'Ev Sahibi Davet Et',
|
||||
Diamond_statistics:'Elmas gelir istatistikleri',
|
||||
Diamond_income:'Elmas gelir',
|
||||
Valid_days:'Geçerli günler',
|
||||
Agency_income:'Ajans elmas geliri',
|
||||
My_data:'Verilerim',
|
||||
Member_data:'Üye verileri',
|
||||
Date_txt:'Tarih',
|
||||
Diamond_income_txt:'Elmas <br >gelir',
|
||||
Active_time:'Aktif<br > süre',
|
||||
Valid_days_txt:'Geçerli<br > günler',
|
||||
Min:'Dk',
|
||||
Members:'Üyeler',
|
||||
Me:'Ben',
|
||||
|
||||
},
|
||||
adminSet: {
|
||||
text1: `Yönetici`,
|
||||
|
||||
@@ -57,6 +57,19 @@ langZh = {
|
||||
weeklyRewardsText6: '重置時間：週一 0:00（GMT+8）',
|
||||
Invite_Agency:'邀请公会',
|
||||
Invite_Host:'邀请主播',
|
||||
Diamond_statistics:'鑽石收益統計',
|
||||
Diamond_income:'鑽石收益',
|
||||
Valid_days:'有效天數',
|
||||
Agency_income:'公会总钻石收入',
|
||||
My_data:'我的資料',
|
||||
Member_data:'會員資料',
|
||||
Date_txt:'日期',
|
||||
Diamond_income_txt:'鑽石<br >收益',
|
||||
Active_time:'活躍<br >時間',
|
||||
Valid_days_txt:'有效<br >天數',
|
||||
Min:'分',
|
||||
Members:'會員',
|
||||
Me:'我',
|
||||
},
|
||||
adminSet: {
|
||||
text1: `管理員設置`,
|
||||
|
||||
Reference in New Issue
Block a user