BD中心install

This commit is contained in:
chenruiye
2025-04-23 10:25:06 +08:00
parent 6b14186593
commit b27d82ffde
18 changed files with 1384 additions and 0 deletions

View File

@@ -0,0 +1,74 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"
/>
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>111</title>
<link rel="stylesheet" href="../../common/css/reset.css" />
<link rel="stylesheet" href="css/agencyList.css?v=1.1" />
<link rel="stylesheet" href="../../common/css/animate.css" />
</head>
<body>
<!-- 頂部返回 -->
<div class="back">
<img src="./images/travel/backB.png" alt="" />
<p class="page_title">Agency List</p>
</div>
<div class="time_flex">
<div class="time_change">
<span class="Inverted_Order name" type="1">Inverted Order</span>
<img src="./images/bottom_arrow.png" alt="" />
</div>
<div class="option_time">
<div class="option Inverted_Order" name="Inverted_Order" type = '1'>Inverted Order</div>
<div class="line"></div>
<div class="option Forward_Order" name="Forward_Order" type = '2'>Forward Order</div>
</div>
</div>
<div class="content_list">
<div class="content_box">
<div class="img">
<img src="./images/diamond.png" alt="">
</div>
<div class="info">
<div class="Agency_Name">Teeery</div>
<div class="txt">
<span class="Agency_ID">Agency ID:</span>
<span class="Agency_txt"></span>
</div>
<div class="txt"><span class="Agent_ID">Agent ID:</span>
<span class="Agent_txt"></span>
</div>
<div class="txt">
<span class="Create_Date">Create Date:</span>
<span class="Date_txt"></span>
</div>
<div class="txt">
<span class="Diamonds_Income">Diamonds Income:</span>
<span class="Income_txt"></span>
</div>
</div>
</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="../../common/js/svga.min.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="../../common/local/langHandler.js"></script>
<script src="../../common/js/svga.min.js"></script>
<script src="./js/agencyList.js?v=1.0"></script>

View File

@@ -0,0 +1,132 @@
.back {
width: 100%;
height: 0.5866666667rem;
line-height: 0.5866666667rem;
position: fixed;
left: 0;
top: 0;
padding-top: 0.8666666667rem;
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;
}
.time_flex {
width: 100%;
margin: 0 0.4266666667rem;
padding-top: 0.4rem;
padding-bottom: 0.4rem;
position: fixed;
top: 1.3333333333rem;
left: 0;
right: 0;
background: #FFFFFF;
}
.time_flex .time_change {
width: 4.16rem;
background: #F2F3F7;
border-radius: 0.2133333333rem;
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: 0.3733333333rem;
color: #313131;
text-align: left;
font-style: normal;
text-transform: none;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0.16rem;
}
.time_flex .time_change img {
width: 0.56rem;
height: 0.56rem;
}
.option_time {
width: 4.16rem;
background: #FFFFFF;
box-shadow: 0px 0px 0.2666666667rem 0px rgba(0, 0, 0, 0.3);
border-radius: 0.2133333333rem;
display: none;
position: absolute;
top: 1.4666666667rem;
}
.option_time .option {
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;
padding: 0.2666666667rem;
}
.option_time .line {
width: 100%;
height: 0.0133333333rem;
background: #E4E4E4;
}
.option_time .active {
color: #313131;
}
.content_list {
margin: 3.2rem 0.4266666667rem 0;
}
.content_list .content_box {
background: #F2F3F7;
border-radius: 0.2133333333rem;
display: flex;
align-items: center;
padding: 0.3466666667rem 0.3733333333rem;
margin-top: 0.4266666667rem;
}
.content_list .content_box .img img {
width: 2.1333333333rem;
height: 2.1333333333rem;
border-radius: 0.2133333333rem;
}
.content_list .content_box .info {
margin: 0 0.3733333333rem;
}
.content_list .content_box .info .Agency_Name {
font-family: PingFang SC, PingFang SC;
font-weight: 600;
font-size: 0.4266666667rem;
color: #333333;
line-height: 0.5866666667rem;
text-align: left;
font-style: normal;
text-transform: none;
}
.content_list .content_box .info .txt {
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: 0.32rem;
color: #7B7B7D;
line-height: 0.4533333333rem;
text-align: left;
font-style: normal;
text-transform: none;
margin-top: 0.0266666667rem;
}

View File

@@ -0,0 +1,149 @@
@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(65);
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;
}
}
.time_flex {
width: 100%;
// margin: px2rem(144) px2rem(32) 0;
margin:0 px2rem(32);
padding-top: px2rem(30);
padding-bottom: px2rem(30);
position: fixed;
top: px2rem(100);
left: 0;
right: 0;
background: #FFFFFF;
.time_change {
width: px2rem(312);
background: #F2F3F7;
border-radius: px2rem(16);
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: px2rem(28);
color: #313131;
text-align: left;
font-style: normal;
text-transform: none;
display: flex;
align-items: center;
justify-content: space-between;
padding: px2rem(12);
img {
width: px2rem(42);
height: px2rem(42);
}
}
}
.option_time {
width: px2rem(312);
background: #FFFFFF;
box-shadow: 0px 0px px2rem(20) 0px rgba(0, 0, 0, 0.3);
border-radius: px2rem(16);
display: none;
position: absolute;
top: px2rem(110);
.option {
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;
padding: px2rem(20);
}
.line {
width: 100%;
height: px2rem(1);
background: #E4E4E4;
}
.active {
color: #313131;
}
}
.content_list {
margin: px2rem(240) px2rem(32) 0;
.content_box {
background: #F2F3F7;
border-radius: px2rem(16);
display: flex;
align-items: center;
padding: px2rem(26) px2rem(28);
margin-top: px2rem(32);
.img {
img {
width: px2rem(160);
height: px2rem(160);
border-radius: px2rem(16);
}
}
.info {
margin:0 px2rem(28);
.Agency_Name {
font-family: PingFang SC, PingFang SC;
font-weight: 600;
font-size: px2rem(32);
color: #333333;
line-height: px2rem(44);
text-align: left;
font-style: normal;
text-transform: none;
}
.txt {
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: px2rem(24);
color: #7B7B7D;
line-height: px2rem(34);
text-align: left;
font-style: normal;
text-transform: none;
margin-top: px2rem(2);
}
}
}
}

View File

@@ -0,0 +1,270 @@
html,
body {
height: 100%;
}
.back {
width: 100%;
height: 0.5866666667rem;
line-height: 0.5866666667rem;
position: fixed;
left: 0;
top: 0;
padding-top: 0.8666666667rem;
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;
}
.number_guilds {
background: #F2F3F7;
border-radius: 0.32rem 0.32rem 0 0;
margin: 1.92rem 0.4266666667rem 0;
display: flex;
padding: 0.24rem;
gap: 0.24rem;
}
.number_guilds .wrap_box {
background: #FFFFFF;
border-radius: 0.2133333333rem;
padding: 0.24rem 0.32rem;
flex: 1;
}
.number_guilds .wrap_box .num {
font-family: PingFang SC, PingFang SC;
font-weight: 600;
font-size: 0.5333333333rem;
color: #FF8C03;
text-align: center;
font-style: normal;
text-transform: none;
line-height: 0.7466666667rem;
display: flex;
align-items: center;
justify-content: center;
}
.number_guilds .wrap_box .num img {
width: 0.64rem;
height: 0.64rem;
margin-left: 0.08rem;
}
.number_guilds .wrap_box .txt {
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: 0.3466666667rem;
color: #7B7B7D;
text-align: center;
font-style: normal;
text-transform: none;
margin-top: 0.1333333333rem;
line-height: 0.48rem;
}
.detail {
background: #E7E7E7;
border-radius: 0px 0px 0.32rem 0.32rem;
padding: 0.16rem 0.24rem;
margin: 0 0.4266666667rem;
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: 0.32rem;
color: #7B7B7D;
font-style: normal;
text-transform: none;
display: flex;
align-items: center;
}
.detail img {
width: 0.4533333333rem;
height: 0.4533333333rem;
}
.time_flex {
margin: 0.4266666667rem;
display: flex;
align-items: center;
gap: 0.1866666667rem;
}
.time_flex .time_change {
background: #F2F3F7;
border-radius: 0.2133333333rem;
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: 0.3733333333rem;
color: #313131;
text-align: left;
font-style: normal;
text-transform: none;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0.16rem;
flex: 1;
}
.time_flex .time_change img {
width: 0.56rem;
height: 0.56rem;
}
.time_flex .to {
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: 0.3733333333rem;
color: #7B7B7D;
text-align: center;
font-style: normal;
text-transform: none;
}
.Agency_List {
margin: 0.4266666667rem;
}
.Agency_List .title {
font-family: PingFang SC, PingFang SC;
font-weight: 500;
font-size: 0.4266666667rem;
color: #313131;
text-align: left;
font-style: normal;
text-transform: none;
}
.Agency_List .content_list {
margin-top: 0.4266666667rem;
}
.Agency_List .content_list .content_box {
background: #F2F3F7;
border-radius: 0.2133333333rem;
display: flex;
align-items: center;
padding: 0.3466666667rem 0.3733333333rem;
}
.Agency_List .content_list .content_box .img img {
width: 2.1333333333rem;
height: 2.1333333333rem;
border-radius: 0.2133333333rem;
}
.Agency_List .content_list .content_box .info {
margin: 0 0.3733333333rem;
}
.Agency_List .content_list .content_box .info .Agency_Name {
font-family: PingFang SC, PingFang SC;
font-weight: 600;
font-size: 0.4266666667rem;
color: #333333;
line-height: 0.5866666667rem;
text-align: left;
font-style: normal;
text-transform: none;
}
.Agency_List .content_list .content_box .info .txt {
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: 0.32rem;
color: #7B7B7D;
line-height: 0.4533333333rem;
text-align: left;
font-style: normal;
text-transform: none;
margin-top: 0.0266666667rem;
}
.Agency_List .content_list .content_box .info .txt .Income_txt img {
width: 0.3466666667rem;
height: 0.3466666667rem;
margin-left: 0.0533333333rem;
}
.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: 8.5333333333rem;
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: #24CF9E;
font-size: 0.4266666667rem;
font-weight: 500;
}
.timeBox .timeBox_in h5 {
color: #AFB1B3;
width: 100%;
height: 0.4533333333rem;
line-height: 0.4533333333rem;
font-size: 0.32rem;
font-weight: 400;
text-align: center;
position: absolute;
left: 0;
top: 1.0133333333rem;
}
.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;
}

View File

@@ -0,0 +1,306 @@
@charset "UTF-8";
@function px2rem($px) {
@return $px / 75+rem;
}
html,
body {
// width: 100%;
height: 100%;
}
.back {
width: 100%;
height: px2rem(44);
line-height: px2rem(44);
position: fixed;
left: 0;
top: 0;
padding-top: px2rem(65);
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;
}
}
.number_guilds {
// height: px2rem(268);
background: #F2F3F7;
border-radius: px2rem(24) px2rem(24) 0 0;
margin: px2rem(144) px2rem(32) 0;
display: flex;
padding: px2rem(18);
gap: px2rem(18);
.wrap_box {
background: #FFFFFF;
border-radius: px2rem(16);
padding: px2rem(18) px2rem(24);
flex: 1;
.num {
font-family: PingFang SC, PingFang SC;
font-weight: 600;
font-size: px2rem(40);
color: #FF8C03;
text-align: center;
font-style: normal;
text-transform: none;
line-height: px2rem(56);
display: flex;
align-items: center;
justify-content: center;
img {
width: px2rem(48);
height: px2rem(48);
margin-left: px2rem(6);
}
}
.txt {
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: px2rem(26);
color: #7B7B7D;
text-align: center;
font-style: normal;
text-transform: none;
margin-top: px2rem(10);
line-height: px2rem(36);
}
}
}
.detail {
background: #E7E7E7;
border-radius: 0px 0px px2rem(24) px2rem(24);
padding: px2rem(12) px2rem(18);
margin: 0 px2rem(32);
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: px2rem(24);
color: #7B7B7D;
font-style: normal;
text-transform: none;
display: flex;
align-items: center;
img {
width: px2rem(34);
height: px2rem(34);
}
}
.time_flex {
margin: px2rem(32);
display: flex;
align-items: center;
gap: px2rem(14);
.time_change {
background: #F2F3F7;
border-radius: px2rem(16);
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: px2rem(28);
color: #313131;
text-align: left;
font-style: normal;
text-transform: none;
display: flex;
align-items: center;
justify-content: space-between;
padding: px2rem(12);
flex: 1;
img {
width: px2rem(42);
height: px2rem(42);
}
}
.to {
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: px2rem(28);
color: #7B7B7D;
text-align: center;
font-style: normal;
text-transform: none;
}
}
.Agency_List {
margin: px2rem(32);
.title {
font-family: PingFang SC, PingFang SC;
font-weight: 500;
font-size: px2rem(32);
color: #313131;
text-align: left;
font-style: normal;
text-transform: none;
}
.content_list {
margin-top: px2rem(32);
.content_box {
background: #F2F3F7;
border-radius: px2rem(16);
display: flex;
align-items: center;
padding: px2rem(26) px2rem(28);
.img {
img {
width: px2rem(160);
height: px2rem(160);
border-radius: px2rem(16);
}
}
.info {
margin:0 px2rem(28);
.Agency_Name {
font-family: PingFang SC, PingFang SC;
font-weight: 600;
font-size: px2rem(32);
color: #333333;
line-height: px2rem(44);
text-align: left;
font-style: normal;
text-transform: none;
}
.txt {
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: px2rem(24);
color: #7B7B7D;
line-height: px2rem(34);
text-align: left;
font-style: normal;
text-transform: none;
margin-top: px2rem(2);
.Income_txt{
img{
width: px2rem(26);
height: px2rem(26);
margin-left: px2rem(4);
}
}
}
}
}
}
}
.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(640);
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: #24CF9E;
font-size: px2rem(32);
font-weight: 500;
}
h5 {
color: #AFB1B3;
width: 100%;
height: px2rem(34);
line-height: px2rem(34);
font-size: px2rem(24);
font-weight: 400;
text-align: center;
position: absolute;
left: 0;
top: px2rem(76);
}
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;
}
}
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 648 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 603 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@@ -0,0 +1,112 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"
/>
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>111</title>
<link rel="stylesheet" href="../../common/css/reset.css" />
<link rel="stylesheet" href="css/index.css?v=1.1" />
<link rel="stylesheet" href="../../common/css/animate.css" />
</head>
<body>
<!-- 頂部返回 -->
<div class="back">
<img src="./images/travel/backB.png" alt="" />
<p class="page_title">BD Center</p>
</div>
<div class="number_guilds">
<div class="wrap_box">
<div class="num">50</div>
<div class="txt Monthly_Number">Monthly New Agency Number</div>
</div>
<div class="wrap_box">
<div class="num">50</div>
<div class="txt Total_Agency">Total Agency</div>
</div>
</div>
<div class="detail">
<span class="Check_Detail">Check the Agency Detail</span>
<img src="./images/right_arrow.png" alt="">
</div>
<div class="time_flex">
<div class="time_change change_start">
<span>2024-11-24</span>
<img src="./images/bottom_arrow.png" alt="">
</div>
<div class="to">To</div>
<div class="time_change change_end">
<span>2024-11-24</span>
<img src="./images/bottom_arrow.png" alt="">
</div>
</div>
<div class="number_guilds" style="margin-top: 0;border-radius: 0.32rem;">
<div class="wrap_box">
<div class="num">50</div>
<div class="txt Agency_Number">Agency Number</div>
</div>
<div class="wrap_box" style="background: #DBF6FF;">
<div class="num">50 <img src="./images/diamond.png" alt=""> </div>
<div class="txt Agency_Income">Agency Number</div>
</div>
</div>
<div class="Agency_List">
<div class="title">Agency List</div>
<div class="content_list">
<div class="content_box">
<div class="img">
<img src="./images/diamond.png" alt="">
</div>
<div class="info">
<div class="Agency_Name">Teeery</div>
<div class="txt">
<span class="Agency_ID">Agency ID:</span>
<span class="Agency_txt"></span>
</div>
<div class="txt"><span class="Agent_ID">Agent ID:</span>
<span class="Agent_txt"></span>
</div>
<div class="txt">
<span class="Create_Date">Create Date:</span>
<span class="Date_txt"></span>
</div>
<div class="txt">
<span class="Diamonds_Income">Diamonds Income:</span>
<span class="Coins_Income" style="display: none;">Coins Income:</span>
<span class="Income_txt">1111 <img src="./images/diamond.png" alt=""> </span>
</div>
</div>
</div>
</div>
</div>
<!-- 时间选择器 -->
<div class="timeBox">
<div class="timeBox_in">
<div class="title title_date"></div>
<div class="but Confirm"></div>
<ul></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="../../common/js/svga.min.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="../../common/local/langHandler.js"></script>
<script src="../../common/js/svga.min.js"></script>
<script src="./js/index.js?v=1.0"></script>

View File

@@ -0,0 +1,104 @@
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'
})
}
// 初始化函數
$(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(() => {
if (browser.android) {
window.androidJsObj.closeWebView()
} else {
window.webkit.messageHandlers.closeWebView.postMessage(null)
}
})
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
langReplace = window.lang.replace;
localLang = window.lang;
translateFun();
// getData()
}, 100)
})
function translateFun() {
var langReplace = window.lang.replace;
var localLang = window.lang;
$('.page_title').html(langReplace(localLang.demoModule.Agency_List));
$('.Agency_Number').html(langReplace(localLang.demoModule.Agency_Number));
$('.Agency_Income').html(langReplace(localLang.demoModule.Agency_Income));
$('.Agency_List .title').html(langReplace(localLang.demoModule.Agency_List));
$('.Agency_ID').html(langReplace(localLang.demoModule.Agency_ID));
$('.Agent_ID').html(langReplace(localLang.demoModule.Agent_ID));
$('.Create_Date').html(langReplace(localLang.demoModule.Create_Date));
$('.Diamonds_Income').html(langReplace(localLang.demoModule.Diamonds_Income));
$('.Forward_Order').html(langReplace(localLang.demoModule.Forward_Order));
$('.Inverted_Order').html(langReplace(localLang.demoModule.Inverted_Order));
}
// 选择时间-弹窗
$('.time_flex .time_change').click(function () {
$('.option_time').toggle();
})
// 点击选择时间
$('.option_time .option').click(function () {
let name = $(this).attr('name');
$('.time_flex .time_change .name').text(`${langReplace(localLang.demoModule[name])}`);
$('.option_time').toggle();
})
function getData() {
showLoading();
networkRequest({
type: "GET",
url: urlPrefix + "/guild/income/rechargeUserRecord/page",
data: { pageNo, pageSize, uid: pubInfo.uid },
success: function (res) {
if (res.code == 200) {
let str = ''
res.data.originList.forEach((item, i) => {
str += ``
})
$('.content_list').append(str)
}
}
})
}

View File

@@ -0,0 +1,146 @@
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 startDate = dateFormat(new Date(), 'yyyy-MM-dd');
var endDate = dateFormat(new Date(), 'yyyy-MM-dd');
// 初始化函數
$(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(() => {
if (browser.android) {
window.androidJsObj.closeWebView()
} else {
window.webkit.messageHandlers.closeWebView.postMessage(null)
}
})
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
langReplace = window.lang.replace;
localLang = window.lang;
translateFun();
$('.time_flex .change_start span').text(startDate);
$('.time_flex .change_end span').text(endDate);
}, 100)
})
function translateFun() {
var langReplace = window.lang.replace;
var localLang = window.lang;
$('.page_title').html(langReplace(localLang.demoModule.page_title));
$('.Monthly_Number').html(langReplace(localLang.demoModule.Monthly_Number));
$('.Total_Agency').html(langReplace(localLang.demoModule.Total_Agency));
$('.Check_Detail').html(langReplace(localLang.demoModule.Check_Detail));
$('.Agency_Number').html(langReplace(localLang.demoModule.Agency_Number));
$('.Agency_Income').html(langReplace(localLang.demoModule.Agency_Income));
$('.Agency_List .title').html(langReplace(localLang.demoModule.Agency_List));
$('.Agency_ID').html(langReplace(localLang.demoModule.Agency_ID));
$('.Agent_ID').html(langReplace(localLang.demoModule.Agent_ID));
$('.Create_Date').html(langReplace(localLang.demoModule.Create_Date));
$('.Diamonds_Income').html(langReplace(localLang.demoModule.Diamonds_Income));
$('.title_date').html(langReplace(localLang.demoModule.title_date));
$('.Confirm').html(langReplace(localLang.demoModule.Confirm));
}
$('.detail').click(function () {
window.location.href = `./agencyList.html`
return
})
var timeType;
// 选择开始时间
$('.time_flex .change_start').click(function () {
timeType = 1;
bodyScroolFun(true);
$('.timeBox').show();
})
// 选择结束时间
$('.time_flex .change_end').click(function () {
timeType = 2;
bodyScroolFun(true);
$('.timeBox').show();
})
$('.timeBox').click(function () {
$('.timeBox').toggle();
})
function getLastEightWeeksTimestamps(newTime) {
const timestamps = [];
const now = newTime;
// 计算从今天往前 三个月 周的起点
const startDate = new Date(now.getTime() - 90 * 24 * 60 * 60 * 1000);
// 从起点开始,每天增加到当前日期
for (let i = 0; i <= 90; i++) {
const currentDay = new Date(startDate.getTime() + i * 24 * 60 * 60 * 1000);
timestamps.push(dateFormat(currentDay.getTime(), "yyyy-MM-dd"));
}
return timestamps.reverse();
}
var str = '';
getLastEightWeeksTimestamps(new Date()).forEach(res => {
str += `
<li>${res}</li>
`
})
$('.timeBox .timeBox_in ul').append(str);
// 选择时间
$('.timeBox .timeBox_in ul').on('click', 'li', function (event) {
event.stopPropagation();
var time = $(this).text();
$(this).addClass('act').siblings().removeClass('act');
if (timeType == 1) {
startDate = time;
} else {
endDate = time;
}
})
// 确认时间按钮
$('.timeBox .timeBox_in .but').click(function (event) {
event.stopPropagation();
if (timeType == 1) {
$('.time_flex .change_start span').text(startDate);
} else {
$('.time_flex .change_end span').text(endDate);
}
bodyScroolFun(false);
$('.timeBox').hide();
})

View File

@@ -0,0 +1,22 @@
// 阿拉伯
langAr = {
// 模块
demoModule: {
page_title:'مركز بي دي سنتر',
Monthly_Number:'رقم الوكالة الجديدة الشهرية',
Total_Agency:'إجمالي الوكالة',
Check_Detail:'تحقق من تفاصيل الوكالة',
Agency_Number:'رقم الوكالة',
Agency_Income:'إجمالي دخل الوكالة من الماس',
Agency_List:'قائمة الوكالة',
Agency_ID:'معرّف الوكالة:',
Agent_ID:'معرّف الوكالة:',
Create_Date:'تاريخ الإنشاء:',
Diamonds_Income:'دخل الماس:',
Forward_Order:'أمر مقلوب',
Inverted_Order:'أمر مقلوب',
Confirm:'تأكيد',
title_date: `اختيار التاريخ`,
Coins_Income:'دخل العملات المعدنية:',
}
}

View File

@@ -0,0 +1,23 @@
// 英文
langEn = {
// 模块
demoModule: {
page_title:'BD Center',
Monthly_Number:'Monthly New Agency Number',
Total_Agency:'Total Agency',
Check_Detail:'Check the Agency Detail',
Agency_Number:'Agency Number',
Agency_Income:'Agency Total Diamonds Income',
Agency_List:'Agency List',
Agency_ID:'Agency ID',
Agent_ID:'Agent ID',
Create_Date:'Create Date',
Diamonds_Income:'Diamonds Income',
Forward_Order:'Forward Order',
Inverted_Order:'Inverted Order',
title_date:'Date selection',
Confirm:'Confirm',
Coins_Income:'Coins Income',
}
}

View File

@@ -0,0 +1,23 @@
// 英文
langTr = {
// 模块
demoModule: {
page_title:'BD Merkezi',
Monthly_Number:'Aylık Yeni Acente Sayısı',
Total_Agency:'Toplam Ajans',
Check_Detail:'Ajans Detayını Kontrol Edin',
Agency_Number:'Ajans Numarası',
Agency_Income:'Ajans Toplam Elmas Geliri',
Agency_List:'Ajans Listesi',
Agency_ID:'Ajans Kimliği',
Agent_ID:'Temsilci Kimliği',
Create_Date:'Oluşturma Tarihi',
Diamonds_Income:'Elmas Gelirleri',
Forward_Order:'İleri Sipariş',
Inverted_Order:'Ters Düzen',
title_date:'Tarih Seçimi',
Confirm:'Onaylayın',
Coins_Income:'Sikke Gelirleri',
}
}

View File

@@ -0,0 +1,23 @@
// 中文
langZh = {
// 模塊
demoModule: {
page_title:'BD 中心',
Monthly_Number:'本月新增公會數',
Total_Agency:'公會總數',
Check_Detail:'查看公會',
Agency_Number:'公會數量',
Agency_Income:'公會總鑽石流水',
Agency_List:'公會列表',
Agency_ID:'公會ID',
Agent_ID:'公會長ID',
Create_Date:'創建日期:',
Diamonds_Income:'鑽石流水:',
Forward_Order:'成立時間正序',
Inverted_Order:'成立時間倒序',
title_date:'日期選擇',
Confirm:'確認',
Coins_Income:'金幣流水:',
}
}