Compare commits

...

96 Commits

Author SHA1 Message Date
dragon
a1ea33d64c 修复支付后弹窗依旧存在的问题 2024-07-18 15:16:40 +08:00
dragon
19726981ed 新增周卡 2024-07-18 15:16:40 +08:00
dragon
bee5968dbe 修改榜单英文翻译1.0 2024-07-16 11:43:18 +08:00
dragon
6cc2f32a27 修改榜单英文翻译 2024-07-16 11:39:21 +08:00
dragon
444dc0531d 压缩图片 2024-07-16 11:14:57 +08:00
dragon
2f81b27ea3 重构榜单 2024-07-16 11:11:35 +08:00
dragon
7fa188e04a 恢复联调代码,并且更新提现登入页 2024-07-12 18:01:55 +08:00
dragon
395897f119 强行展示输出-联调安卓 2024-07-12 17:25:08 +08:00
dragon
3cfae08f2d 测试按钮,联调安卓支付 2024-07-12 16:27:30 +08:00
dragon
b5862cb683 新增方法 2024-07-11 19:24:57 +08:00
dragon
244f3a6308 修改翻译 2024-07-11 18:06:10 +08:00
dragon
c1337fd1de 新增账单和修复点单bug 2024-07-11 17:34:16 +08:00
dragon
e2fdfd02c3 联调点单信息接口 2024-07-09 19:29:20 +08:00
dragon
5824f20a25 页面完成版 2024-07-09 11:20:15 +08:00
dragon
ae2f118147 暂存 2024-07-09 11:03:13 +08:00
dragon
78a5e1d87c 暂存 2024-07-09 11:03:12 +08:00
dragon
de2d8600b2 点单暂存 2024-07-09 11:03:12 +08:00
dragon
0d5f7abe96 换图 2024-07-09 11:03:12 +08:00
dragon
b9ebf7cbc1 陪玩师暂存 2024-07-09 11:03:12 +08:00
dragon
1ee6cfec1d 修复公会报错问题 2024-07-09 11:02:58 +08:00
dragon
788eec914f 流水时间新增可选当天逻辑 2024-07-09 10:24:24 +08:00
dragon
3fc9d7f68a 修复幸运享公告问题 2024-07-05 18:46:02 +08:00
dragon
cc983ad835 修复bug 2024-07-05 16:56:27 +08:00
dragon
4b63111355 修复全部bug-幸运哼 2024-07-05 16:56:26 +08:00
dragon
229b50364f 幸运哼-修bug暂存 2024-07-05 16:56:26 +08:00
dragon
273446473d 幸运哼暂存 2024-07-05 16:56:26 +08:00
dragon
f1b3ea8049 新增官网跳转逻辑 2024-07-04 13:05:56 +08:00
dragon
f7d52e09fd 修复选择地区无法滑动问题 2024-07-04 12:55:18 +08:00
dragon
1f341655d2 修改英语充值译文 2024-07-04 12:38:23 +08:00
dragon
8ddda4a99b 修改充值阿拉伯翻译错误 2024-07-04 12:38:23 +08:00
dragon
d56285a054 新增官网跳转充值多语言 2024-07-04 12:38:22 +08:00
dragon
d725c19a73 开放离开页面刷新充值页面功能 2024-07-04 12:38:22 +08:00
dragon
e4be094fc5 充值多语言暂存 2024-07-04 12:38:22 +08:00
dragon
4bbf91e941 充值暂存 2024-07-04 12:38:22 +08:00
dragon
3f31e78976 修复官网logo 2024-07-04 12:20:12 +08:00
dragon
dddf989389 新增相亲规则介绍 2024-07-04 10:48:46 +08:00
dragon
9e29ffb4a2 替换主题ui 2024-07-04 10:11:26 +08:00
dragon
77ed496ab8 修复公会-阿拉伯遗漏翻译 2024-07-03 10:21:11 +08:00
dragon
88b8c92bdb 开启邀请活动 2024-07-01 20:28:03 +08:00
dragon
20f913d51e 新增铭牌申请 2024-06-26 15:13:39 +08:00
dragon
5d8d4b4796 修复bug 2024-06-26 14:52:52 +08:00
dragon
ce26fa18a2 清除缓存 2024-06-26 14:42:21 +08:00
dragon
d553fa35a0 修改bug-爱的告白 2024-06-25 19:30:59 +08:00
dragon
734d2539d8 国际化铭牌申请 2024-06-25 11:00:07 +08:00
dragon
e1e9f97ae1 替换logo暂存 2024-06-24 16:11:55 +08:00
dragon
03dd7e47a6 修复榜单异常问题 2024-06-21 17:07:23 +08:00
dragon
87a93326b9 修复首页榜单样式 2024-06-21 16:34:46 +08:00
dragon
df4b647d2a 修改榜单单位 2024-06-21 16:13:53 +08:00
dragon
d7e7d04fc2 修改阿拉伯榜单 2024-06-20 17:11:58 +08:00
dragon
bcb54ec277 修复pk排行榜bug 2024-06-20 15:43:28 +08:00
dragon
986a9681cb 新增pk榜单 2024-06-18 10:46:46 +08:00
dragon
89e111b64f 修复阿拉伯充值bug 2024-06-17 09:56:00 +08:00
dragon
f9e0b60f87 修复充值阿拉伯bug 2024-06-17 09:56:00 +08:00
dragon
1f3c872153 新增阿拉伯充值活动 2024-06-17 09:55:59 +08:00
dragon
2c4c459d26 修复华语异常toast邀请活动 2024-06-15 01:34:42 +08:00
dragon
69a95330a6 修改邀请活动译文 2024-06-08 18:28:28 +08:00
dragon
8e5047b6d1 修改活动结束展示形式-邀请活动 2024-06-08 18:20:46 +08:00
dragon
0199291ed9 新增邀请活动活动结束提示语 2024-06-07 23:43:24 +08:00
dragon
08319ea5c5 修复游戏排行榜阿拉伯翻译 2024-06-07 17:19:21 +08:00
dragon
d476b6d4ac 修复游戏排行榜样式 2024-06-07 14:10:46 +08:00
dragon
1766b18307 优化账单 2024-06-07 11:11:40 +08:00
dragon
6d8f4561bd 游戏榜单传参修改 2024-06-07 09:51:54 +08:00
dragon
63b5055f3e 修复榜单排名异常 2024-06-07 09:51:54 +08:00
dragon
22b786539c 新增账单,优化阿拉伯公会,新增游戏排行榜 2024-06-07 09:51:54 +08:00
dragon
c34615193b 修复阿拉伯显示异常问题 2024-06-06 11:01:46 +08:00
dragon
2e32cddc87 修复时间选择器滑动异常问题 2024-06-05 18:33:46 +08:00
dragon
0ebbedcaa4 优化阿拉伯首页公会成员列表 2024-06-04 19:16:42 +08:00
dragon
7a1af74708 修改规则 2024-06-04 14:24:51 +08:00
dragon
00a377b59d 修改邀请好友奖励以及修复账单钻石账单异常 2024-06-04 11:56:17 +08:00
dragon
71af927e13 修改幸运礼物货币图标 2024-06-03 19:24:00 +08:00
dragon
3da905b683 适配苹果14公会 2024-06-03 13:12:29 +08:00
dragon
ea034c67af 调试公会顶部距离 2024-06-03 11:20:56 +08:00
dragon
ec8281f55c 清除缓存--铭牌 2024-06-03 10:45:56 +08:00
dragon
b04f17dee9 铭牌申请替换 2024-06-03 10:22:15 +08:00
dragon
405bb90f4b 替换贵族规则图 2024-05-31 17:35:18 +08:00
dragon
a2f91d0299 修改工会翻译 2024-05-31 16:00:22 +08:00
dragon
bf98ddeeba 修复部分公会样式问题 2024-05-31 15:48:38 +08:00
dragon
1ee9e303d0 多语言公会,修复账单类型 2024-05-31 15:27:21 +08:00
dragon
65a3c3467b 新增阿拉伯全服排行榜判断icon 2024-05-29 16:14:53 +08:00
dragon
1e2781a556 放开任务 2024-05-29 13:41:37 +08:00
dragon
88035c7d69 隐藏任务 2024-05-29 12:18:20 +08:00
dragon
bdbc6dc3b2 替换ui 2024-05-29 11:28:55 +08:00
dragon
39c2dbfca3 补ui展示 2024-05-28 21:44:12 +08:00
dragon
dfbc314b52 修复bug 2024-05-28 21:16:37 +08:00
dragon
f9acf867db 修复bug 2024-05-28 21:16:37 +08:00
dragon
9ee240c85f 新增儿童节活动 2024-05-28 21:16:36 +08:00
dragon
3588ddde48 修改阿拉伯公会自己信息字段 2024-05-27 15:53:50 +08:00
dragon
a7bf8c2ee5 修改邀请成员页面文件命名 2024-05-24 18:34:37 +08:00
dragon
154c451396 修复邀请成员页面打不开,新增账单类型 2024-05-24 18:22:52 +08:00
dragon
22ba0d9bd4 修复ui和bug 2024-05-24 17:31:01 +08:00
dragon
bebd0aca0c 修复bug 2024-05-22 16:39:32 +08:00
dragon
bc9e9877c9 修复接口报错问题 2024-05-22 16:25:06 +08:00
dragon
e958341e23 新增阿拉伯公会 2024-05-21 18:32:09 +08:00
dragon
edb98ff8d8 替换排行榜ui 2024-05-21 18:31:59 +08:00
dragon
f286f718fc 替换通用多语言ui 2024-05-21 17:48:06 +08:00
dragon
4b2864aa39 去除充值页面line联系方式 2024-05-17 16:47:53 +08:00
546 changed files with 31098 additions and 815 deletions

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 774 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 115 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 95 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 129 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 617 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 501 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 64 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 69 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 59 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 78 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 107 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 572 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 850 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1014 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 89 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@@ -0,0 +1,212 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>重返童年</title>
<link rel="stylesheet" href="../../common/css/reset.css">
<link rel="stylesheet" href="./css/swiper-bundle.min.css">
<link rel="stylesheet" href="./css/index.css">
</head>
<body>
<!-- 頂部返回 -->
<div class="back">
<img src="./images/travel/back.png" alt="">
</div>
<!-- header -->
<div class="header">
<img src="./images/rule_icon.png" alt="" class="rule_icon">
</div>
<!-- 限定禮物 -->
<div class="giftBox">
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="./images/gift4.png" alt="">
</div>
<div class="swiper-slide">
<img src="./images/gift1.png" alt="">
</div>
<div class="swiper-slide">
<img src="./images/gift2.png" alt="">
</div>
<div class="swiper-slide">
<img src="./images/gift3.png" alt="">
</div>
</div>
</div>
</div>
<!-- 遊戲地圖 -->
<div class="game">
<!-- 放大鏡數量 -->
<div class="magnifyingGlass">放大鏡數量:<b>0</b></div>
<!-- 遊戲記錄 -->
<div class="records">遊園記錄</div>
<!-- 榜單 -->
<img src="./images/list_icon.png" alt="" class="list_icon">
<!-- 任務 -->
<img src="./images/toast_icon.png" alt="" class="toast_icon">
<!-- 遊園按鈕 -->
<img src="./images/but_icon.png" alt="" class="but">
<!-- icon -->
<img src="./images/icon1.png" alt="" class="icon icon1">
<img src="./images/icon2.png" alt="" class="icon icon2">
<img src="./images/icon3.png" alt="" class="icon icon3">
<img src="./images/icon4.png" alt="" class="icon icon4">
<img src="./images/icon5.png" alt="" class="icon icon5">
<img src="./images/icon6.png" alt="" class="icon icon6">
<!-- 點擊圖標站位按鈕 -->
<div class="buts buts1"></div>
<div class="buts buts2"></div>
<div class="buts buts3"></div>
<div class="buts buts4"></div>
<div class="buts buts5"></div>
<div class="buts buts6"></div>
<!-- 贏結果頁 -->
<div class="result">
<img src="./images/logo.png" alt="" class="tx_left">
<img src="./images/logo.png" alt="" class="tx_right">
<div class="name_left">虛位以待</div>
<div class="name_right">虛位以待</div>
<div class="id_right">ID:0</div>
<img src="./images/resultText1.png" alt="" class="resultText">
<div class="text1">請收下妳的戰利品</div>
<div class="giftName">禮物昵稱</div>
<div class="giftBoxs">
<img src="./images/logo.png" alt="" class="giftImg">
</div>
<img src="./images/view.png" alt="" class="view">
<img src="./images/playAgain.png" alt="" class="playAgain">
</div>
<!-- 輸結果頁 -->
<div class="result2">
<img src="./images/logo.png" alt="" class="tx_left">
<div class="name_left">虛位以待</div>
<img src="./images/resultText2.png" alt="" class="resultText">
<div class="text1">請收下妳的戰利品</div>
<div class="giftName">禮物昵稱</div>
<div class="giftBoxs">
<img src="./images/logo.png" alt="" class="giftImg">
</div>
<img src="./images/view3.png" alt="" class="view">
<img src="./images/playAgain.png" alt="" class="playAgain">
</div>
</div>
<!-- 榜單彈窗 -->
<div class="list_pub">
<div class="list_pub_in">
<div class="tab">
<div class="act">搜捕榜</div>
<div>童趣榜</div>
<div>童年榜</div>
</div>
<!-- 前三 -->
<div class="top1">
<img src="./images/no1.png" alt="" class="ts">
<img src="./images/logo.png" alt="" class="tx">
<div class="name">虛位以待</div>
<div class="score">童趣值:0</div>
</div>
<div class="top2">
<img src="./images/no2.png" alt="" class="ts">
<img src="./images/logo.png" alt="" class="tx">
<div class="name">虛位以待</div>
<div class="score">童趣值:0</div>
</div>
<div class="top3">
<img src="./images/no3.png" alt="" class="ts">
<img src="./images/logo.png" alt="" class="tx">
<div class="name">虛位以待</div>
<div class="score">童趣值:0</div>
</div>
<!-- 非前三 -->
<ul>
<li>
<div class="num">4</div>
<img src="./images/logo.png" alt="" class="tx">
<div class="name">虛位以待</div>
<div class="score">童趣值:0</div>
</li>
</ul>
</div>
</div>
<!-- 任務彈窗 -->
<div class="toast_pub">
<div class="toast_pub_in">
<img src="./images/close.png" alt="" class="close">
<div class="toasts toasts1">
<p>登錄活動頁</p>
<span>獎勵:放大鏡*1</span>
<div class="but">未完成</div>
</div>
<div class="toasts toasts2">
<p>關註一位新的好友(0/3)</p>
<span>獎勵:放大鏡*1</span>
<div class="but">未完成</div>
</div>
<div class="toasts toasts3">
<p>房間停留10mins~(0/3)</p>
<span>獎勵:放大鏡*1</span>
<div class="but">未完成</div>
</div>
<div class="toasts toasts4">
<p>送出or收到1000金幣的61限定禮物</p>
<span>獎勵:放大鏡*1</span>
<i>今日已獲得:0</i>
<div class="but">未完成</div>
</div>
<div class="toasts toasts5">
<p>參與Greedy纍計獲得1000金幣</p>
<span>獎勵:放大鏡*1</span>
<i>今日已獲得:0</i>
<div class="but">未完成</div>
</div>
</div>
</div>
<!-- 遊戲記錄彈窗 -->
<div class="records_pub">
<div class="records_pub_in">
<div class="title">
<div>獲獎時間</div>
<div>獎品</div>
</div>
<ul>
<li>
<div>
<p>2024/01/22</p>
<b>23:59:59</b>
</div>
<div>
<p>禮物名稱</p>
<i>XX天</i>
</div>
</li>
</ul>
</div>
</div>
<!-- 規則 -->
<div class="rule">
<div class="rule_in">
<div class="tab">
<div class="act">活動規則</div>
<div>活動獎勵</div>
</div>
<div class="imgBox">
<img src="./images/rule1.png" alt="" class="img1">
<img src="./images/rule2.png" alt="" class="img2">
</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="./js/swiper-bundle.min.js"></script>
<script src="./js/index.js"></script>

View File

@@ -0,0 +1,474 @@
let urlPrefix = getUrlPrefix()
let browser = checkVersion()
let env = EnvCheck();
if (env == 'test') {
new VConsole();
}
var langReplace;
var localLang;
// 封裝layer消息提醒框
let layerIndex
const showLoading = (content = '加載中') => {
layer.open({
type: 2,
shadeClose: false,
content,
success(e) {
layerIndex = $(e).attr('index')
}
})
}
const hideLoading = (index) => {
layer.close(index)
}
const toastMsg = (content = '操作完成', time = 2) => {
layer.open({
content,
time,
skin: 'msg'
})
}
var page = 1;
var isLock = true;
var magnifyingGlass = 0;
var listType = 1;
var gameType = true;
// 初始化函數
$(function () {
getInfoFromClient();
setTimeout(function () {
// 頁面全屏
if (browser.app) {
if (browser.android) {
window.androidJsObj.initShowNav(false)
} else {
window.webkit.messageHandlers.initShowNav.postMessage(0)
}
};
// 頂部返回事件
$('.back').click(() => {
if (browser.android) {
window.androidJsObj.closeWebView()
} else {
window.webkit.messageHandlers.closeWebView.postMessage(null)
}
})
swiperFun();
getInfo();
}, 100)
})
// 禮物輪播
function swiperFun() {
var mySwiper = new Swiper('.swiper', {
direction: "vertical",
loop: true,
autoplay: {
delay: 3000,//
disableOnInteraction: false
}
})
}
// 活動信息接口
function getInfo() {
showLoading()
networkRequest({
type: 'get',
url: urlPrefix + '/activity/info',
data: { activityCode: 'ACT_2024_CHILDREN_DAY' },
success(res) {
if (res.code === 200) {
showLoading()
networkRequest({
type: 'get',
url: urlPrefix + '/activity/currency',
data: { redisKey: 'act_user_task_extra_data' },
success(res) {
if (res.code === 200) {
magnifyingGlass = res.data
$('.game .magnifyingGlass b').text(magnifyingGlass);
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤')
}
})
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤')
}
})
}
// 打開榜單
$('.game .list_icon').click(function () {
listFun(listType)
$('.list_pub').show();
bodyScroolFun(true);
})
// 榜單切換
$('.list_pub .list_pub_in .tab div').click(function () {
var i = $(this).index() + 1;
listType = i;
$(this).addClass('act').siblings().removeClass('act');
listFun(listType)
return false;
})
// 活動信息接口
function listFun(type) {
var str = '';
$('.list_pub .list_pub_in ul li').remove();
showLoading()
if (type == 1) {
networkRequest({
type: 'get',
url: urlPrefix + '/allrank/geth5',
data: {
uid: pubInfo.uid,
type: 5,
datetype: 3,
pageNum: 1,
pageSize: 999999999,
},
success(res) {
if (res.code === 200) {
var listTo3 = res.data.rankVoList.slice(0, 3);
var notListTo3 = res.data.rankVoList.slice(3);
if (listTo3.length < 3) {
let arr = new Array(3 - listTo3.length).fill({
avatar: './images/logo.png',
nick: '虛位以待',
totalNum: "0"
})
listTo3.push(...arr)
}
// 處理前三
listTo3.forEach((res, i) => {
if (res.score > 10000) {
res.score = ((Math.floor(res.totalNum / 1000)) / 10).toFixed(1) + 'W'
}
$(`.list_pub .list_pub_in .top${i + 1} .tx`).attr("src", res.avatar);
$(`.list_pub .list_pub_in .top${i + 1} .name`).text(res.nick);
$(`.list_pub .list_pub_in .top${i + 1} .score`).text('搜捕值:' + res.totalNum);
});
notListTo3.forEach((res, i) => {
if (res.score > 10000) {
res.score = ((Math.floor(res.score / 1000)) / 10).toFixed(1) + 'W'
}
str += `
<li>
<div class="num">${i + 4}</div>
<img src="${res.avatar}" alt="" class="tx">
<div class="name">${res.nick}</div>
<div class="score">搜捕值:${res.totalNum}</div>
</li>
`
})
$('.list_pub .list_pub_in ul').append(str);
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤')
}
})
} else {
networkRequest({
type: 'get',
url: urlPrefix + '/act/special/gift/getRank',
data: {
pageSize: 999999999,
rankType: type == 2 ? 4 : 2,
},
success(res) {
if (res.code === 200) {
var listTo3 = res.data.rankList.slice(0, 3);
var notListTo3 = res.data.rankList.slice(3);
if (listTo3.length < 3) {
let arr = new Array(3 - listTo3.length).fill({
avatar: './images/logo.png',
nick: '虛位以待',
score: "0"
})
listTo3.push(...arr)
}
// 處理前三
listTo3.forEach((res, i) => {
if (res.score > 10000) {
res.score = ((Math.floor(res.score / 1000)) / 10).toFixed(1) + 'W'
}
$(`.list_pub .list_pub_in .top${i + 1} .tx`).attr("src", res.avatar);
$(`.list_pub .list_pub_in .top${i + 1} .name`).text(res.nick);
$(`.list_pub .list_pub_in .top${i + 1} .score`).text(`${type == 2 ? '童趣值:' : "童年值:"}`+res.score);
});
notListTo3.forEach((res,i) => {
if (res.score > 10000) {
res.score = ((Math.floor(res.score / 1000)) / 10).toFixed(1) + 'W'
}
str += `
<li>
<div class="num">${i + 4}</div>
<img src="${res.avatar}" alt="" class="tx">
<div class="name">${res.nick}</div>
<div class="score">${type == 2 ? '童趣值:' : "童年值:" }${res.score}</div>
</li>
`
})
$('.list_pub .list_pub_in ul').append(str);
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤')
}
})
}
}
// 關閉榜單
$('.list_pub').click(function () {
$('.list_pub').hide();
bodyScroolFun(false);
})
// 打開任務
$('.game .toast_icon').click(function () {
getTask();
})
// 活動信息接口
function getTask() {
showLoading()
networkRequest({
type: 'get',
url: urlPrefix + '/act/children/task',
success(res) {
if (res.code === 200) {
res.data.isLoginTask ? $('.toast_pub .toast_pub_in .toasts1 .but').addClass('act') : $('.toast_pub .toast_pub_in .toasts1 .but').removeClass('act');
res.data.isLoginTask ? $('.toast_pub .toast_pub_in .toasts1 .but').text('已完成') : $('.toast_pub .toast_pub_in .toasts1 .but').text('未完成');
$('.toast_pub .toast_pub_in .toasts2 p').text(`關註一位新的好友(${res.data.userFollowCount}/3)`);
res.data.isUserFollowTask ? $('.toast_pub .toast_pub_in .toasts2 .but').addClass('act') : $('.toast_pub .toast_pub_in .toasts2 .but').removeClass('act');
res.data.isUserFollowTask ? $('.toast_pub .toast_pub_in .toasts2 .but').text('已完成') : $('.toast_pub .toast_pub_in .toasts2 .but').text('未完成');
$('.toast_pub .toast_pub_in .toasts3 p').text(`房間停留10mins~(${res.data.keepTimeCount}/3)`);
res.data.isKeepTimeTask ? $('.toast_pub .toast_pub_in .toasts3 .but').addClass('act') : $('.toast_pub .toast_pub_in .toasts3 .but').removeClass('act');
res.data.isKeepTimeTask ? $('.toast_pub .toast_pub_in .toasts3 .but').text('已完成') : $('.toast_pub .toast_pub_in .toasts3 .but').text('未完成');
$('.toast_pub .toast_pub_in .toasts4 i').text(`今日已獲得:${res.data.limitGiftCount}`);
res.data.isLimitGiftFor61Task ? $('.toast_pub .toast_pub_in .toasts4 .but').addClass('act') : $('.toast_pub .toast_pub_in .toasts4 .but').removeClass('act');
res.data.isLimitGiftFor61Task ? $('.toast_pub .toast_pub_in .toasts4 .but').text('已完成') : $('.toast_pub .toast_pub_in .toasts4 .but').text('未完成');
$('.toast_pub .toast_pub_in .toasts5 i').text(`今日已獲得:${res.data.joinGreedyFor1000Count}`);
res.data.isJoinGreedyFor1000Task ? $('.toast_pub .toast_pub_in .toasts5 .but').addClass('act') : $('.toast_pub .toast_pub_in .toasts5 .but').removeClass('act');
res.data.isJoinGreedyFor1000Task ? $('.toast_pub .toast_pub_in .toasts5 .but').text('已完成') : $('.toast_pub .toast_pub_in .toasts5 .but').text('未完成');
$('.toast_pub').show();
bodyScroolFun(true);
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤')
}
})
}
// 關閉任務
$('.toast_pub .toast_pub_in .close').click(function () {
$('.toast_pub').hide();
bodyScroolFun(false);
})
// 關閉結果彈窗
$('.game .result .view').click(function () {
$('.result,.result2').hide();
var roomUid = $(this).attr('uid');
if (gameType) {
// 跳转房间
if (browser.ios) {
window.webkit.messageHandlers.openRoom.postMessage(roomUid);
} else if (browser.android) {
if (androidJsObj && typeof androidJsObj === 'object') {
window.androidJsObj.openRoom(roomUid);
}
}
}
// 打开主页
if (browser.ios) {
window.webkit.messageHandlers.openPersonPage.postMessage(roomUid);
setTimeout(function () { lock = true; }, 200)
} else if (browser.android) {
if (androidJsObj && typeof androidJsObj === 'object') {
window.androidJsObj.openPersonPage(roomUid);
}
}
})
$('.game .result2 .view').click(function () {
$('.result,.result2').hide();
})
$('.game .result,.game .result2').click(function () {
$('.result,.result2').hide();
})
// 關閉記錄彈窗
$('.records_pub').click(function () {
$('.records_pub').hide();
bodyScroolFun(false);
})
// 切換規則按鈕
$('.rule .rule_in .tab div').click(function () {
var i = $(this).index() + 1;
$(this).addClass('act').siblings().removeClass('act')
$('.rule .rule_in .imgBox img').hide();
$(`.rule .rule_in .imgBox .img${i}`).show();
return false;
})
// 打開規則
$('.header .rule_icon').click(function () {
$('.rule').show();
bodyScroolFun(true);
})
// 關閉規則
$('.rule').click(function () {
$('.rule').hide();
bodyScroolFun(false);
})
// 記錄接口
function record(page) {
showLoading()
networkRequest({
type: 'get',
url: urlPrefix + '/activity/task/user/record/page',
data: { activityCode: 'ACT_2024_CHILDREN_DAY', componentCode: 'TONG_QU_LE_YUAN', pageNum: page, pageSize: 10 },
success(res) {
if (res.code === 200) {
var str = '';
if (res.data.records.length == 0 && page == 1) {
str += `<li class="null"><div>暫無</div><div>暫無</div></li>`
isLock = false;
} else {
res.data.records.forEach(res => {
str += `
<li>
<div>
<p>${dateFormat(res.createTime, 'yyyy/MM/dd')}</p>
<b>${dateFormat(res.createTime, 'hh/mm/ss')}</b>
</div>
<div>
<p>${res.rewardName}</p>
<i>${res.rewardNum}${rewardTypeFun(res.rewardType).unit}</i>
</div>
</li>`
})
if (res.data.records.length == 0) {
isLock = false;
} else {
isLock = true;
}
}
$('.records_pub .records_pub_in ul').append(str);
$('.records_pub').show();
bodyScroolFun(true);
} else {
isLock = true;
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
isLock = true;
hideLoading(layerIndex)
toastMsg('網絡錯誤')
}
})
}
// 兌換記錄滾動
$('.records_pub .records_pub_in ul').scroll(function () {
let scrollTop = $(this).scrollTop()
let scrollHeight = $('.records_pub .records_pub_in ul')[0].scrollHeight
let ulHeight = $(this).innerHeight()
if (scrollTop + ulHeight + 100 >= scrollHeight) {
if (isLock) {
// 請求下一頁
page = page + 1;
record(page)
isLock = false;
}
}
})
// 打開記錄
$('.game .records').click(function () {
$('.records_pub .records_pub_in ul li').remove();
page = 1;
record(page);
})
// 關閉記錄
$('.records_pub').click(function () {
$('.records_pub').hide();
bodyScroolFun(false);
})
// 逮捕按鈕
$('.game .buts,.game .but,.game .result .playAgain,.game .result2 .playAgain').click(function () {
$('.game .result2,.game .result1').hide();
draw();
})
// 活動信息接口
function draw() {
showLoading()
networkRequest({
type: 'get',
url: urlPrefix + '/act/children/draw',
success(res) {
if (res.code === 200) {
if (res.data.isWin) {
// 中獎
$('.game .result .tx_left').attr('src', res.data.avatar);
$('.game .result .tx_right').attr('src', res.data.anchorAvatar);
$('.game .result .tx_right').attr('uid', res.data.anchorRoomUid);
$('.game .result .view').attr('uid', res.data.anchorRoomUid);
gameType = res.data.isOnline;
gameType ? $('.game .result .view').attr('src', './images/view2.png') : $('.game .result .view').attr('src', './images/view.png');
$('.game .result .name_left').text('我');
$('.game .result .name_Right').text(res.data.anchorNick);
$('.game .result .id_right').text("ID:" + res.data.anchorErBanNo);
$('.game .result .giftBoxs img').attr("src", res.data.rewardIcon);
$('.game .result .giftName').text(res.data.rewardName);
$('.game .result').show();
} else {
// 非中獎
$('.game .result2 .tx_left').attr('src', res.data.avatar);
$('.game .result2 .name_left').text('我');
$('.game .result2 .giftBoxs img').attr("src", res.data.rewardIcon);
$('.game .result2 .giftName').text(res.data.rewardName);
$('.game .result2').show();
}
getInfo();
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤')
}
})
}
// 跳轉主播房間
$('.game .result .tx_right').click(function () {
var roomUid = $(this).attr('uid');
if (browser.ios) {
window.webkit.messageHandlers.openRoom.postMessage(roomUid);
} else if (browser.android) {
if (androidJsObj && typeof androidJsObj === 'object') {
window.androidJsObj.openRoom(roomUid);
}
}
})

File diff suppressed because one or more lines are too long

View File

@@ -160,4 +160,4 @@
<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="./js/index.js"></script>
<script src="./js/index.js?v=1.2"></script>

View File

@@ -1029,3 +1029,16 @@ body {
.arabic .bg .rule .rule2 .table1_3_div {
font-size: 0.13333rem;
}
.toatstsEnd {
padding: 0.26667rem 0.4rem;
text-align: center;
color: #fff;
font-size: 0.32rem;
position: fixed;
z-index: 99999;
background: rgba(0, 0, 0, 0.8);
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}

View File

@@ -1054,4 +1054,16 @@ body {
.bg .rule .rule2 .table1_3_div{
font-size: px2rem(10);
}
}
.toatstsEnd{
padding: px2rem(20) px2rem(30);
text-align: center;
color: #fff;
font-size: px2rem(24);
position: fixed;
z-index: 99999;
background: rgba(0,0,0,.8);
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 688 KiB

After

Width:  |  Height:  |  Size: 610 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 697 KiB

After

Width:  |  Height:  |  Size: 666 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.9 MiB

After

Width:  |  Height:  |  Size: 673 KiB

View File

@@ -8,7 +8,7 @@
<title id="title"></title>
<!-- 邀請得金幣 -->
<link rel="stylesheet" href="../../common/css/reset.css">
<link rel="stylesheet" href="./css/index.css?v=1.0">
<link rel="stylesheet" href="./css/index.css?v=1.1">
</head>
<body id="body" style="display: none;">
@@ -212,6 +212,7 @@
<li>2.本活動最終解釋權歸官方所有並與Apple inc/Google公司無關</li> -->
</ul>
</div>
<div class="toatstsEnd"></div>
</body>
</script>
@@ -223,8 +224,8 @@
<script src="../../common/js/vconsole.min.js"></script>
<script src="../../common/js/route-constant.js"></script>
<script src="../../common/js/jquery.copy.min.js"></script>
<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.0"></script>
<script src="./local/en.js?v=1.1"></script>
<script src="./local/zh.js?v=1.1"></script>
<script src="./local/ar.js?v=1.2"></script>
<script src="./js/index.js?v=1.4"></script>
<script src="../../common/local/langHandler.js"></script>

View File

@@ -58,6 +58,7 @@ $(function () {
langReplace = window.lang.replace;
localLang = window.lang;
text = langReplace(localLang.demoModule.text35)
translateFun();
// getConfig();
getMySelf();
@@ -65,6 +66,12 @@ $(function () {
setTimeout(function () {
$('#body').show();
}, 300)
$('.toatstsEnd').hide();
if (getQueryString().lang == "en" || getQueryString().lang == "ar") {
$('.toatstsEnd').text(langReplace(localLang.demoModule.endTimes))
}else{
$('.toatstsEnd').hide();
}
}, 300)
})
function translateFun() {
@@ -459,12 +466,12 @@ $('.otherRule').click(function () {
bodyScroolFun(false);
})
// 打开收益弹窗
$('.header .rule_rule').click(function(){
$('.header .rule_rule').click(function () {
$('.bg .ul_pub').show();
bodyScroolFun(true);
})
// 关闭收益弹窗
$('.bg .ul_pub .incomeBox .close').click(function(){
$('.bg .ul_pub .incomeBox .close').click(function () {
$('.bg .ul_pub').hide();
bodyScroolFun(false);
})

View File

@@ -2,12 +2,13 @@
langAr = {
// 模块
demoModule: {
endTimes:'انتهاء الفعالية',
img1: `./images/header_h3-ar.png`,
img2: `./images/rule_rule-ar.png`,
img3: `./images/rule1_in-ar.png`,
img4: `./images/rule_2in-ar.png`,
title: `دعوة لكسب النقود`,
text1: ` احصل على <b>1000</b> <img src="./images/gold.png" alt=""> نقطة لكل دعوة`,
text1: ` احصل على <b>500</b> <img src="./images/gold.png" alt=""> نقطة لكل دعوة`,
text2: `رمز الدعوة`,
text3: `مشاركة مع الأصدقاء`,
text4: `نسخ رمز الدعوة`,
@@ -22,7 +23,7 @@ langAr = {
text12: `نوع الأرباح`,
text13: `المستخدم المدعو`,
text14: `قواعد النشاط`,
text15: `دعوة ناجحة لصديق للتسجيل، يحصل كل منهما على 1000 نقطة، لا يوجد حد!`,
text15: `دعوة ناجحة لصديق للتسجيل، يحصل كل منهما على 500 نقطة، لا يوجد حد!`,
text16: `المدعو: أنت`,
text17: `المستخدم المباشر`,
text18: `دعوة الأصدقاء للشحن والحصول على cashback، حتى 7% لمدة 30 يومًا!`,
@@ -51,10 +52,10 @@ langAr = {
<li>2. يحتفظ الإدارة بالحق النهائي في هذا النشاط، ولا يمتلك أي علاقة بشركة أبل/جوجل؛</li>`,
text31: `مشاركة رمز QR >`,
text32: `الأصدقاء يمسحون رمز الاستجابة السريعة`,
text33: `احصل على <b>1000</b>`,
text33: `احصل على <b>500</b>`,
text34: `حفظ محليًا`,
text35: `مباشرة`,
text36: `مسح لتنزيل molistar وملء رمز دعوتي للحصول على 1000 نقطة!`,
text36: `مسح لتنزيل molistar وملء رمز دعوتي للحصول على 500 نقطة!`,
text37: `موليستار، لقاء مع الصوت النابض بالقلب`,
text38: `دردشة، لعب الألعاب، تكوين الصداقات، في أي وقت وفي أي مكان على موليستار`,
text39: `مباشرة`,
@@ -123,7 +124,7 @@ langAr = {
text1: `اكتشف الصدف الغير متوقعة على Molistar.`,
text2: `تحدث، والعب ألعاب، واكسب الأصدقاء في أي وقت وفي أي مكان على Molistar.`,
xz_id: `حمّل Molistar الآن!`,
text4: `حمّل وسجّل في Molistar باستخدام كود الدعوة الخاص بي للحصول على 1000 عملة ذهبية على الفور!`,
text4: `حمّل وسجّل في Molistar باستخدام كود الدعوة الخاص بي للحصول على 500 عملة ذهبية على الفور!`,
text5: `جار التحميل...`,
text6: `تم العملية بنجاح`,
text7: `تم نسخ الرمز بنجاح`,

View File

@@ -2,12 +2,13 @@
langEn = {
// 模块
demoModule: {
endTimes:'The event has ended',
img1: `./images/header_h3-en.png`,
img2: `./images/rule_rule-en.png`,
img3: `./images/rule1_in-en.png`,
img4: `./images/rule_2in-en.png`,
title: `Invite to Earn Coins`,
text1: `Get <b>1000</b> <img src="./images/gold.png" alt=""> for each invitation `,
text1: `Get <b>500</b> <img src="./images/gold.png" alt=""> for each invitation `,
text2: `My Code`,
text3: `Share with Friends`,
text4: `Copy Invitation Code`,
@@ -22,7 +23,7 @@ langEn = {
text12: `Earnings Type`,
text13: `Invited User`,
text14: `Activity Rules`,
text15: `Successfully invite a friend to register, both parties get 1000 coins each, unlimited!`,
text15: `Successfully invite a friend to register, both parties get 500 coins each, unlimited!`,
text16: `Inviter: You`,
text17: `Direct Invitee`,
text18: `Invite friends to top up and get cashback, up to 7% for 30 days!`,
@@ -51,10 +52,10 @@ langEn = {
<li>2. The final interpretation right of this activity belongs to the official, and has nothing to do with Apple Inc./Google Inc.;</li>`,
text31: `Share QR >`,
text32: `Friends Scan QR Code to Download and Register`,
text33: `Get <b>1000</b><img src="./images/gold.png" alt="" class="diamond">`,
text33: `Get <b>500</b><img src="./images/gold.png" alt="" class="diamond">`,
text34: `Save Locally`,
text35: `Direct`,
text36: `Scan to download molistar and fill in My Code to get 1000 coins!`,
text36: `Scan to download molistar and fill in My Code to get 500 coins!`,
text37: `Molistar, Encounter with the Heartbeat Sound`,
text38: `Chat, Play Games, Make Friends, Anytime Anywhere on Molistar`,
text39: `Direct`,
@@ -122,7 +123,7 @@ langEn = {
text1: `Discover unexpected connections on Molistar.`,
text2: `Chat, play games, and make friends anytime, anywhere on Molistar.`,
xz_id: `Download Molistar now!`,
text4: `Download and register on Molistar with my invite code to get 1000 gold coins instantly!`,
text4: `Download and register on Molistar with my invite code to get 500 gold coins instantly!`,
text5: `Loading...`,
text6: `Operation complete`,
text7: `Copy successful`,

View File

@@ -2,12 +2,13 @@
langZh = {
// 模塊
demoModule: {
endTimes:'活動已結束',
img1: `./images/header_h3.png`,
img2: `./images/rule_rule.png`,
img3: `./images/rule1_in.png`,
img4: `./images/rule_2in.png`,
title: `邀請得金幣`,
text1: `每邀請一人得 <b>1000</b>金幣 <img src="./images/gold.png" alt="">`,
text1: `每邀請一人得 <b>500</b>金幣 <img src="./images/gold.png" alt="">`,
text2: `我的邀請碼`,
text3: `分享邀請好友`,
text4: `複製邀請碼`,
@@ -22,7 +23,7 @@ langZh = {
text12: `收益類型`,
text13: `邀請對象`,
text14: `活動規則`,
text15: `成功邀請一位好友註冊,雙方各得1000金幣無上限`,
text15: `成功邀請一位好友註冊,雙方各得500金幣無上限`,
text16: `邀請人:妳`,
text17: `直接邀請對象`,
text18: `邀請好友儲值返現纍計高達7%持續30天`,
@@ -51,10 +52,10 @@ langZh = {
<li>2.本活動最終解釋權歸官方所有並與Apple inc/Google公司無關</li>`,
text31: `分享二維碼 >`,
text32: `好友掃碼下載註冊`,
text33: `得<b>1000</b><img src="./images/gold.png" alt="" class="diamond">`,
text33: `得<b>500</b><img src="./images/gold.png" alt="" class="diamond">`,
text34: `保存本地`,
text35: `直接`,
text36: `掃碼下載molistar並填寫我的邀請碼\n立得 1000 金幣!`,
text36: `掃碼下載molistar並填寫我的邀請碼\n立得 500 金幣!`,
text37: `molistar與心動聲音不期而遇`,
text38: `聊天玩遊戲交朋友隨時隨地在molistar`,
text39: `直接`,
@@ -125,7 +126,7 @@ langZh = {
text1: `molistar與心動聲音不期而遇`,
text2: `聊天玩遊戲交朋友隨時隨地在molistar`,
xz_id: `立即下载molistar`,
text4: `下載註冊molistar並填寫我的邀請碼立得1000金幣`,
text4: `下載註冊molistar並填寫我的邀請碼立得500金幣`,
text5: `加載中...`,
text6: `操作完成`,
text7: `复制成功`,

View File

@@ -12,8 +12,8 @@
.max {
width: 10rem;
height: 30.84rem;
background: url("../images/max.png") no-repeat;
height: 34.02667rem;
background: url("../images/max.png?v=1.0") no-repeat;
background-size: 100% 100%;
font-family: 'pingfang-bold';
}
@@ -21,10 +21,10 @@
.max .record {
position: absolute;
position: absolute;
top: 5.9rem;
top: 6.61333rem;
right: 0;
width: 1.5rem;
height: 1.4rem;
width: 1.64rem;
height: 0.57333rem;
}
.max .record img {
@@ -34,23 +34,23 @@
.max .btn {
position: absolute;
top: 15.8rem;
left: 1.68rem;
width: 2.53333rem;
height: 1.01333rem;
top: 16.1rem;
left: 1.61rem;
width: 2.94667rem;
height: 1.46667rem;
}
.max .btn.basics-receive {
left: 5.6rem;
left: 5rem;
}
.max .btn.advance-send {
top: 22.34667rem;
top: 23.34667rem;
}
.max .btn.advance-receive {
top: 22.34667rem;
left: 5.6rem;
top: 23.34667rem;
left: 5rem;
}
.max .btn img {
@@ -257,8 +257,8 @@
.max .shade-mask-new .shade-content .apply-btn,
.max .shade-mask-new .shade-content-delay .apply-btn,
.max .shade-mask-new .shade-content-new .apply-btn {
width: 4.90667rem;
height: 1.2rem;
width: 6.37333rem;
height: 0.82667rem;
background: url("../images/apply-new.png") no-repeat 0 0/100% 100%;
margin: 0.64rem auto 0;
}
@@ -367,9 +367,9 @@
}
.max .shade-mask-delay .shade-content-delay .apply-btn {
width: 4.90667rem;
height: 1.2rem;
background: url("../images/confirm.png") no-repeat 0 0/100% 100%;
width: 6.37333rem;
height: 0.82667rem;
background: url("../images/apply-new.png") no-repeat 0 0/100% 100%;
margin: 0.85333rem auto 0;
}
@@ -484,9 +484,9 @@
}
.max .shade-mask-new .shade-content-new .apply-btn {
width: 4.90667rem;
height: 1.2rem;
background: url("../images/confirm.png") no-repeat 0 0/100% 100%;
width: 6.37333rem;
height: 0.82667rem;
background: url("../images/apply-new.png") no-repeat 0 0/100% 100%;
margin: 0.61333rem auto 0;
}
@@ -510,3 +510,7 @@
::-webkit-scrollbar {
display: none;
}
.english .max {
height: 35.76rem;
}

View File

@@ -21,18 +21,18 @@
// @import '../../../common/css/flex.scss';
.max {
width: px2rem(750);
height: px2rem(2313);
background: url('../images/max.png') no-repeat;
height: px2rem(2552);
background: url('../images/max.png?v=1.0') no-repeat;
background-size: 100% 100%;
font-family: 'pingfang-bold';
.record {
position: absolute;
position: absolute;
top: 5.9rem;
top: px2rem(496);
right: 0;
width: 1.5rem;
height: 1.4rem;
width: px2rem(123);
height: px2rem(43);
img {
width: 100%;
@@ -42,22 +42,22 @@
.btn {
position: absolute;
top: 15.8rem;
left: px2rem(126);
width: px2rem(190);
height: px2rem(76);
top: 16.1rem;
left: 1.61rem;
width: px2rem(221);
height: px2rem(110);
&.basics-receive {
left: 5.6rem;
left: 5rem;
}
&.advance-send {
top: 22.34667rem;
top: 23.34667rem;
}
&.advance-receive {
top: 22.34667rem;
left: 5.6rem;
top: 23.34667rem;
left: 5rem;
}
img {
@@ -181,8 +181,8 @@
}
.apply-btn {
width: px2rem(368);
height: px2rem(90);
width: px2rem(478);
height: px2rem(62);
background: url('../images/apply-new.png') no-repeat 0 0/100% 100%;
margin: px2rem(48) auto 0;
}
@@ -277,9 +277,9 @@
}
.apply-btn {
width: px2rem(368);
height: px2rem(90);
background: url('../images/confirm.png') no-repeat 0 0/100% 100%;
width: px2rem(478);
height: px2rem(62);
background: url('../images/apply-new.png') no-repeat 0 0/100% 100%;
margin: px2rem(64) auto 0;
}
}
@@ -397,9 +397,9 @@
}
.apply-btn {
width: px2rem(368);
height: px2rem(90);
background: url('../images/confirm.png') no-repeat 0 0/100% 100%;
width: px2rem(478);
height: px2rem(62);
background: url('../images/apply-new.png') no-repeat 0 0/100% 100%;
margin: px2rem(46) auto 0;
}
}
@@ -425,4 +425,10 @@
::-webkit-scrollbar {
display: none;
}
.english{
.max{
height: px2rem(2682);
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 7.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 380 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 406 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 MiB

After

Width:  |  Height:  |  Size: 412 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 34 KiB

After

Width:  |  Height:  |  Size: 23 KiB

View File

@@ -17,10 +17,11 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport"
content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no, viewport-fit=cover" />
<title>精美铭牌送不停</title>
<title class="title_t"></title>
<!-- 私人訂製 -->
<link rel="stylesheet" href="../../common/css/reset.css">
<link rel="stylesheet" href="./css/index.css?v=10">
<link rel="stylesheet" href="./css/index.css?v=12">
<script src="../../common/js/flexible.js"></script>
</head>
@@ -28,7 +29,7 @@
<body>
<div class="max">
<div class="record">
<!-- <img src="./images/record.png" alt=""> -->
<img src="./images/record.png" alt="">
</div>
<div class="btn basics-send"><img src="./images/disabled-btn.png" alt=""></div>
@@ -62,7 +63,7 @@
<div class="shade-content-delay">
<!-- <div class="top">延期期限</div> -->
<div class="nameplate-style">
<span>铭牌样式:</span>
<span class="text1">铭牌样式:</span>
<div>
<p>
<img alt="">
@@ -71,10 +72,10 @@
</div>
</div>
<div class="delay-time">
<span>申请时长:</span>
<span class="text2">申请时长:</span>
<div>
<img src="./images/decrease.png" alt="" class="decrease">
<p><span></span></p>
<p><span></span><b class="text3"></b></p>
<img src="./images/increase.png" alt="" class="increase">
</div>
</div>
@@ -88,20 +89,20 @@
<div class="shade-content-new">
<!-- <div class="top">申请新铭牌</div> -->
<div class="nameplate-style">
<span>铭牌样式:</span>
<span class="text1"></span>
<ul class="apply-new-ul">
</ul>
</div>
<div class="new-nameplate-desc-wrap">
<span>铭牌文字:</span>
<input type="text" class="new-nameplate-desc" placeholder="请输入4个字" maxlength="4">
<span class="text4"></span>
<input class="text5" type="text" class="new-nameplate-desc" placeholder="" maxlength="">
</div>
<div class="delay-time">
<span>申请时长:</span>
<span class="text2"></span>
<div>
<img src="./images/decrease.png" alt="" class="decrease">
<p><span></span></p>
<p><span></span><b class="text3"></b></p>
<img src="./images/increase.png" alt="" class="increase">
</div>
</div>
@@ -114,7 +115,11 @@
<script src="../../common/js/common2.js"></script>
<script src="../../common/js/layer.js"></script>
<script src="../../common/js/vconsole.min.js"></script>
<script src="./js/public.js?v=10"></script>
<script src="./local/en.js?v=1.0"></script>
<script src="./local/zh.js?v=1.0"></script>
<script src="./local/ar.js?v=1.0"></script>
<script src="./js/public.js?v=11"></script>
<script src="../../common/local/langHandler.js"></script>
</body>
</html>

View File

@@ -4,31 +4,210 @@ var browser = checkVersion();
var info = {};
if (EnvCheck() === 'test') new VConsole
// 封裝layer消息提醒框
let layerIndex
const showLoading = (content = '加載中...') => {
layer.open({
type: 2,
shadeClose: false,
content,
success(e) {
layerIndex = $(e).attr('index')
}
})
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)
layer.close(index)
}
const toastMsg = (content = '操作完成', time = 2) => {
layer.open({
content,
time,
skin: 'msg'
})
const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
layer.open({
content,
time,
skin: 'msg'
})
}
let delayLock = false, newApplyLock = false
let btnStatus = []
var partitionId = null;
$(function () {
getInfoFromClient()
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
setTimeout(() => {
langReplace = window.lang.replace;
localLang = window.lang;
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
translateFun();
getUserNameplateInfo()
userGet()
}, 50)
function translateFun() {
var langReplace = window.lang.replace;
var localLang = window.lang;
$('.max').attr('style', langReplace(localLang.demoModule.max))
$('.max .shade-mask-new .shade-content-new').attr('style', langReplace(localLang.demoModule.img4))
$('.max .shade-mask .shade-content, .max .shade-mask-delay .shade-content-delay').attr('style', langReplace(localLang.demoModule.img44))
$('.apply-btn').attr('style', langReplace(localLang.demoModule.img5))
$('.max .btn img').attr('src', langReplace(localLang.demoModule.img2))
$('.max .record img').attr('src', langReplace(localLang.demoModule.img6))
$('.title_t').html(langReplace(localLang.demoModule.title_t));
$('.text1').html(langReplace(localLang.demoModule.text1));
$('.text2').html(langReplace(localLang.demoModule.text2));
$('.text3').html(langReplace(localLang.demoModule.text3));
$('.text4').html(langReplace(localLang.demoModule.text4));
$('.text5').attr('placeholder', langReplace(localLang.demoModule.text5));
}
if (browser.app) {
_hmt.push(['_trackEvent', 'client', 'click', "act_nameplate"]);
}
// 點擊申請記錄按鈕
$('.record').on('click', function () {
window.location.href = './record.html'
})
// 關閉彈窗
$('.shade-mask .close').on('click', () => {
$('.shade-mask').hide()
$('body').css('overflow', 'auto')
})
$('.shade-mask-delay .close').on('click', () => {
$('.shade-mask-delay').hide()
$('body').css('overflow', 'auto')
})
$('.shade-mask-new .close').on('click', () => {
$('.shade-mask-new').hide()
$('body').css('overflow', 'auto')
newNameplateId = ''
$(this).find('input').val('')
})
let maxApplyDay, nameplateId, type, text
// 監聽 延長期限 按鈕點擊事件
$('.select-ul').on('click', '.delay-btn', function () {
let li = $(this).parent();
let src = li.find('.nameplate img').attr('src');
let desc = li.find('.nameplate span').html();
maxApplyDay = li.data('applyDay');
nameplateId = li.data('nameplateId');
type = li.data('type');
text = li.data('text');
$('.shade-mask-delay .nameplate-style img').attr('src', src);
$('.shade-mask-delay .nameplate-style p span').html(desc);
$('.shade-mask-delay .delay-time p span').html(maxApplyDay);
$('.shade-mask-delay').show().siblings('.shade-mask, .shade-mask-new').hide()
})
// 延期彈窗 點擊減按鈕
$('.shade-mask-delay').on('click', '.decrease', function () {
let applyDay = parseInt($(this).parent().find('span').html());
if (applyDay > 7) {
applyDay -= 7;
} else {
toastMsg(langReplace(localLang.demoModule.text6))
}
$('.shade-mask-delay .delay-time p span').html(applyDay);
})
//延期彈窗 點擊加按鈕
$('.shade-mask-delay').on('click', '.increase', function () {
let applyDay = parseInt($(this).parent().find('span').html());
if (applyDay >= maxApplyDay) {
toastMsg(langReplace(localLang.demoModule.text7))
} else {
applyDay += 7;
}
$('.shade-mask-delay .delay-time p span').html(applyDay);
})
// 監聽申請延期確定按鈕點擊事件
$('.shade-mask-delay').on('click', '.apply-btn', function () {
// applyType 1申請新銘牌2延長
if (!delayLock) {
delayLock = true
let params = {
type,
nameplateId,
applyDay: parseInt($(this).parent().find('.delay-time div p span').html()),
applyType: 2,
text
};
delayNamaplateConfirm(params)
}
})
/************************* ******************************/
// 監聽 申請新銘牌 按鈕點擊事件
$('.shade-mask').on('click', '.apply-btn', function () {
let type = $(this).parent().find('.select-ul li').eq(0).data('type');
getNewNameplateList(type)
})
// 申請新銘牌彈窗 點擊減按鈕
$('.shade-mask-new').on('click', '.decrease', function () {
let applyDay = parseInt($(this).parent().find('span').html());
if (applyDay > 7) {
applyDay -= 7;
} else {
toastMsg(langReplace(localLang.demoModule.text6))
}
$('.shade-mask-new .delay-time p span').html(applyDay);
})
// 申請新銘牌彈窗 點擊加按鈕
$('.shade-mask-new').on('click', '.increase', function () {
let applyDay = parseInt($(this).parent().find('span').html());
let maxApplyDay = parseInt($(this).parent().parent().parent().find('.apply-new-ul li').eq(0).data('applyDay'));
if (applyDay >= maxApplyDay) {
toastMsg(langReplace(localLang.demoModule.text7))
} else {
applyDay += 7;
}
$('.shade-mask-new .delay-time p span').html(applyDay);
})
// 申請新銘牌彈窗 點擊銘牌列錶事件
$('.shade-mask-new').on('click', 'li', function () {
$(this).addClass('active').siblings('li').removeClass('active');
newNameplateId = $(this).data('nameplateId');
})
// 申請新銘牌彈窗 確定申請 按鈕點擊事件
$('.shade-mask-new').on('click', '.apply-btn', function () {
let content = $(this).parent();
// let ipt = content.find('input.new-nameplate-desc').val()
let ipt = $('.text5').val();
if (!newNameplateId) {
toastMsg(langReplace(localLang.demoModule.text8));
return
}
if (!ipt) {
toastMsg(langReplace(localLang.demoModule.text9));
return
}
// else {
// if (ipt.length !== 4) {
// toastMsg(langReplace(localLang.demoModule.text10));
// return
// }
// }
// applyType 1申請新銘牌2延長
if (!newApplyLock) {
newApplyLock = true
let params = {
applyType: 1,
nameplateId: newNameplateId,
text: ipt,
type: parseInt(content.find('ul.apply-new-ul li').eq(0).data('type')),
applyDay: parseInt(content.find('.delay-time div p span').html())
}
applyNewNamaplateConfirm(params)
}
})
});
// 獲取用戶銘牌狀態
const getUserNameplateInfo = () => {
showLoading()
@@ -38,42 +217,70 @@ const getUserNameplateInfo = () => {
data: {
uid: pubInfo.uid
},
success(res){
success(res) {
hideLoading(layerIndex);
if(res.code === 200){
if (res.code === 200) {
btnStatus = res.data
renderBtnStatus()
}else{
} else {
toastMsg(res.message)
}
},
error(){
error() {
hideLoading(layerIndex);
toastMsg('網絡錯誤')
toastMsg(langReplace(localLang.demoModule.layerIndex3))
}
})
}
const userGet = () => {
showLoading()
networkRequest({
type: 'GET',
url: urlPrefix + '/user/get',
data: {
uid: pubInfo.uid
},
success(res) {
hideLoading(layerIndex);
if (res.code === 200) {
partitionId = res.data.partitionId
if (partitionId == 1 || partitionId == 2) {
$('.text5').attr('maxlength', 13);
} else {
$('.text5').attr('maxlength', 4);
}
renderBtnStatus()
} else {
toastMsg(res.message)
}
},
error() {
hideLoading(layerIndex);
toastMsg(langReplace(localLang.demoModule.layerIndex3))
}
})
}
// 渲染首頁按鈕狀態
const renderBtnStatus = () => {
btnStatus.map( (item,index) => {
if(index > 1){
// 進階款式
$('.btn').eq(index).find('img').attr('src', `${item > 0 ? './images/apply-btn-basics.png' : './images/disabled-btn.png'}`)
if(item > 0){
$('.btn').eq(index).on('click', () => {
getUserNameplateList(index+1)
})
}
}else{
// 基礎款式
$('.btn').eq(index).find('img').attr('src', `${item > 0 ? './images/apply-btn-basics.png' : './images/disabled-btn.png'}`)
if(item > 0){
$('.btn').eq(index).on('click', () => {
getUserNameplateList(index+1)
})
}
btnStatus.map((item, index) => {
if (index > 1) {
// 進階款式
$('.btn').eq(index).find('img').attr('src', `${item > 0 ? langReplace(localLang.demoModule.img3) : langReplace(localLang.demoModule.img2)}`)
if (item > 0) {
$('.btn').eq(index).on('click', () => {
getUserNameplateList(index + 1)
})
}
} else {
// 基礎款式
$('.btn').eq(index).find('img').attr('src', `${item > 0 ? langReplace(localLang.demoModule.img3) : langReplace(localLang.demoModule.img2)}`)
if (item > 0) {
$('.btn').eq(index).on('click', () => {
getUserNameplateList(index + 1)
})
}
}
})
}
@@ -88,22 +295,22 @@ const getUserNameplateList = (type) => {
uid: pubInfo.uid,
type
},
success(res){
success(res) {
hideLoading(layerIndex)
if(res.code === 200){
if(!res.data.length){
if (res.code === 200) {
if (!res.data.length) {
getNewNameplateList(type)
}else{
} else {
userNameplateList = res.data
renderNameplateList()
}
}else{
} else {
toastMsg(res.message)
}
},
error(){
error() {
hideLoading(layerIndex);
toastMsg('網絡錯誤')
toastMsg(langReplace(localLang.demoModule.layerIndex3))
}
})
}
@@ -111,16 +318,16 @@ const getUserNameplateList = (type) => {
// 渲染銘牌列錶(選擇彈窗)
const renderNameplateList = () => {
let str = ''
userNameplateList.map( item => {
userNameplateList.map(item => {
str += `
<li data-apply-day=${item.applyDay} data-nameplate-id=${item.nameplateId} data-type=${item.type} data-text=${item.fixedWord}>
<p>剩余${item.expireDays}</p>
<p>${langReplace(localLang.demoModule.text13)}${item.expireDays}${langReplace(localLang.demoModule.text3)}</p>
<div class="nameplate">
<img src="${item.nameplateImage}" alt="">
<span>${item.word}</span>
</div>
<div class="delay-btn">
<img src="./images/delay-btn.png" alt="">
<img src="${langReplace(localLang.demoModule.img7)}" alt="">
</div>
</li>
`
@@ -143,22 +350,22 @@ const getNewNameplateList = (type) => {
uid: pubInfo.uid,
type
},
success(res){
success(res) {
hideLoading(layerIndex)
if(res.code === 200){
if(!res.data.length){
toastMsg('暫時沒有銘牌可申請')
if (res.code === 200) {
if (!res.data.length) {
toastMsg(langReplace(localLang.demoModule.text11))
return
}
newNameplateList = res.data
renderNewNameplateList()
}else{
} else {
toastMsg(res.message)
}
},
error(){
error() {
hideLoading(layerIndex);
toastMsg('網絡錯誤')
toastMsg(langReplace(localLang.demoModule.layerIndex3))
}
})
}
@@ -167,7 +374,7 @@ let newNameplateId //只有一個可選時,默認選中
// 渲染申請新銘牌彈窗
const renderNewNameplateList = () => {
let str = '';
newNameplateList.map( item => {
newNameplateList.map(item => {
str += `
<li data-apply-day=${item.applyDay} data-nameplate-id=${item.id} data-type=${item.type}>
<div>
@@ -177,7 +384,7 @@ const renderNewNameplateList = () => {
`
})
$('.apply-new-ul').html(str)
if(newNameplateList.length === 1){
if (newNameplateList.length === 1) {
let onlyLi = $('.apply-new-ul').find('li').eq(0);
newNameplateId = onlyLi.data('nameplateId');
onlyLi.addClass('active')
@@ -201,23 +408,23 @@ const delayNamaplateConfirm = (params) => {
applyType: params.applyType,
text: params.text
},
success(res){
success(res) {
hideLoading(layerIndex)
if(res.code === 200){
toastMsg('申請成功')
if (res.code === 200) {
toastMsg(langReplace(localLang.demoModule.text12))
$('.shade-mask-delay').hide()
$('body').css('overflow', 'auto')
delayLock = false
setTimeout(()=>{
setTimeout(() => {
location.reload()
}, 500)
}else{
} else {
toastMsg(res.message)
}
},
error(){
error() {
hideLoading(layerIndex);
toastMsg('網絡錯誤')
toastMsg(langReplace(localLang.demoModule.layerIndex3))
}
})
}
@@ -236,180 +443,26 @@ const applyNewNamaplateConfirm = (params) => {
applyType: params.applyType,
text: params.text
},
success(res){
success(res) {
hideLoading(layerIndex)
if(res.code === 200){
toastMsg('申請成功')
if (res.code === 200) {
toastMsg(langReplace(localLang.demoModule.text12))
$('.shade-mask-new').hide()
$('body').css('overflow', 'auto')
newApplyLock = false
setTimeout(()=>{
newApplyLock = false
setTimeout(() => {
location.reload()
}, 500)
}else{
newApplyLock = false
} else {
newApplyLock = false
toastMsg(res.message)
}
},
error(){
error() {
hideLoading(layerIndex);
toastMsg('網絡錯誤,請退出重進')
toastMsg(langReplace(localLang.demoModule.layerIndex3))
}
})
}
$(function () {
getInfoFromClient()
setTimeout( () => {
getUserNameplateInfo()
}, 50)
if (browser.app) {
_hmt.push(['_trackEvent', 'client', 'click', "act_nameplate"]);
}
// 點擊申請記錄按鈕
$('.record').on('click', function(){
window.location.href = './record.html'
})
// 關閉彈窗
$('.shade-mask .close').on('click', () => {
$('.shade-mask').hide()
$('body').css('overflow', 'auto')
})
$('.shade-mask-delay .close').on('click', () => {
$('.shade-mask-delay').hide()
$('body').css('overflow', 'auto')
})
$('.shade-mask-new .close').on('click', () => {
$('.shade-mask-new').hide()
$('body').css('overflow', 'auto')
newNameplateId = ''
$(this).find('input').val('')
})
let maxApplyDay, nameplateId, type, text
// 監聽 延長期限 按鈕點擊事件
$('.select-ul').on('click', '.delay-btn', function() {
let li = $(this).parent();
let src = li.find('.nameplate img').attr('src');
let desc = li.find('.nameplate span').html();
maxApplyDay = li.data('applyDay');
nameplateId = li.data('nameplateId');
type = li.data('type');
text = li.data('text');
$('.shade-mask-delay .nameplate-style img').attr('src', src);
$('.shade-mask-delay .nameplate-style p span').html(desc);
$('.shade-mask-delay .delay-time p span').html(maxApplyDay);
$('.shade-mask-delay').show().siblings('.shade-mask, .shade-mask-new').hide()
})
// 延期彈窗 點擊減按鈕
$('.shade-mask-delay').on('click', '.decrease', function(){
let applyDay = parseInt( $(this).parent().find('span').html() );
if(applyDay > 7){
applyDay -= 7;
}else{
toastMsg('銘牌至少申請7天')
}
$('.shade-mask-delay .delay-time p span').html(applyDay);
})
//延期彈窗 點擊加按鈕
$('.shade-mask-delay').on('click', '.increase', function(){
let applyDay = parseInt( $(this).parent().find('span').html() );
if(applyDay >= maxApplyDay){
toastMsg('已達最大申請時長')
}else{
applyDay += 7;
}
$('.shade-mask-delay .delay-time p span').html(applyDay);
})
// 監聽申請延期確定按鈕點擊事件
$('.shade-mask-delay').on('click', '.apply-btn', function(){
// applyType 1申請新銘牌2延長
if(!delayLock){
delayLock = true
let params = {
type,
nameplateId,
applyDay: parseInt( $(this).parent().find('.delay-time div p span').html() ),
applyType: 2,
text
};
delayNamaplateConfirm(params)
}
})
/************************* ******************************/
// 監聽 申請新銘牌 按鈕點擊事件
$('.shade-mask').on('click', '.apply-btn', function(){
let type = $(this).parent().find('.select-ul li').eq(0).data('type');
getNewNameplateList(type)
})
// 申請新銘牌彈窗 點擊減按鈕
$('.shade-mask-new').on('click', '.decrease', function(){
let applyDay = parseInt( $(this).parent().find('span').html() );
if(applyDay > 7){
applyDay -= 7;
}else{
toastMsg('銘牌至少申請7天')
}
$('.shade-mask-new .delay-time p span').html(applyDay);
})
// 申請新銘牌彈窗 點擊加按鈕
$('.shade-mask-new').on('click', '.increase', function(){
let applyDay = parseInt( $(this).parent().find('span').html() );
let maxApplyDay = parseInt( $(this).parent().parent().parent().find('.apply-new-ul li').eq(0).data('applyDay') );
if(applyDay >= maxApplyDay){
toastMsg('已達最大申請時長')
}else{
applyDay += 7;
}
$('.shade-mask-new .delay-time p span').html(applyDay);
})
// 申請新銘牌彈窗 點擊銘牌列錶事件
$('.shade-mask-new').on('click', 'li', function(){
$(this).addClass('active').siblings('li').removeClass('active');
newNameplateId = $(this).data('nameplateId');
})
// 申請新銘牌彈窗 確定申請 按鈕點擊事件
$('.shade-mask-new').on('click', '.apply-btn', function(){
let content = $(this).parent();
let ipt = content.find('input.new-nameplate-desc').val()
if(!newNameplateId){
toastMsg('請選擇樣式');
return
}
if(!ipt){
toastMsg('請添加銘牌文字');
return
}else{
if(ipt.length !== 4){
toastMsg('請添加4個字的銘牌文字');
return
}
}
// applyType 1申請新銘牌2延長
if(!newApplyLock){
newApplyLock = true
let params = {
applyType: 1,
nameplateId: newNameplateId,
text: ipt,
type: parseInt( content.find('ul.apply-new-ul li').eq(0).data('type') ),
applyDay: parseInt( content.find('.delay-time div p span').html() )
}
applyNewNamaplateConfirm(params)
}
})
});

View File

@@ -1,9 +1,11 @@
let urlPrefix = getUrlPrefix();
if (EnvCheck() === 'test') new VConsole
// 封layer消息提醒框
let layerIndex
const showLoading = (content = '加載中...') => {
// 封layer消息提醒框
let layerIndex;
var langReplace;
var localLang;
const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
layer.open({
type: 2,
shadeClose: false,
@@ -16,7 +18,7 @@ const showLoading = (content = '加載中...') => {
const hideLoading = (index) => {
layer.close(index)
}
const toastMsg = (content = '操作完成', time = 2) => {
const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
layer.open({
content,
time,
@@ -40,53 +42,52 @@ const getUserApplyRecord = () => {
pageNumber,
pageSize
},
success(res){
success(res) {
hideLoading(layerIndex)
if(res.code === 200){
if(!res.data.length){
if (res.code === 200) {
if (!res.data.length) {
$('.max').hide()
}else{
} else {
$('.no-record-wrap').hide()
}
if(res.data.length === pageSize){
if (res.data.length === pageSize) {
// 能够继续请求下一页
canNext = true
}else{
} else {
canNext = false
}
recordList.push(...res.data)
renderRecord()
isLock = true
}else{
toastMsg(res.message)
} else {
toastMsg(res.message)
}
},
error(){
},
error() {
hideLoading(layerIndex);
toastMsg('網絡錯誤')
}
toastMsg(langReplace(localLang.demoModule.layerIndex3))
}
})
}
// 渲染申请记录
const renderRecord = () => {
let str = '';
recordList.map( item => {
recordList.map(item => {
str += `
<li>
<div class="nameplate-style"><img src="${item.iconPic}" alt=""></div>
<div class="nameplate-desc-wrap">
<span class="nameplate-desc">${item.text}</span>
<p>
<span>${item.applyType === 1 ? '申请' : '延长'}${item.applyDay}</span>
<span>${item.applyType === 1 ? langReplace(localLang.demoModule.text16) : langReplace(localLang.demoModule.text17)}${item.applyDay}${langReplace(localLang.demoModule.text3)}</span>
<span>${dateFormat(item.createTime, "yyyy-MM-dd")}</span>
</p>
</div>
<div class="isPass">
<p class='${item.auditType === 1 ? 'not-pass' : ''}'>${item.auditType === 0 ? '申请中' : (item.auditType === 1 ? '不通过' : '已通过')}</p>
${
item.remark ? (item.remark.length > 8 ? `<p class="result">${item.remark.slice(0, 8) + '...'}</p>` : `<p class="result">${item.remark}</p>`) : ''
}
<p class='${item.auditType === 1 ? 'not-pass' : ''}'>${item.auditType === 0 ? langReplace(localLang.demoModule.text18) : (item.auditType === 1 ? langReplace(localLang.demoModule.text19) : langReplace(localLang.demoModule.text20))}</p>
${item.remark ? (item.remark.length > 8 ? `<p class="result">${item.remark.slice(0, 8) + '...'}</p>` : `<p class="result">${item.remark}</p>`) : ''
}
</div>
</li>
@@ -95,21 +96,32 @@ const renderRecord = () => {
$('.max').html(str)
}
$(function(){
$(function () {
getInfoFromClient()
setTimeout( () => {
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
setTimeout(() => {
langReplace = window.lang.replace;
localLang = window.lang;
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
translateFun();
getUserApplyRecord()
}, 50)
function translateFun() {
var langReplace = window.lang.replace;
var localLang = window.lang;
$('.text14').text(langReplace(localLang.demoModule.text14));
$('.text15').text(langReplace(localLang.demoModule.text15));
}
// 监听滚动
$('ul').scroll(function(){
$('ul').scroll(function () {
let scrollTop = $(this).scrollTop()
let scrollHeight = $('ul')[0].scrollHeight
let ulHeight = $(this).innerHeight()
if(scrollTop + ulHeight + 100 >= scrollHeight){
if(isLock){
if (scrollTop + ulHeight + 100 >= scrollHeight) {
if (isLock) {
// 请求下一页
if(canNext){
if (canNext) {
getUserApplyRecord(pageNumber++)
isLock = false
}

View File

@@ -0,0 +1,40 @@
// 阿拉伯
langAr = {
// 模块
demoModule: {
layerIndex1: `التحميل...`,
layerIndex2: `اكتمال العملية`,
layerIndex3: `خطأ في الشبكة`,
max: `background:url("./images/max-ar.png?v=1.0") no-repeat;background-size:100% 100%;`,
img4: `background-image: url(./images/new-bg-ar.png?v=1.0);`,
img44: `background-image: url(./images/select-bg-ar.png?v=1.0);`,
img5: `background: url('./images/apply-new-ar.png?v=1.0') no-repeat 0 0/100% 100%;`,
img2: `./images/disabled-btn-ar.png?v=1.0`,
img3: `./images/apply-btn-basics-ar.png?v=1.0`,
img6: `./images/record-ar.png?v=1.0`,
img7: `./images/delay-btn-ar.png?v=1.0`,
title_t: `مخصص`,
text1: `نمط اللوحة:`,
text2: `مدة التطبيق:`,
text3: `أيام`,
text4: `نص اللوحة:`,
text5: `الرجاء إدخال...`,
text55: `13`,
text6: `يجب تطبيق اللوحة لمدة 7 أيام على الأقل`,
text7: `تم بلوغ أقصى مدة للتطبيق`,
text8: `يرجى اختيار نمط`,
text9: `يرجى إضافة نص اللوحة`,
text10: `يرجى إضافة نص اللوحة من 4 أحرف`,
text11: `لا توجد لوحات متاحة حالياً`,
text12: `تم التطبيق بنجاح`,
text13: 'متبقٍ',
text14: 'سجل الطلبات',
text15: 'لا توجد سجلات للطلبات',
text16: 'تقديم الطلب',
text17: 'تمديد',
text18: 'قيد الطلب',
text19: 'لم يتم القبول',
text20: 'تم القبول'
}
}

View File

@@ -0,0 +1,40 @@
// 英文
langEn = {
// 模块
demoModule: {
layerIndex1: `Loading...`,
layerIndex2: `Operation completed`,
layerIndex3: `Network error`,
max: `background:url("./images/max-en.png?v=1.0") no-repeat;background-size:100% 100%;`,
img4: `background-image: url(./images/new-bg-en.png?v=1.0);`,
img44: `background-image: url(./images/select-bg-en.png?v=1.0);`,
img5: `background: url('./images/apply-new-en.png?v=1.0') no-repeat 0 0/100% 100%;`,
img2: `./images/disabled-btn-en.png?v=1.0`,
img3: `./images/apply-btn-basics-en.png?v=1.0`,
img6: `./images/record-en.png?v=1.0`,
img7: `./images/delay-btn-en.png?v=1.0`,
title_t: `Customized`,
text1: `Style: `,
text2: `Duration: `,
text3: `days`,
text4: `Text: `,
text5: `please enter...`,
text55: `13`,
text6: `Minimum 7 days required`,
text7: `Maximum duration reached`,
text8: `Select a style`,
text9: `Add text`,
text10: `Add 4 characters of text`,
text11: `No nameplates available`,
text12: `Successful`,
text13: 'Remaining',
text14: 'Application Records',
text15: 'No Application Records',
text16: 'Apply',
text17: 'Extend',
text18: 'In Progress',
text19: 'Rejected',
text20: 'Approved',
}
}

View File

@@ -0,0 +1,39 @@
// 中文
langZh = {
// 模塊
demoModule: {
layerIndex1: `加載中...`,
layerIndex2: `操作完成`,
layerIndex3: `網路錯誤`,
max: `background:url("./images/max.png?v=1.0") no-repeat;background-size:100% 100%;`,
img4: `background-image: url(./images/new-bg.png?v=1.0);`,
img44: `background-image: url(./images/select-bg.png?v=1.0);`,
img5: `background: url('./images/apply-new.png?v=1.0') no-repeat 0 0/100% 100%;`,
img2: `./images/disabled-btn.png?v=1.0`,
img3: `./images/apply-btn-basics.png?v=1.0`,
img6: `./images/record.png?v=1.0`,
img7: `./images/delay-btn.png?v=1.0`,
title_t: `私人訂製`,
text1: `銘牌樣式:`,
text2: `申請時長:`,
text3: ``,
text4: `銘牌文字:`,
text5: `請輸入4個字`,
text55: `4`,
text6: `銘牌至少申請7天`,
text7: `已達最大申請時長`,
text8: `請選擇樣式`,
text9: `請添加銘牌文字`,
text10: `請添加4個字的銘牌文字`,
text11: `暫時沒有銘牌可申請`,
text12: `申請成功`,
text13: `剩余`,
text14: `申请记录`,
text15: `暂无申请记录`,
text16: `申请`,
text17: `延长`,
text18: `申请中`,
text19: `不通过`,
text20: `已通过`,
}
}

View File

@@ -9,10 +9,11 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport"
content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no, viewport-fit=cover" />
<title>申请记录</title>
<title class="text14"></title>
<!-- 申请记录 -->
<link rel="stylesheet" href="../../common/css/reset.css">
<link rel="stylesheet" href="./css/record.css">
<link rel="stylesheet" href="./css/record.css?v=1.0">
<script src="../../common/js/flexible.js"></script>
</head>
@@ -23,13 +24,17 @@
</ul>
<div class="no-record-wrap">
<img src="./images/default.png" alt="">
<span>暂无申请记录</span>
<span class="text15"></span>
</div>
<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="./js/record.js"></script>
<script src="./local/en.js?v=1.0"></script>
<script src="./local/zh.js?v=1.0"></script>
<script src="./local/ar.js?v=1.0"></script>
<script src="./js/record.js?v=1.0"></script>
<script src="../../common/local/langHandler.js"></script>
</body>
</html>

Some files were not shown because too many files have changed in this diff Show More