6个文件已删除
6 文件已重命名
26个文件已修改
30个文件已添加
| New file |
| | |
|---|
| | | <!DOCTYPE html>
|
|---|
| | | <html>
|
|---|
| | | <head>
|
|---|
| | | <meta charset="utf-8">
|
|---|
| | | <title>618å¿«çæ»ç¥</title>
|
|---|
| | | <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
|---|
| | | <script>
|
|---|
| | | window.onresize = function() {
|
|---|
| | | document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px';
|
|---|
| | | };
|
|---|
| | | window.onresize();
|
|---|
| | | </script>
|
|---|
| | | <style>
|
|---|
| | | body {
|
|---|
| | | background: #A31427;
|
|---|
| | | margin: 0;
|
|---|
| | | padding: 0;
|
|---|
| | | font-family: Microsoft YaHei;
|
|---|
| | | /* ä¸å
许å¤å¶ */
|
|---|
| | | -moz-user-select: none;
|
|---|
| | | /* Firefoxç§æå±æ§ */
|
|---|
| | | -webkit-user-select: none;
|
|---|
| | | /* WebKitå
æ ¸ç§æå±æ§ */
|
|---|
| | | -ms-user-select: none;
|
|---|
| | | /* IEç§æå±æ§(IE10å以å) */
|
|---|
| | | -khtml-user-select: none;
|
|---|
| | | /* KHTMLå
æ ¸ç§æå±æ§ */
|
|---|
| | | -o-user-select: none;
|
|---|
| | | /* Operaç§æå±æ§ */
|
|---|
| | | user-select: none;
|
|---|
| | | /* CSS3å±æ§ */
|
|---|
| | | /* IOSç¹å»é´å½± */
|
|---|
| | | -webkit-tap-highlight-color: transparent;
|
|---|
| | | font-family: 微软é
é»;
|
|---|
| | | }
|
|---|
| | | </style>
|
|---|
| | | <style>
|
|---|
| | | .top {
|
|---|
| | | width: 100%;
|
|---|
| | | height: 4.84rem;
|
|---|
| | | display: block;
|
|---|
| | | background-image: url("http://img.flqapp.com/resource/s12/top.png");
|
|---|
| | | background-size: 100% 100%;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .content {
|
|---|
| | | width: 100%;
|
|---|
| | | position: relative;
|
|---|
| | | display: flex;
|
|---|
| | | justify-content: center;
|
|---|
| | | padding: 0.3rem 0.08rem;
|
|---|
| | | box-sizing: border-box;
|
|---|
| | | padding-bottom: 0;
|
|---|
| | | margin-top: -0.3rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .content img {
|
|---|
| | | width: 100%;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .button {
|
|---|
| | | width: 5.06rem;
|
|---|
| | | height: 0.9rem;
|
|---|
| | | position: absolute;
|
|---|
| | | text-align: center;
|
|---|
| | | font-weight: bold;
|
|---|
| | | font-size: 0.34rem;
|
|---|
| | | color: #ff2b4e;
|
|---|
| | | background-image: url("http://img.flqapp.com/resource/s11/btn.png");
|
|---|
| | | background-size: 100% 100%;
|
|---|
| | | line-height: 0.9rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .block {
|
|---|
| | | width: 7.21rem;
|
|---|
| | | background: rgba(255, 241, 227, 1);
|
|---|
| | | border: 0.08rem solid rgba(255, 250, 163, 1);
|
|---|
| | | border-radius: 0.25rem;
|
|---|
| | | background: #FF2B4E;
|
|---|
| | | text-align: center;
|
|---|
| | | display: flex;
|
|---|
| | | flex-direction: column;
|
|---|
| | | align-items: center;
|
|---|
| | | padding-bottom: 0.3rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .block .time {
|
|---|
| | | font-weight: 400;
|
|---|
| | | color: #FFFFFF;
|
|---|
| | | font-size: 0.26rem;
|
|---|
| | | text-align: left;
|
|---|
| | | line-height: 0.4rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .stepIcon {
|
|---|
| | | width: 0.48rem !important;
|
|---|
| | | height: 0.48rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .stepTitle {
|
|---|
| | | font-size: 0.25rem;
|
|---|
| | | font-weight: 600;
|
|---|
| | | margin-left: 0.12rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .stepSubTitle {
|
|---|
| | | font-size: 0.24rem;
|
|---|
| | | text-align: left;
|
|---|
| | | padding-left: 0.58rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .step {
|
|---|
| | | text-align: left;
|
|---|
| | | display: flex;
|
|---|
| | | align-items: center;
|
|---|
| | | margin-top: 0.3rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .nav {
|
|---|
| | | position: absolute;
|
|---|
| | | top: -0.29rem;
|
|---|
| | | text-align: center;
|
|---|
| | | left: 0;
|
|---|
| | | right: 0;
|
|---|
| | | height: 0.61rem;
|
|---|
| | | line-height: 0.61rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .nav .title {
|
|---|
| | | position: absolute;
|
|---|
| | | left: 0;
|
|---|
| | | right: 0;
|
|---|
| | | top: 0;
|
|---|
| | | bottom: 0;
|
|---|
| | | z-index: 10;
|
|---|
| | | color: #FFFFFF;
|
|---|
| | | font-size: 0.32rem;
|
|---|
| | | font-weight: bold;
|
|---|
| | | }
|
|---|
| | | </style>
|
|---|
| | | </head>
|
|---|
| | | <body>
|
|---|
| | | <div class="top"> </div>
|
|---|
| | | <div class="content">
|
|---|
| | | <div style="height:100%;margin-top: 0.3rem;position: relative;">
|
|---|
| | | <div class="block">
|
|---|
| | | <div class="time" style="margin-top: 0.5rem;">
|
|---|
| | | 5.29-6.20 æ¯æ¥å¯é¢å3次è¶
级红å
<br>
|
|---|
| | | 6.16-6.20 ä¸æ¥å
åæ¨0ç¹-24ç¹å
¨é¨ä½¿ç¨
|
|---|
| | | </div>
|
|---|
| | | <img src="img/time.png" style="width: 6.39rem;height: 1.2rem;" />
|
|---|
| | | <div style="border-radius:0.16rem;background: #FFFFFF;width: 6.2rem;margin-top: 0.5rem;padding: 0.2rem;color: #333333;">
|
|---|
| | | <div style="color:#FF2B4E;font-size: 0.3rem;font-weight: bold;">
|
|---|
| | | ç©æ³ä¸ é¢çº¢å
è´ç©çé±
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="step">
|
|---|
| | | <img src="img/1.png" class="stepIcon" />
|
|---|
| | | <span class="stepTitle">æ¯å¤©é¢çº¢å
ï¼ç´æ¥å½é±è±</span>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="stepSubTitle">
|
|---|
| | | 5.29-6.20æé´æ¯å¤©é½å¯æ¢çº¢å
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | <div class="step">
|
|---|
| | | <img src="img/2.png" class="stepIcon" />
|
|---|
| | | <span class="stepTitle">红å
éé¢å å</span>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="stepSubTitle">
|
|---|
| | | 以ä¸æ¥ææ·å®åæ¾çº¢å
çéé¢å°å åï¼<br>
|
|---|
| | | 5.29 ã5.31 ã6.1 ã6.13 ã6.16 ã6.18
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="step">
|
|---|
| | | <img src="img/3.png" class="stepIcon" />
|
|---|
| | | <span class="stepTitle">5æ29æ¥å½å¤©çº¢å
æ大ï¼ä¸å®è¦è®°å¾åæ¨0ç¹æ¢ï¼</span>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="stepSubTitle">
|
|---|
| | | è¶æ©æ¢ï¼çº¢å
éé¢è¶å¤§<br>æ©å享ï¼å¥éèµçè¶å¤
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="button" style="position: relative;margin: 0 auto;margin-top: 0.4rem;" id="hongBao">
|
|---|
| | | 12.7å¼å§æ¢çº¢å
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div style="margin-top: 0.1rem;font-size: 0.24rem;color: #FF2B4E;">
|
|---|
| | | ï¼ä½¿ç¨çº¢å
ä½£éååï¼è¯·è§å
·ä½æ
åµä½¿ç¨ï¼ï¼
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | <div style="border-radius:0.16rem;background: #FFFFFF;width: 6.2rem;margin-top: 0.2rem;padding: 0.2rem;color: #333333;">
|
|---|
| | | <div style="color:#FF2B4E;font-size: 0.3rem;font-weight: bold;">
|
|---|
| | | ç©æ³äº å享红å
å£ä»¤èµé±
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div style="text-align: left;display: flex;align-items: center;margin-top: 0.3rem;">
|
|---|
| | | <img src="img/1.png" class="stepIcon" />
|
|---|
| | | <span class="stepTitle">å享红å
å£ä»¤ç»æå</span>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | |
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | <div class="step">
|
|---|
| | | <img src="img/2.png" class="stepIcon" />
|
|---|
| | | <span class="stepTitle">æåé¢å红å
</span>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | <div class="step">
|
|---|
| | | <img src="img/3.png" class="stepIcon" />
|
|---|
| | | <span class="stepTitle">æå618ä¸åä½ è·å¾å¥é</span>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div style="color: #FF2B4E;margin-top: 0.2rem;">
|
|---|
| | | <span style="display: block;font-size: 0.38rem ;font-weight: bold;">å享è¶å¤å¥½åï¼å¥éè¶å¤ï¼</span>
|
|---|
| | | <span style="display: block;font-size: 0.25rem;margin-top: -0.05rem;">
|
|---|
| | | ç«å³å¤å¶ä½ çæ·å£ä»¤ çæ红å
èµå¥éå§ï¼
|
|---|
| | | </span>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="button" style="position: relative;margin: 0 auto;margin-top: 0.5rem;margin-bottom: 0.2rem;" id="shareHongBao">
|
|---|
| | | 5.29å¼å§å¤å¶çº¢å
å£ä»¤
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | <div style="border-radius:0.16rem;background: #FFFFFF;width: 6.2rem;margin-top: 0.2rem;padding: 0.2rem;color: #333333;">
|
|---|
| | | <div style="color:#FF2B4E;font-size: 0.3rem;font-weight: bold;">
|
|---|
| | | ç©æ³ä¸ ç¾å°å¼å¥
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div style="text-align: left;display: flex;margin-top: 0.3rem;align-items: flex-start;">
|
|---|
| | | <div style="font-size: 0;">
|
|---|
| | | <img src="img/1.png" class="stepIcon" />
|
|---|
| | | </div>
|
|---|
| | | <span class="stepTitle" style="margin-top: 0.05rem;">
|
|---|
| | | 2020å¹´6æ6æ¥-6æ18æ¥æ´»å¨æé´æ¯æ¥ç¾å°ã<br>
|
|---|
| | | 6æ18æ¥09:00:00 å¼å¥ã
|
|---|
| | | </span>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div style="color: #FF2B4E;margin-top: 0.3rem;font-size: 0.38rem;font-weight: bold;">
|
|---|
| | | æ¼ææ°ï¼æ¼æéï¼
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="button" style="position: relative;margin: 0 auto;margin-top: 0.3rem;margin-bottom: 0.4rem;" id="chouJiang">
|
|---|
| | | 6.6 00:00 å¼å§ç¾å°
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="nav">
|
|---|
| | | <img src="img/border-top.png" style="width:5.27rem;" />
|
|---|
| | | <div class="title">ä¸ãè¶
级红å
ç©æ³</div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <div style="height: 1rem;color: #FFFAA3;font-size:0.3rem;font-weight:bold;display: flex;align-items: center;justify-content: center;">
|
|---|
| | | <img src="img/logo.png" style="width:0.45rem;margin-right: 0.1rem;"> æ¿æ å¿«çç¬å®¶æ±ç¼
|
|---|
| | | </div>
|
|---|
| | | <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
|
|---|
| | | <script src="http://img.flqapp.com/resource/app20191021.js"></script>
|
|---|
| | | </body>
|
|---|
| | | <script>
|
|---|
| | | var startTime = 1575648000000;
|
|---|
| | | var hongBaoStartTime = 1576130400000;
|
|---|
| | | var hongBaoEndTime = 1576132200000;
|
|---|
| | |
|
|---|
| | | function getSuperHongBaoToken() {
|
|---|
| | |
|
|---|
| | | var uid = yesApp.getUid();
|
|---|
| | |
|
|---|
| | | if (uid == null || uid.length == 0 || uid == '0' || uid <= 0) {
|
|---|
| | | yesApp.login();
|
|---|
| | | return;
|
|---|
| | | }
|
|---|
| | | var params = {
|
|---|
| | | uid: uid,
|
|---|
| | | sign: yesApp.getSign(uid + "")
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | yesApp.toast("æ£å¨çæå£ä»¤");
|
|---|
| | | $.ajax({
|
|---|
| | | type: "GET",
|
|---|
| | | data: params,
|
|---|
| | | url: "http://api.flqapp.com/fanli/api/apph5/v1/s11/getSuperHongBaoToken",
|
|---|
| | | dataType: "jsonp",
|
|---|
| | | async: true,
|
|---|
| | | success: function(result) {
|
|---|
| | | if (result.code == 0) {
|
|---|
| | | window.location.href = "yestv://copy#" + result.data;
|
|---|
| | | // yesApp.toast("å¤å¶å£ä»¤æå");
|
|---|
| | | } else {
|
|---|
| | | yesApp.toast(result.msg);
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | complete: function(e) {}
|
|---|
| | | });
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | $(function() {
|
|---|
| | | var timestamp = (new Date()).getTime();
|
|---|
| | |
|
|---|
| | | if (timestamp >= startTime) {
|
|---|
| | | $("#hongBao").html("æ¢çº¢å
");
|
|---|
| | | $("#shareHongBao").html("å¤å¶çº¢å
å£ä»¤");
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | if (timestamp >= hongBaoStartTime && timestamp < hongBaoEndTime) {
|
|---|
| | | $("#chouJiang").html("æ½çº¢å
");
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | $("#hongBao").click(function() {
|
|---|
| | | var timestamp = (new Date()).getTime();
|
|---|
| | | if (timestamp < startTime) {
|
|---|
| | | return;
|
|---|
| | | }
|
|---|
| | | yesApp.jumpBaiChuan(null, 'https://s.click.taobao.com/2K0Nxtv', null);
|
|---|
| | | });
|
|---|
| | | $("#shareHongBao").click(function() {
|
|---|
| | | if (timestamp < startTime) {
|
|---|
| | | return;
|
|---|
| | | }
|
|---|
| | | getSuperHongBaoToken();
|
|---|
| | | });
|
|---|
| | | $("#chouJiang").click(function() {
|
|---|
| | | if (timestamp < hongBaoStartTime || timestamp > hongBaoEndTime) {
|
|---|
| | | return;
|
|---|
| | | }
|
|---|
| | | yesApp.jumpBaiChuan(null, 'https://s.click.taobao.com/2K0Nxtv', null);
|
|---|
| | | });
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | });
|
|---|
| | | </script>
|
|---|
| | | </html> |
|---|
| | |
|---|
| | | margin-top: 0.48rem; |
|---|
| | | background-color: #E0E0E0; |
|---|
| | | border-radius: 0.1rem; |
|---|
| | | width: 1.975rem; |
|---|
| | | } |
|---|
| | |
|
|---|
| | | .div_content div { |
|---|
| | |
|---|
| | | caret-color: #E5005C;
|
|---|
| | | text-align: left;
|
|---|
| | | background-color: #E0E0E0; |
|---|
| | | |
|---|
| | | border-radius: 0.1rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_tips {
|
|---|
| | |
|---|
| | |
|
|---|
| | | .div_tips_content {
|
|---|
| | | margin-top: 0.43rem;
|
|---|
| | | padding-left: 0.26rem;
|
|---|
| | | padding-left: 0.26rem; |
|---|
| | | padding-right: 0.21rem;
|
|---|
| | | color: #333333;
|
|---|
| | | font-size: 0.24rem;
|
|---|
| | | }
|
|---|
| | |
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | justify-content: center;
|
|---|
| | | }
|
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_input_other { |
|---|
| | | margin-top: -0.35rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_content_other { |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | margin-top: 0.48rem; |
|---|
| | | background-color: #E0E0E0; |
|---|
| | | border-radius: 0.1rem; |
|---|
| | | width: 2.88rem; |
|---|
| | | } |
|---|
| | |
|
|---|
| | | .fuhao_other { |
|---|
| | | color: #333333; |
|---|
| | | font-size: 0.3rem; |
|---|
| | | width: 0.18rem; |
|---|
| | | height: 0.28rem; |
|---|
| | | display: -webkit-flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | | } |
|---|
| | |
|
|---|
| | |
|
|---|
| | | @supports (bottom: env(safe-area-inset-bottom)) {
|
|---|
| | |
|
|---|
| New file |
| | |
|---|
| | | @import "./swiper-3.4.2.min.css";body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,form,input,button{margin:0;padding:0}body,button,input,textarea{color:#333;font:0.21875rem/1.4 'Helvetica Neue','Hiragino Sans GB','WenQuanYi Micro Hei','Microsoft Yahei',sans-serif}h1,h2,h3,h4,h5,h6{font-weight:400}input{outline:0}img,input{border:0}img{max-width:100%;vertical-align:top}ul,ol{list-style:none}i{font-style:normal}button,input[type=button],input[type=submit]{cursor:pointer}a{color:#222;text-decoration:none;cursor:pointer}a:hover{color:#ec584e}a:focus,button:focus,input:focus{outline:0}input::placeholder,textarea::placeholder,input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#e6e6e6}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,input::-moz-placeholder,textarea::-moz-placeholder{color:#999}input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-box-shadow:0 0 0 15.625rem #fff inset}::-ms-clear,::-ms-reveal{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}.kinerDatePicker-container{position:fixed;width:100%;height:100%;left:0;top:0;z-index:9999;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);display:none}.kinerDatePicker-container .kdp-mask{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7)}.kinerDatePicker-container .kdp-box{position:absolute;left:0;background-color:#fff;height:7.5rem;width:100%;bottom:-100%}.kinerDatePicker-container .kdp-box .kdp-header-container{height:1.25rem;background-color:#f2f3f7;line-height:1.25rem;box-sizing:border-box;padding:0 .46875rem;font-size:.375rem;color:#333;position:relative}.kinerDatePicker-container .kdp-box .kdp-header-container .kdp-title{text-align:center}.kinerDatePicker-container .kdp-box .kdp-header-container .kdp-cancel-btn,.kinerDatePicker-container .kdp-box .kdp-header-container .kdp-ok-btn{font-size:.375rem;position:absolute;top:0}.kinerDatePicker-container .kdp-box .kdp-header-container .kdp-cancel-btn{left:.46875rem}.kinerDatePicker-container .kdp-box .kdp-header-container .kdp-ok-btn{color:#e45e00;right:.46875rem}.kinerDatePicker-container .kdp-box .kdp-content-container{display:-webkit-box;display:-webkit-flex;display:flex;height:6.25rem;position:relative}.kinerDatePicker-container .kdp-box .kdp-content-container:after{content:"";width:100%;height:20%;border-top:.015625rem solid #e45e00;border-bottom:.015625rem solid #e45e00;background-color:rgba(228,94,0,.2);position:absolute;left:0;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);z-index:0}.kinerDatePicker-container .kdp-box .kdp-content-container .year-container,.kinerDatePicker-container .kdp-box .kdp-content-container .month-container,.kinerDatePicker-container .kdp-box .kdp-content-container .date-container{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:100%;overflow:hidden}.kinerDatePicker-container .kdp-box .kdp-content-container .year-container .year-swiper-container,.kinerDatePicker-container .kdp-box .kdp-content-container .year-container .month-swiper-container,.kinerDatePicker-container .kdp-box .kdp-content-container .year-container .date-swiper-container,.kinerDatePicker-container .kdp-box .kdp-content-container .month-container .year-swiper-container,.kinerDatePicker-container .kdp-box .kdp-content-container .month-container .month-swiper-container,.kinerDatePicker-container .kdp-box .kdp-content-container .month-container .date-swiper-container,.kinerDatePicker-container .kdp-box .kdp-content-container .date-container .year-swiper-container,.kinerDatePicker-container .kdp-box .kdp-content-container .date-container .month-swiper-container,.kinerDatePicker-container .kdp-box .kdp-content-container .date-container .date-swiper-container{height:100%}.kinerDatePicker-container .kdp-box .kdp-content-container .year-container .year-swiper-container .swiper-slide,.kinerDatePicker-container .kdp-box .kdp-content-container .year-container .month-swiper-container .swiper-slide,.kinerDatePicker-container .kdp-box .kdp-content-container .year-container .date-swiper-container .swiper-slide,.kinerDatePicker-container .kdp-box .kdp-content-container .month-container .year-swiper-container .swiper-slide,.kinerDatePicker-container .kdp-box .kdp-content-container .month-container .month-swiper-container .swiper-slide,.kinerDatePicker-container .kdp-box .kdp-content-container .month-container .date-swiper-container .swiper-slide,.kinerDatePicker-container .kdp-box .kdp-content-container .date-container .year-swiper-container .swiper-slide,.kinerDatePicker-container .kdp-box .kdp-content-container .date-container .month-swiper-container .swiper-slide,.kinerDatePicker-container .kdp-box .kdp-content-container .date-container .date-swiper-container .swiper-slide{position:relative;font-size:.3125rem;opacity:.3;-webkit-transition:all 300ms;transition:all 300ms}.kinerDatePicker-container .kdp-box .kdp-content-container .year-container .year-swiper-container .swiper-slide.swiper-slide-active,.kinerDatePicker-container .kdp-box .kdp-content-container .year-container .month-swiper-container .swiper-slide.swiper-slide-active,.kinerDatePicker-container .kdp-box .kdp-content-container .year-container .date-swiper-container .swiper-slide.swiper-slide-active,.kinerDatePicker-container .kdp-box .kdp-content-container .month-container .year-swiper-container .swiper-slide.swiper-slide-active,.kinerDatePicker-container .kdp-box .kdp-content-container .month-container .month-swiper-container .swiper-slide.swiper-slide-active,.kinerDatePicker-container .kdp-box .kdp-content-container .month-container .date-swiper-container .swiper-slide.swiper-slide-active,.kinerDatePicker-container .kdp-box .kdp-content-container .date-container .year-swiper-container .swiper-slide.swiper-slide-active,.kinerDatePicker-container .kdp-box .kdp-content-container .date-container .month-swiper-container .swiper-slide.swiper-slide-active,.kinerDatePicker-container .kdp-box .kdp-content-container .date-container .date-swiper-container .swiper-slide.swiper-slide-active{font-size:.5rem;color:#e45e00;opacity:1}.kinerDatePicker-container .kdp-box .kdp-content-container .year-container .year-swiper-container .swiper-slide.swiper-slide-prev,.kinerDatePicker-container .kdp-box .kdp-content-container .year-container .year-swiper-container .swiper-slide.swiper-slide-next,.kinerDatePicker-container .kdp-box .kdp-content-container .year-container .month-swiper-container .swiper-slide.swiper-slide-prev,.kinerDatePicker-container .kdp-box .kdp-content-container .year-container .month-swiper-container .swiper-slide.swiper-slide-next,.kinerDatePicker-container .kdp-box .kdp-content-container .year-container .date-swiper-container .swiper-slide.swiper-slide-prev,.kinerDatePicker-container .kdp-box .kdp-content-container .year-container .date-swiper-container .swiper-slide.swiper-slide-next,.kinerDatePicker-container .kdp-box .kdp-content-container .month-container .year-swiper-container .swiper-slide.swiper-slide-prev,.kinerDatePicker-container .kdp-box .kdp-content-container .month-container .year-swiper-container .swiper-slide.swiper-slide-next,.kinerDatePicker-container .kdp-box .kdp-content-container .month-container .month-swiper-container .swiper-slide.swiper-slide-prev,.kinerDatePicker-container .kdp-box .kdp-content-container .month-container .month-swiper-container .swiper-slide.swiper-slide-next,.kinerDatePicker-container .kdp-box .kdp-content-container .month-container .date-swiper-container .swiper-slide.swiper-slide-prev,.kinerDatePicker-container .kdp-box .kdp-content-container .month-container .date-swiper-container .swiper-slide.swiper-slide-next,.kinerDatePicker-container .kdp-box .kdp-content-container .date-container .year-swiper-container .swiper-slide.swiper-slide-prev,.kinerDatePicker-container .kdp-box .kdp-content-container .date-container .year-swiper-container .swiper-slide.swiper-slide-next,.kinerDatePicker-container .kdp-box .kdp-content-container .date-container .month-swiper-container .swiper-slide.swiper-slide-prev,.kinerDatePicker-container .kdp-box .kdp-content-container .date-container .month-swiper-container .swiper-slide.swiper-slide-next,.kinerDatePicker-container .kdp-box .kdp-content-container .date-container .date-swiper-container .swiper-slide.swiper-slide-prev,.kinerDatePicker-container .kdp-box .kdp-content-container .date-container .date-swiper-container .swiper-slide.swiper-slide-next{font-size:.40625rem;opacity:.6}.kinerDatePicker-container .kdp-box .kdp-content-container .year-container .year-swiper-container .swiper-slide .val,.kinerDatePicker-container .kdp-box .kdp-content-container .year-container .month-swiper-container .swiper-slide .val,.kinerDatePicker-container .kdp-box .kdp-content-container .year-container .date-swiper-container .swiper-slide .val,.kinerDatePicker-container .kdp-box .kdp-content-container .month-container .year-swiper-container .swiper-slide .val,.kinerDatePicker-container .kdp-box .kdp-content-container .month-container .month-swiper-container .swiper-slide .val,.kinerDatePicker-container .kdp-box .kdp-content-container .month-container .date-swiper-container .swiper-slide .val,.kinerDatePicker-container .kdp-box .kdp-content-container .date-container .year-swiper-container .swiper-slide .val,.kinerDatePicker-container .kdp-box .kdp-content-container .date-container .month-swiper-container .swiper-slide .val,.kinerDatePicker-container .kdp-box .kdp-content-container .date-container .date-swiper-container .swiper-slide .val{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;text-align:center} |
|---|
| New file |
| | |
|---|
| | | .dw-trans .dw-persp {
|
|---|
| | | overflow: hidden;
|
|---|
| | | perspective: 1000;
|
|---|
| | | -webkit-perspective: 1000;
|
|---|
| | | -moz-perspective: 1000;
|
|---|
| | | }
|
|---|
| | | .dw-trans .dwwb {
|
|---|
| | | -webkit-backface-visibility: hidden;
|
|---|
| | | }
|
|---|
| | | .dw-in {
|
|---|
| | | animation-timing-function: ease-out;
|
|---|
| | | animation-duration: 350ms;
|
|---|
| | | -webkit-animation-timing-function: ease-out;
|
|---|
| | | -webkit-animation-duration: 350ms;
|
|---|
| | | -moz-animation-timing-function: ease-out;
|
|---|
| | | -moz-animation-duration: 350ms;
|
|---|
| | | }
|
|---|
| | | .dw-out {
|
|---|
| | | animation-timing-function: ease-in;
|
|---|
| | | animation-duration: 350ms;
|
|---|
| | | -webkit-animation-timing-function: ease-in;
|
|---|
| | | -webkit-animation-duration: 350ms;
|
|---|
| | | -moz-animation-timing-function: ease-in;
|
|---|
| | | -moz-animation-duration: 350ms;
|
|---|
| | | }
|
|---|
| | | .dw-flip,
|
|---|
| | | .dw-swing,
|
|---|
| | | .dw-slidehorizontal,
|
|---|
| | | .dw-slidevertical,
|
|---|
| | | .dw-slidedown,
|
|---|
| | | .dw-slideup,
|
|---|
| | | .dw-fade {
|
|---|
| | | backface-visibility: hidden;
|
|---|
| | | transform: translateX(0);
|
|---|
| | | -webkit-backface-visibility: hidden;
|
|---|
| | | -webkit-transform: translateX(0);
|
|---|
| | | -moz-backface-visibility: hidden;
|
|---|
| | | -moz-transform: translateX(0);
|
|---|
| | | }
|
|---|
| | | .dw-swing,
|
|---|
| | | .dw-slidehorizontal,
|
|---|
| | | .dw-slidevertical,
|
|---|
| | | .dw-slidedown,
|
|---|
| | | .dw-slideup,
|
|---|
| | | .dw-fade {
|
|---|
| | | transform-origin: 0 0;
|
|---|
| | | -webkit-transform-origin: 0 0;
|
|---|
| | | -moz-transform-origin: 0 0;
|
|---|
| | | }
|
|---|
| | | .dw-flip,
|
|---|
| | | .dw-pop {
|
|---|
| | | transform-origin: 50% 50%;
|
|---|
| | | -webkit-transform-origin: 50% 50%;
|
|---|
| | | -moz-transform-origin: 50% 50%;
|
|---|
| | | }
|
|---|
| | | .dw-pop.dw-in {
|
|---|
| | | opacity: 1;
|
|---|
| | | transform: scale(1);
|
|---|
| | | animation-name: dw-p-in;
|
|---|
| | | -webkit-animation-name: dw-p-in;
|
|---|
| | | -webkit-transform: scale(1);
|
|---|
| | | -moz-animation-name: dw-p-in;
|
|---|
| | | -moz-transform: scale(1);
|
|---|
| | | }
|
|---|
| | | .dw-pop.dw-out {
|
|---|
| | | opacity: 0;
|
|---|
| | | animation-name: dw-p-out;
|
|---|
| | | -webkit-animation-name: dw-p-out;
|
|---|
| | | -moz-animation-name: dw-p-out;
|
|---|
| | | }
|
|---|
| | | .dw-flip.dw-in {
|
|---|
| | | opacity: 1;
|
|---|
| | | transform: scale(1);
|
|---|
| | | animation-name: dw-fl-in;
|
|---|
| | | -webkit-animation-name: dw-fl-in;
|
|---|
| | | -webkit-transform: scale(1);
|
|---|
| | | -moz-animation-name: dw-fl-in;
|
|---|
| | | -moz-transform: scale(1);
|
|---|
| | | }
|
|---|
| | | .dw-flip.dw-out {
|
|---|
| | | opacity: 0;
|
|---|
| | | animation-name: dw-fl-out;
|
|---|
| | | -webkit-animation-name: dw-fl-out;
|
|---|
| | | -moz-animation-name: dw-fl-out;
|
|---|
| | | }
|
|---|
| | | .dw-swing.dw-in {
|
|---|
| | | opacity: 1;
|
|---|
| | | transform: scale(1);
|
|---|
| | | animation-name: dw-sw-in;
|
|---|
| | | -webkit-animation-name: dw-sw-in;
|
|---|
| | | -webkit-transform: scale(1);
|
|---|
| | | -moz-animation-name: dw-sw-in;
|
|---|
| | | -moz-transform: scale(1);
|
|---|
| | | }
|
|---|
| | | .dw-swing.dw-out {
|
|---|
| | | opacity: 0;
|
|---|
| | | animation-name: dw-sw-out;
|
|---|
| | | -webkit-animation-name: dw-sw-out;
|
|---|
| | | -moz-animation-name: dw-sw-out;
|
|---|
| | | }
|
|---|
| | | .dw-slidehorizontal.dw-in {
|
|---|
| | | opacity: 1;
|
|---|
| | | transform: scale(1);
|
|---|
| | | animation-name: dw-sh-in;
|
|---|
| | | -webkit-animation-name: dw-sh-in;
|
|---|
| | | -webkit-transform: scale(1);
|
|---|
| | | -moz-animation-name: dw-sh-in;
|
|---|
| | | -moz-transform: scale(1);
|
|---|
| | | }
|
|---|
| | | .dw-slidehorizontal.dw-out {
|
|---|
| | | opacity: 0;
|
|---|
| | | animation-name: dw-sh-out;
|
|---|
| | | -webkit-animation-name: dw-sh-out;
|
|---|
| | | -moz-animation-name: dw-sh-out;
|
|---|
| | | }
|
|---|
| | | .dw-slidevertical.dw-in {
|
|---|
| | | opacity: 1;
|
|---|
| | | animation-name: dw-dw-sv-in;
|
|---|
| | | transform: scale(1);
|
|---|
| | | -webkit-animation-name: dw-dw-sv-in;
|
|---|
| | | -webkit-transform: scale(1);
|
|---|
| | | -moz-animation-name: dw-dw-sv-in;
|
|---|
| | | -moz-transform: scale(1);
|
|---|
| | | }
|
|---|
| | | .dw-slidevertical.dw-out {
|
|---|
| | | opacity: 0;
|
|---|
| | | animation-name: dw-sv-out;
|
|---|
| | | -webkit-animation-name: dw-sv-out;
|
|---|
| | | -moz-animation-name: dw-sv-out;
|
|---|
| | | }
|
|---|
| | | .dw-slidedown.dw-in {
|
|---|
| | | animation-name: dw-sd-in;
|
|---|
| | | transform: scale(1);
|
|---|
| | | -webkit-animation-name: dw-sd-in;
|
|---|
| | | -webkit-transform: scale(1);
|
|---|
| | | -moz-animation-name: dw-sd-in;
|
|---|
| | | -moz-transform: scale(1);
|
|---|
| | | }
|
|---|
| | | .dw-slidedown.dw-out {
|
|---|
| | | animation-name: dw-sd-out;
|
|---|
| | | -webkit-animation-name: dw-sd-out;
|
|---|
| | | -moz-animation-name: dw-sd-out;
|
|---|
| | | }
|
|---|
| | | .dw-slideup.dw-in {
|
|---|
| | | transform: scale(1);
|
|---|
| | | animation-name: dw-su-in;
|
|---|
| | | -webkit-animation-name: dw-su-in;
|
|---|
| | | -webkit-transform: scale(1);
|
|---|
| | | -moz-animation-name: dw-su-in;
|
|---|
| | | -moz-transform: scale(1);
|
|---|
| | | }
|
|---|
| | | .dw-slideup.dw-out {
|
|---|
| | | animation-name: dw-su-out;
|
|---|
| | | -webkit-animation-name: dw-su-out;
|
|---|
| | | -moz-animation-name: dw-su-out;
|
|---|
| | | }
|
|---|
| | | .dw-fade.dw-in {
|
|---|
| | | opacity: 1;
|
|---|
| | | animation-name: dw-f-in;
|
|---|
| | | -webkit-animation-name: dw-f-in;
|
|---|
| | | -moz-animation-name: dw-f-in;
|
|---|
| | | }
|
|---|
| | | .dw-fade.dw-out {
|
|---|
| | | opacity: 0;
|
|---|
| | | animation-name: dw-f-out;
|
|---|
| | | -webkit-animation-name: dw-f-out;
|
|---|
| | | -moz-animation-name: dw-f-out;
|
|---|
| | | }
|
|---|
| | | /* Fade in */
|
|---|
| | | @keyframes dw-f-in {
|
|---|
| | | from {
|
|---|
| | | opacity: 0;
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | opacity: 1;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | @-webkit-keyframes dw-f-in {
|
|---|
| | | from {
|
|---|
| | | opacity: 0;
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | opacity: 1;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | @-moz-keyframes dw-f-in {
|
|---|
| | | from {
|
|---|
| | | opacity: 0;
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | opacity: 1;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | /* Fade out */
|
|---|
| | | @keyframes dw-f-out {
|
|---|
| | | from {
|
|---|
| | | opacity: 1;
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | opacity: 0;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | @-webkit-keyframes dw-f-out {
|
|---|
| | | from {
|
|---|
| | | opacity: 1;
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | opacity: 0;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | @-moz-keyframes dw-f-out {
|
|---|
| | | from {
|
|---|
| | | opacity: 1;
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | opacity: 0;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | /* Pop in */
|
|---|
| | | @keyframes dw-p-in {
|
|---|
| | | from {
|
|---|
| | | opacity: 0;
|
|---|
| | | transform: scale(0.8);
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | opacity: 1;
|
|---|
| | | transform: scale(1);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | @-webkit-keyframes dw-p-in {
|
|---|
| | | from {
|
|---|
| | | opacity: 0;
|
|---|
| | | -webkit-transform: scale(0.8);
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | opacity: 1;
|
|---|
| | | -webkit-transform: scale(1);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | @-moz-keyframes dw-p-in {
|
|---|
| | | from {
|
|---|
| | | opacity: 0;
|
|---|
| | | -moz-transform: scale(0.8);
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | opacity: 1;
|
|---|
| | | -moz-transform: scale(1);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | /* Pop out */
|
|---|
| | | @keyframes dw-p-out {
|
|---|
| | | from {
|
|---|
| | | opacity: 1;
|
|---|
| | | transform: scale(1);
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | opacity: 0;
|
|---|
| | | transform: scale(0.8);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | @-webkit-keyframes dw-p-out {
|
|---|
| | | from {
|
|---|
| | | opacity: 1;
|
|---|
| | | -webkit-transform: scale(1);
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | opacity: 0;
|
|---|
| | | -webkit-transform: scale(0.8);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | @-moz-keyframes dw-p-out {
|
|---|
| | | from {
|
|---|
| | | opacity: 1;
|
|---|
| | | -moz-transform: scale(1);
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | opacity: 0;
|
|---|
| | | -moz-transform: scale(0.8);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | /* Flip in */
|
|---|
| | | @keyframes dw-fl-in {
|
|---|
| | | from {
|
|---|
| | | opacity: 0;
|
|---|
| | | transform: rotateY(90deg);
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | opacity: 1;
|
|---|
| | | transform: rotateY(0);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | @-webkit-keyframes dw-fl-in {
|
|---|
| | | from {
|
|---|
| | | opacity: 0;
|
|---|
| | | -webkit-transform: rotateY(90deg);
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | opacity: 1;
|
|---|
| | | -webkit-transform: rotateY(0);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | @-moz-keyframes dw-fl-in {
|
|---|
| | | from {
|
|---|
| | | opacity: 0;
|
|---|
| | | -moz-transform: rotateY(90deg);
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | opacity: 1;
|
|---|
| | | -moz-transform: rotateY(0);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | /* Flip out */
|
|---|
| | | @keyframes dw-fl-out {
|
|---|
| | | from {
|
|---|
| | | opacity: 1;
|
|---|
| | | transform: rotateY(0deg);
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | opacity: 0;
|
|---|
| | | transform: rotateY(-90deg);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | @-webkit-keyframes dw-fl-out {
|
|---|
| | | from {
|
|---|
| | | opacity: 1;
|
|---|
| | | -webkit-transform: rotateY(0deg);
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | opacity: 0;
|
|---|
| | | -webkit-transform: rotateY(-90deg);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | @-moz-keyframes dw-fl-out {
|
|---|
| | | from {
|
|---|
| | | opacity: 1;
|
|---|
| | | -moz-transform: rotateY(0deg);
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | opacity: 0;
|
|---|
| | | -moz-transform: rotateY(-90deg);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | /* Swing in */
|
|---|
| | | @keyframes dw-sw-in {
|
|---|
| | | from {
|
|---|
| | | opacity: 0;
|
|---|
| | | transform: rotateY(-90deg);
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | opacity: 1;
|
|---|
| | | transform: rotateY(0deg);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | @-webkit-keyframes dw-sw-in {
|
|---|
| | | from {
|
|---|
| | | opacity: 0;
|
|---|
| | | -webkit-transform: rotateY(-90deg);
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | opacity: 1;
|
|---|
| | | -webkit-transform: rotateY(0deg);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | @-moz-keyframes dw-sw-in {
|
|---|
| | | from {
|
|---|
| | | opacity: 0;
|
|---|
| | | -moz-transform: rotateY(-90deg);
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | opacity: 1;
|
|---|
| | | -moz-transform: rotateY(0deg);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | /* Swing out */
|
|---|
| | | @keyframes dw-sw-out {
|
|---|
| | | from {
|
|---|
| | | opacity: 1;
|
|---|
| | | transform: rotateY(0deg);
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | opacity: 0;
|
|---|
| | | transform: rotateY(-90deg);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | @-webkit-keyframes dw-sw-out {
|
|---|
| | | from {
|
|---|
| | | opacity: 1;
|
|---|
| | | -webkit-transform: rotateY(0deg);
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | opacity: 0;
|
|---|
| | | -webkit-transform: rotateY(-90deg);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | @-moz-keyframes dw-sw-out {
|
|---|
| | | from {
|
|---|
| | | opacity: 1;
|
|---|
| | | -moz-transform: rotateY(0deg);
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | opacity: 0;
|
|---|
| | | -moz-transform: rotateY(-90deg);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | /* Slide horizontal in */
|
|---|
| | | @keyframes dw-sh-in {
|
|---|
| | | from {
|
|---|
| | | opacity: 0;
|
|---|
| | | transform: translateX(-100%);
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | opacity: 1;
|
|---|
| | | transform: translateX(0);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | @-webkit-keyframes dw-sh-in {
|
|---|
| | | from {
|
|---|
| | | opacity: 0;
|
|---|
| | | -webkit-transform: translateX(-100%);
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | opacity: 1;
|
|---|
| | | -webkit-transform: translateX(0);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | @-moz-keyframes dw-sh-in {
|
|---|
| | | from {
|
|---|
| | | opacity: 0;
|
|---|
| | | -moz-transform: translateX(-100%);
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | opacity: 1;
|
|---|
| | | -moz-transform: translateX(0);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | /* Slide horizontal out */
|
|---|
| | | @keyframes dw-sh-out {
|
|---|
| | | from {
|
|---|
| | | opacity: 1;
|
|---|
| | | transform: translateX(0);
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | opacity: 0;
|
|---|
| | | transform: translateX(100%);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | @-webkit-keyframes dw-sh-out {
|
|---|
| | | from {
|
|---|
| | | opacity: 1;
|
|---|
| | | -webkit-transform: translateX(0);
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | opacity: 0;
|
|---|
| | | -webkit-transform: translateX(100%);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | @-moz-keyframes dw-sh-out {
|
|---|
| | | from {
|
|---|
| | | opacity: 1;
|
|---|
| | | -moz-transform: translateX(0);
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | opacity: 0;
|
|---|
| | | -moz-transform: translateX(100%);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | /* Slide vertical in */
|
|---|
| | | @keyframes dw-dw-sv-in {
|
|---|
| | | from {
|
|---|
| | | opacity: 0;
|
|---|
| | | transform: translateY(-100%);
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | opacity: 1;
|
|---|
| | | transform: translateY(0);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | @-webkit-keyframes dw-dw-sv-in {
|
|---|
| | | from {
|
|---|
| | | opacity: 0;
|
|---|
| | | -webkit-transform: translateY(-100%);
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | opacity: 1;
|
|---|
| | | -webkit-transform: translateY(0);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | @-moz-keyframes dw-dw-sv-in {
|
|---|
| | | from {
|
|---|
| | | opacity: 0;
|
|---|
| | | -moz-transform: translateY(-100%);
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | opacity: 1;
|
|---|
| | | -moz-transform: translateY(0);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | /* Slide vertical out */
|
|---|
| | | @keyframes dw-sv-out {
|
|---|
| | | from {
|
|---|
| | | opacity: 1;
|
|---|
| | | transform: translateY(0);
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | opacity: 0;
|
|---|
| | | transform: translateY(100%);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | @-webkit-keyframes dw-sv-out {
|
|---|
| | | from {
|
|---|
| | | opacity: 1;
|
|---|
| | | -webkit-transform: translateY(0);
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | opacity: 0;
|
|---|
| | | -webkit-transform: translateY(100%);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | @-moz-keyframes dw-sv-out {
|
|---|
| | | from {
|
|---|
| | | opacity: 1;
|
|---|
| | | -moz-transform: translateY(0);
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | opacity: 0;
|
|---|
| | | -moz-transform: translateY(100%);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | /* Slide Down In */
|
|---|
| | | @keyframes dw-sd-in {
|
|---|
| | | from {
|
|---|
| | | transform: translateY(-100%);
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | transform: translateY(0);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | @-webkit-keyframes dw-sd-in {
|
|---|
| | | from {
|
|---|
| | | opacity: 1;
|
|---|
| | | -webkit-transform: translateY(-100%);
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | opacity: 1;
|
|---|
| | | -webkit-transform: translateY(0);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | @-moz-keyframes dw-sd-in {
|
|---|
| | | from {
|
|---|
| | | -moz-transform: translateY(-100%);
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | -moz-transform: translateY(0);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | /* Slide down out */
|
|---|
| | | @keyframes dw-sd-out {
|
|---|
| | | from {
|
|---|
| | | transform: translateY(0);
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | transform: translateY(-100%);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | @-webkit-keyframes dw-sd-out {
|
|---|
| | | from {
|
|---|
| | | opacity: 1;
|
|---|
| | | -webkit-transform: translateY(0);
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | opacity: 1;
|
|---|
| | | -webkit-transform: translateY(-100%);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | @-moz-keyframes dw-sd-out {
|
|---|
| | | from {
|
|---|
| | | -moz-transform: translateY(0);
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | -moz-transform: translateY(-100%);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | /* Slide Up In */
|
|---|
| | | @keyframes dw-su-in {
|
|---|
| | | from {
|
|---|
| | | transform: translateY(100%);
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | transform: translateY(0);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | @-webkit-keyframes dw-su-in {
|
|---|
| | | from {
|
|---|
| | | opacity: 1;
|
|---|
| | | -webkit-transform: translateY(100%);
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | opacity: 1;
|
|---|
| | | -webkit-transform: translateY(0);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | @-moz-keyframes dw-su-in {
|
|---|
| | | from {
|
|---|
| | | -moz-transform: translateY(100%);
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | -moz-transform: translateY(0);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | /* Slide up out */
|
|---|
| | | @keyframes dw-su-out {
|
|---|
| | | from {
|
|---|
| | | transform: translateY(0);
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | transform: translateY(100%);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | @-webkit-keyframes dw-su-out {
|
|---|
| | | from {
|
|---|
| | | opacity: 1;
|
|---|
| | | -webkit-transform: translateY(0);
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | opacity: 1;
|
|---|
| | | -webkit-transform: translateY(100%);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | @-moz-keyframes dw-su-out {
|
|---|
| | | from {
|
|---|
| | | -moz-transform: translateY(0);
|
|---|
| | | }
|
|---|
| | | to {
|
|---|
| | | -moz-transform: translateY(100%);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| New file |
| | |
|---|
| | | /* Datewheel overlay */
|
|---|
| | | .dw {
|
|---|
| | | position: absolute;
|
|---|
| | | top: 5%;
|
|---|
| | | left: 0;
|
|---|
| | | z-index: 1001;
|
|---|
| | | color: #000;
|
|---|
| | | font-family: arial, verdana, sans-serif;
|
|---|
| | | font-size: 12px;
|
|---|
| | | text-shadow: none;
|
|---|
| | | box-sizing: border-box;
|
|---|
| | | -webkit-box-sizing: border-box;
|
|---|
| | | -moz-box-sizing: border-box;
|
|---|
| | | -webkit-user-select: none;
|
|---|
| | | -moz-user-select: none;
|
|---|
| | | -ms-user-select: none;
|
|---|
| | | -ms-touch-action: none;
|
|---|
| | | -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|---|
| | | }
|
|---|
| | | .dwi {
|
|---|
| | | position: static;
|
|---|
| | | margin: 5px;
|
|---|
| | | display: inline-block;
|
|---|
| | | }
|
|---|
| | | .dwwr {
|
|---|
| | | min-width: 170px;
|
|---|
| | | zoom: 1;
|
|---|
| | | padding: 0 10px;
|
|---|
| | | text-align: center;
|
|---|
| | | }
|
|---|
| | | /* Datewheel overlay background */
|
|---|
| | | .dw-persp, .dwo {
|
|---|
| | | width: 100%;
|
|---|
| | | height: 100%;
|
|---|
| | | position: absolute;
|
|---|
| | | top: 0;
|
|---|
| | | left: 0;
|
|---|
| | | z-index: 1001;
|
|---|
| | | }
|
|---|
| | | .dwo {
|
|---|
| | | background: #000;
|
|---|
| | | opacity: .7;
|
|---|
| | | filter: Alpha(Opacity=70);
|
|---|
| | | }
|
|---|
| | | /* Bubble positionings */
|
|---|
| | | .dw-bubble .dw {
|
|---|
| | | margin: 20px 0;
|
|---|
| | | }
|
|---|
| | | .dw-bubble .dw-arrw {
|
|---|
| | | position: absolute;
|
|---|
| | | left: 0;
|
|---|
| | | width: 100%;
|
|---|
| | | }
|
|---|
| | | .dw-bubble-top .dw-arrw {
|
|---|
| | | bottom: -36px;
|
|---|
| | | }
|
|---|
| | | .dw-bubble-bottom .dw-arrw {
|
|---|
| | | top: -36px;
|
|---|
| | | }
|
|---|
| | | .dw-bubble .dw-arrw-i {
|
|---|
| | | margin: 0 30px;
|
|---|
| | | position: relative;
|
|---|
| | | height: 36px;
|
|---|
| | | }
|
|---|
| | | .dw-bubble .dw-arr {
|
|---|
| | | display: block;
|
|---|
| | | }
|
|---|
| | | .dw-arr {
|
|---|
| | | display: none;
|
|---|
| | | position: absolute;
|
|---|
| | | left: 0;
|
|---|
| | | width: 0;
|
|---|
| | | height: 0;
|
|---|
| | | border-width: 18px 18px;
|
|---|
| | | border-style: solid;
|
|---|
| | | margin-left: -18px;
|
|---|
| | | }
|
|---|
| | | .dw-bubble-bottom .dw-arr {
|
|---|
| | | top: 0;
|
|---|
| | | border-color: transparent transparent #fff transparent;
|
|---|
| | | }
|
|---|
| | | .dw-bubble-top .dw-arr {
|
|---|
| | | bottom: 0;
|
|---|
| | | border-color: #fff transparent transparent transparent;
|
|---|
| | | }
|
|---|
| | | /* Datewheel wheel container wrapper */
|
|---|
| | | .dwc {
|
|---|
| | | float: none;
|
|---|
| | | margin: 0 2px 5px 2px;
|
|---|
| | | padding-top: 30px;
|
|---|
| | | display: inline-block;
|
|---|
| | | }
|
|---|
| | | .dwcc {
|
|---|
| | | clear: both;
|
|---|
| | | }
|
|---|
| | | /* Datewheel label */
|
|---|
| | | .dwl {
|
|---|
| | | text-align: center;
|
|---|
| | | line-height: 30px;
|
|---|
| | | height: 30px;
|
|---|
| | | white-space: nowrap;
|
|---|
| | | position: absolute;
|
|---|
| | | top: -30px;
|
|---|
| | | width: 100%;
|
|---|
| | | }
|
|---|
| | | /* Datewheel value */
|
|---|
| | | .dwv {
|
|---|
| | | padding: 10px 0;
|
|---|
| | | border-bottom: 1px solid #000;
|
|---|
| | | }
|
|---|
| | | /* Datewheel wheel container */
|
|---|
| | | .dwrc {
|
|---|
| | | -webkit-border-radius: 3px;
|
|---|
| | | border-radius: 3px;
|
|---|
| | | }
|
|---|
| | | .dwwc {
|
|---|
| | | margin: 0;
|
|---|
| | | padding: 0 2px;
|
|---|
| | | position: relative;
|
|---|
| | | background: #000;
|
|---|
| | | zoom: 1;
|
|---|
| | | }
|
|---|
| | | /* Datewheel wheels */
|
|---|
| | | .dwwl {
|
|---|
| | | margin: 4px 2px;
|
|---|
| | | position: relative;
|
|---|
| | | z-index: 5;
|
|---|
| | | }
|
|---|
| | | .dww {
|
|---|
| | | margin: 0 2px;
|
|---|
| | | overflow: hidden;
|
|---|
| | | position: relative;
|
|---|
| | | }
|
|---|
| | | .dwsc .dwwl {
|
|---|
| | | background: #888;
|
|---|
| | | background: linear-gradient(#000 0%,#333 35%, #888 50%,#333 65%,#000 100%);
|
|---|
| | | background: -webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.35, #333),color-stop(0.50, #888),color-stop(0.65, #333),to(#000));
|
|---|
| | | background: -moz-linear-gradient(#000 0%,#333 35%, #888 50%,#333 65%,#000 100%);
|
|---|
| | | background: -o-linear-gradient(#000 0%,#333 35%, #888 50%,#333 65%,#000 100%);
|
|---|
| | | }
|
|---|
| | | .dwsc .dww {
|
|---|
| | | color: #fff;
|
|---|
| | | background: #444;
|
|---|
| | | background: linear-gradient(#000 0%,#444 45%, #444 55%, #000 100%);
|
|---|
| | | background: -webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.45, #444),color-stop(0.55, #444),to(#000));
|
|---|
| | | background: -moz-linear-gradient(#000 0%,#444 45%, #444 55%, #000 100%);
|
|---|
| | | background: -o-linear-gradient(#000 0%,#444 45%, #444 55%, #000 100%);
|
|---|
| | | }
|
|---|
| | | .dw-bf {
|
|---|
| | | -webkit-perspective: 1000;
|
|---|
| | | -webkit-backface-visibility: hidden;
|
|---|
| | | }
|
|---|
| | | .dw-ul {
|
|---|
| | | position: relative;
|
|---|
| | | z-index: 2;
|
|---|
| | | }
|
|---|
| | | .dw-li {
|
|---|
| | | padding: 0 5px;
|
|---|
| | | display: block;
|
|---|
| | | text-align: center;
|
|---|
| | | line-height: 40px;
|
|---|
| | | font-size: 26px;
|
|---|
| | | white-space: nowrap;
|
|---|
| | | text-shadow: 0 1px 1px #000;
|
|---|
| | | vertical-align: bottom;
|
|---|
| | | opacity: .3;
|
|---|
| | | filter: Alpha(Opacity=30);
|
|---|
| | | }
|
|---|
| | | /* Higlighted */
|
|---|
| | | .dw-li.dw-hl {
|
|---|
| | | background: #fff;
|
|---|
| | | background: rgba(255,255,255,.3);
|
|---|
| | | }
|
|---|
| | | /* Valid entry */
|
|---|
| | | .dw-li.dw-v {
|
|---|
| | | opacity: 1;
|
|---|
| | | filter: Alpha(Opacity=100);
|
|---|
| | | }
|
|---|
| | | /* Hidden entry */
|
|---|
| | | .dw-li.dw-h {
|
|---|
| | | visibility: hidden;
|
|---|
| | | }
|
|---|
| | | .dw-i {
|
|---|
| | | position: relative;
|
|---|
| | | height: 100%;
|
|---|
| | | }
|
|---|
| | | /* Wheel +/- buttons */
|
|---|
| | | .dwwb {
|
|---|
| | | position: absolute;
|
|---|
| | | z-index: 4;
|
|---|
| | | left: 0;
|
|---|
| | | cursor: pointer;
|
|---|
| | | width: 100%;
|
|---|
| | | height: 40px;
|
|---|
| | | text-align: center;
|
|---|
| | | opacity: 1;
|
|---|
| | | transition: opacity .2s linear;
|
|---|
| | | -webkit-transition: opacity .2s linear;
|
|---|
| | | }
|
|---|
| | | .dwa .dwwb {
|
|---|
| | | opacity: 0;
|
|---|
| | | }
|
|---|
| | | .dwwbp {
|
|---|
| | | top: 0;
|
|---|
| | | -webkit-border-radius: 3px 3px 0 0;
|
|---|
| | | border-radius: 3px 3px 0 0;
|
|---|
| | | font-size: 40px;
|
|---|
| | | }
|
|---|
| | | .dwwbm {
|
|---|
| | | bottom: 0;
|
|---|
| | | -webkit-border-radius: 0 0 3px 3px;
|
|---|
| | | border-radius: 0 0 3px 3px;
|
|---|
| | | font-size: 32px;
|
|---|
| | | font-weight: bold;
|
|---|
| | | }
|
|---|
| | | .dwpm .dwwc {
|
|---|
| | | background: transparent;
|
|---|
| | | }
|
|---|
| | | .dwpm .dww {
|
|---|
| | | margin: 0;
|
|---|
| | | }
|
|---|
| | | .dwpm .dw-li {
|
|---|
| | | text-shadow: none;
|
|---|
| | | }
|
|---|
| | | .dwpm .dwwol {
|
|---|
| | | display: none;
|
|---|
| | | }
|
|---|
| | | /* Datewheel wheel overlay */
|
|---|
| | | .dwwo {
|
|---|
| | | position: absolute;
|
|---|
| | | z-index: 3;
|
|---|
| | | top: 0;
|
|---|
| | | left: 0;
|
|---|
| | | width: 100%;
|
|---|
| | | height: 100%;
|
|---|
| | | background: linear-gradient(#000 0%,rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #000 100%);
|
|---|
| | | background: -webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.52, rgba(44,44,44,0)),color-stop(0.48, rgba(44,44,44,0)),to(#000));
|
|---|
| | | background: -moz-linear-gradient(#000 0%,rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #000 100%);
|
|---|
| | | background: -o-linear-gradient(#000 0%,rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #000 100%);
|
|---|
| | | }
|
|---|
| | | /* Background line */
|
|---|
| | | .dwwol {
|
|---|
| | | position: absolute;
|
|---|
| | | z-index: 1;
|
|---|
| | | top: 50%;
|
|---|
| | | left: 0;
|
|---|
| | | width: 100%;
|
|---|
| | | height: 0;
|
|---|
| | | margin-top: -1px;
|
|---|
| | | border-top: 1px solid #333;
|
|---|
| | | border-bottom: 1px solid #555;
|
|---|
| | | }
|
|---|
| | | /* Datewheel button */
|
|---|
| | | .dwbg .dwb {
|
|---|
| | | cursor: pointer;
|
|---|
| | | overflow: hidden;
|
|---|
| | | display: block;
|
|---|
| | | height: 40px;
|
|---|
| | | line-height: 40px;
|
|---|
| | | padding: 0 15px;
|
|---|
| | | margin: 0 2px;
|
|---|
| | | font-size: 14px;
|
|---|
| | | font-weight: bold;
|
|---|
| | | text-decoration: none;
|
|---|
| | | text-shadow: 0 -1px 1px #000;
|
|---|
| | | border-radius: 5px;
|
|---|
| | | box-shadow: 0 1px 3px rgba(0,0,0,0.5);
|
|---|
| | | color: #fff;
|
|---|
| | | background: #000;
|
|---|
| | | background: linear-gradient(#6e6e6e 50%,#000 50%);
|
|---|
| | | background: -webkit-gradient(linear,left bottom,left top,color-stop(0.5, #000),color-stop(0.5, #6e6e6e));
|
|---|
| | | background: -moz-linear-gradient(#6e6e6e 50%,#000 50%);
|
|---|
| | | background: -o-linear-gradient(#6e6e6e 50%,#000 50%);
|
|---|
| | | white-space: nowrap;
|
|---|
| | | text-overflow: ellipsis;
|
|---|
| | | -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
|
|---|
| | | -webkit-border-radius: 5px;
|
|---|
| | | }
|
|---|
| | | /* Datewheel button container */
|
|---|
| | | .dwbc {
|
|---|
| | | padding: 5px 0;
|
|---|
| | | text-align: center;
|
|---|
| | | clear: both;
|
|---|
| | | }
|
|---|
| | | .dwbc:after {
|
|---|
| | | content: '';
|
|---|
| | | display: block;
|
|---|
| | | clear: both;
|
|---|
| | | }
|
|---|
| | | /* Datewheel button wrapper */
|
|---|
| | | .dwbw {
|
|---|
| | | display: inline-block;
|
|---|
| | | float: left;
|
|---|
| | | width: 50%;
|
|---|
| | | position: relative;
|
|---|
| | | z-index: 5;
|
|---|
| | | }
|
|---|
| | | .dwbc-p .dwbw {
|
|---|
| | | width: 33.33%;
|
|---|
| | | }
|
|---|
| | | /* Hidden label */
|
|---|
| | | .dwhl {
|
|---|
| | | padding-top: 10px;
|
|---|
| | | }
|
|---|
| | | .dwhl .dwl {
|
|---|
| | | display: none;
|
|---|
| | | }
|
|---|
| | | /* Multiple selection */
|
|---|
| | | .dwms .dwwms .dw-li {
|
|---|
| | | padding: 0 40px;
|
|---|
| | | position: relative;
|
|---|
| | | }
|
|---|
| | | .dwms .dw-msel:after {
|
|---|
| | | width: 40px;
|
|---|
| | | text-align: center;
|
|---|
| | | position: absolute;
|
|---|
| | | top: 0;
|
|---|
| | | left: 0;
|
|---|
| | | content: 'â';
|
|---|
| | | }
|
|---|
| | | /* Backgrounds */
|
|---|
| | | .dwbg {
|
|---|
| | | background: #fff;
|
|---|
| | | border-radius: 3px;
|
|---|
| | | -webkit-border-radius: 3px;
|
|---|
| | | }
|
|---|
| | | .dwbg .dwpm .dwwl {
|
|---|
| | | border: 1px solid #aaa;
|
|---|
| | | }
|
|---|
| | | .dwbg .dwpm .dww {
|
|---|
| | | color: #000;
|
|---|
| | | background: #fff;
|
|---|
| | | -webkit-border-radius: 3px;
|
|---|
| | | }
|
|---|
| | | .dwbg .dwwb {
|
|---|
| | | background: #ccc;
|
|---|
| | | color: #888;
|
|---|
| | | text-shadow: 0 -1px 1px #333;
|
|---|
| | | box-shadow: 0 0 5px #333;
|
|---|
| | | -webkit-box-shadow: 0 0 5px #333;
|
|---|
| | | }
|
|---|
| | | .dwbg .dwwbp {
|
|---|
| | | background: linear-gradient(#f7f7f7,#bdbdbd);
|
|---|
| | | background: -webkit-gradient(linear,left bottom,left top,from(#bdbdbd),to(#f7f7f7));
|
|---|
| | | background: -moz-linear-gradient(#f7f7f7,#bdbdbd);
|
|---|
| | | background: -o-linear-gradient(#f7f7f7,#bdbdbd);
|
|---|
| | | }
|
|---|
| | | .dwbg .dwwbm {
|
|---|
| | | background: linear-gradient(#bdbdbd,#f7f7f7);
|
|---|
| | | background: -webkit-gradient(linear,left bottom,left top,from(#f7f7f7),to(#bdbdbd));
|
|---|
| | | background: -moz-linear-gradient(#bdbdbd,#f7f7f7);
|
|---|
| | | background: -o-linear-gradient(#bdbdbd,#f7f7f7);
|
|---|
| | | }
|
|---|
| | | .dwbg .dwb-a {
|
|---|
| | | background: #3c7500;
|
|---|
| | | background: linear-gradient(#94c840 50%,#3c7500 50%);
|
|---|
| | | background: -webkit-gradient(linear,left bottom,left top,color-stop(0.5, #3c7500),color-stop(0.5, #94c840));
|
|---|
| | | background: -moz-linear-gradient(#94c840 50%,#3c7500 50%);
|
|---|
| | | background: -o-linear-gradient(#94c840 50%,#3c7500 50%);
|
|---|
| | | }
|
|---|
| | | .dwbg .dwwl .dwb-a {
|
|---|
| | | background: #3c7500;
|
|---|
| | | background: linear-gradient(#94c840,#3c7500);
|
|---|
| | | background: -webkit-gradient(linear,left bottom,left top,from(#3c7500),to(#94c840));
|
|---|
| | | background: -moz-linear-gradient(#94c840,#3c7500);
|
|---|
| | | background: -o-linear-gradient(#94c840,#3c7500);
|
|---|
| | | }
|
|---|
| New file |
| | |
|---|
| | | /* Android ICS skin */
|
|---|
| | | .android-ics .dw {
|
|---|
| | | padding: 0;
|
|---|
| | | color: #31b6e7;
|
|---|
| | | background: #292829;
|
|---|
| | | }
|
|---|
| | | .android-ics .dw .dwwc,
|
|---|
| | | .android-ics .dw .dwwl,
|
|---|
| | | .android-ics .dw .dww,
|
|---|
| | | .android-ics .dw .dwb,
|
|---|
| | | .android-ics .dw .dwpm .dww {
|
|---|
| | | background: none;
|
|---|
| | | }
|
|---|
| | | .android-ics .dwwr {
|
|---|
| | | padding: 0;
|
|---|
| | | }
|
|---|
| | | .android-ics .dwc {
|
|---|
| | | margin: 0;
|
|---|
| | | padding: 30px 10px 1px 10px;
|
|---|
| | | }
|
|---|
| | | .android-ics .dwhl {
|
|---|
| | | padding: 1px 10px;
|
|---|
| | | }
|
|---|
| | | .android-ics .dwv {
|
|---|
| | | height: 36px;
|
|---|
| | | line-height: 36px;
|
|---|
| | | padding: 0;
|
|---|
| | | border-bottom: 2px solid #31b6e7;
|
|---|
| | | font-size: 18px;
|
|---|
| | | }
|
|---|
| | | .android-ics .dwwl {
|
|---|
| | | margin: 0 2px;
|
|---|
| | | }
|
|---|
| | | .android-ics .dww,
|
|---|
| | | .android-ics .dw .dwpm .dwwl,
|
|---|
| | | .android-ics .dw .dwpm .dww {
|
|---|
| | | border: 0;
|
|---|
| | | }
|
|---|
| | | .android-ics .dww .dw-li {
|
|---|
| | | color: #fff;
|
|---|
| | | font-size: 18px;
|
|---|
| | | text-shadow: none;
|
|---|
| | | }
|
|---|
| | | .android-ics .dww .dw-li.dw-hl {
|
|---|
| | | background: #31b6e7;
|
|---|
| | | background: rgba(49,182,231,.5);
|
|---|
| | | }
|
|---|
| | | .android-ics .dwwo {
|
|---|
| | | background: linear-gradient(#282828 0%,rgba(40,40,40,0) 52%, rgba(40,40,40,0) 48%, #282828 100%);
|
|---|
| | | background: -webkit-gradient(linear,left bottom,left top,from(#282828),color-stop(0.52, rgba(40,40,40,0)),color-stop(0.48, rgba(40,40,40,0)),to(#282828));
|
|---|
| | | background: -moz-linear-gradient(#282828 0%,rgba(40,40,40,0) 52%, rgba(40,40,40,0) 48%, #282828 100%);
|
|---|
| | | background: -o-linear-gradient(#282828 0%,rgba(40,40,40,0) 52%, rgba(40,40,40,0) 48%, #282828 100%);
|
|---|
| | | }
|
|---|
| | | .android-ics .dw .dwwb {
|
|---|
| | | background: #292829;
|
|---|
| | | box-shadow: none;
|
|---|
| | | -webkit-box-shadow: none;
|
|---|
| | | }
|
|---|
| | | .android-ics .dwwb span {
|
|---|
| | | display: none;
|
|---|
| | | }
|
|---|
| | | .android-ics .dwwb:after {
|
|---|
| | | position: absolute;
|
|---|
| | | top: 50%;
|
|---|
| | | left: 50%;
|
|---|
| | | margin-top: -8px;
|
|---|
| | | margin-left: -8px;
|
|---|
| | | color: #7e7e7e;
|
|---|
| | | width: 0;
|
|---|
| | | height: 0;
|
|---|
| | | border-width: 8px;
|
|---|
| | | border-style: solid;
|
|---|
| | | content: '';
|
|---|
| | | }
|
|---|
| | | .android-ics .dwwbm {
|
|---|
| | | top: 0;
|
|---|
| | | bottom: auto;
|
|---|
| | | }
|
|---|
| | | .android-ics .dwwbp {
|
|---|
| | | bottom: 0;
|
|---|
| | | top: auto;
|
|---|
| | | }
|
|---|
| | | .android-ics .dwwbm:after {
|
|---|
| | | border-color: transparent transparent #7e7e7e transparent;
|
|---|
| | | }
|
|---|
| | | .android-ics .dwwbp:after {
|
|---|
| | | border-color: #7e7e7e transparent transparent transparent;
|
|---|
| | | }
|
|---|
| | | .android-ics .dw .dwwl .dwb-a {
|
|---|
| | | background: #292829;
|
|---|
| | | }
|
|---|
| | | .android-ics .dwwbm.dwb-a:after {
|
|---|
| | | border-color: transparent transparent #319abd transparent;
|
|---|
| | | }
|
|---|
| | | .android-ics .dwwbp.dwb-a:after {
|
|---|
| | | border-color: #319abd transparent transparent transparent;
|
|---|
| | | }
|
|---|
| | | .android-ics .dw .dwwol {
|
|---|
| | | width: 60%;
|
|---|
| | | left: 20%;
|
|---|
| | | height: 36px;
|
|---|
| | | border-top: 2px solid #31b6e7;
|
|---|
| | | border-bottom: 2px solid #31b6e7;
|
|---|
| | | margin-top: -20px;
|
|---|
| | | display: block;
|
|---|
| | | }
|
|---|
| | | .android-ics .dwbc {
|
|---|
| | | border-top: 1px solid #424542;
|
|---|
| | | padding: 0;
|
|---|
| | | }
|
|---|
| | | .android-ics .dw .dwb {
|
|---|
| | | height: 36px;
|
|---|
| | | line-height: 36px;
|
|---|
| | | padding: 0;
|
|---|
| | | margin: 0;
|
|---|
| | | font-weight: normal;
|
|---|
| | | text-shadow: none;
|
|---|
| | | box-shadow: none;
|
|---|
| | | border-radius: 0;
|
|---|
| | | -webkit-border-radius: 0;
|
|---|
| | | -webkit-box-shadow: none;
|
|---|
| | | }
|
|---|
| | | .android-ics .dw .dwb-a {
|
|---|
| | | background: #29799c;
|
|---|
| | | }
|
|---|
| | | .android-ics .dwb-s .dwb, .android-ics .dwb-n .dwb {
|
|---|
| | | border-right: 1px solid #424542;
|
|---|
| | | }
|
|---|
| | | /* Docked */
|
|---|
| | | .android-ics.dw-bottom .dw, .android-ics.dw-top .dw {
|
|---|
| | | border-radius: 0;
|
|---|
| | | -webkit-border-radius: 0;
|
|---|
| | | }
|
|---|
| | | /* Multiple select */
|
|---|
| | | .android-ics .dwwms .dwwol {
|
|---|
| | | display: none;
|
|---|
| | | }
|
|---|
| | | .android-ics .dwwms .dw-li {
|
|---|
| | | padding-left: 5px;
|
|---|
| | | padding-right: 36px;
|
|---|
| | | }
|
|---|
| | | .android-ics .dwwms .dw-li:after {
|
|---|
| | | content: '';
|
|---|
| | | position: absolute;
|
|---|
| | | top: 50%;
|
|---|
| | | left: auto;
|
|---|
| | | right: 10px;
|
|---|
| | | width: 14px;
|
|---|
| | | height: 14px;
|
|---|
| | | margin-top: -9px;
|
|---|
| | | color: #31b6e7;
|
|---|
| | | line-height: 14px;
|
|---|
| | | border: 1px solid #424542;
|
|---|
| | | text-shadow: 0 0 5px #29799c;
|
|---|
| | | }
|
|---|
| | | .android-ics .dwwms .dw-msel:after {
|
|---|
| | | content: 'â';
|
|---|
| | | }
|
|---|
| | | /* Light version */
|
|---|
| | | .android-ics.light .dw {
|
|---|
| | | background: #f5f5f5;
|
|---|
| | | }
|
|---|
| | | .android-ics.light .dww .dw-li {
|
|---|
| | | color: #000;
|
|---|
| | | }
|
|---|
| | | .android-ics.light .dwwo {
|
|---|
| | | background: linear-gradient(#f5f5f5 0%,rgba(245,245,245,0) 52%, rgba(245,245,245,0) 48%, #f5f5f5 100%);
|
|---|
| | | background: -webkit-gradient(linear,left bottom,left top,from(#f5f5f5),color-stop(0.52, rgba(245,245,245,0)),color-stop(0.48, rgba(245,245,245,0)),to(#f5f5f5));
|
|---|
| | | background: -moz-linear-gradient(#f5f5f5 0%,rgba(245,245,245,0) 52%, rgba(245,245,245,0) 48%, #f5f5f5 100%);
|
|---|
| | | background: -o-linear-gradient(#f5f5f5 0%,rgba(245,245,245,0) 52%, rgba(245,245,245,0) 48%, #f5f5f5 100%);
|
|---|
| | | }
|
|---|
| | | .android-ics.light .dw .dwwb {
|
|---|
| | | background: #f5f5f5;
|
|---|
| | | color: #f5f5f5;
|
|---|
| | | }
|
|---|
| | | .android-ics.light .dwbc {
|
|---|
| | | border-top: 1px solid #dbdbdb;
|
|---|
| | | }
|
|---|
| | | .android-ics.light .dwb {
|
|---|
| | | color: #000;
|
|---|
| | | }
|
|---|
| | | .android-ics.light .dwb-a {
|
|---|
| | | color: #fff;
|
|---|
| | | }
|
|---|
| | | .android-ics.light .dwb-s .dwb, .android-ics.light .dwb-n .dwb {
|
|---|
| | | border-right: 1px solid #dbdbdb;
|
|---|
| | | }
|
|---|
| | | /* Bubble positioning */
|
|---|
| | | .android-ics .dw-bubble-bottom .dw-arr {
|
|---|
| | | border-color: transparent transparent #292829 transparent;
|
|---|
| | | }
|
|---|
| | | .android-ics .dw-bubble-top .dw-arr {
|
|---|
| | | border-color: #292829 transparent transparent transparent;
|
|---|
| | | }
|
|---|
| | | /* Bubble positioning */
|
|---|
| | | .android-ics.light .dw-bubble-bottom .dw-arr {
|
|---|
| | | border-color: transparent transparent #f5f5f5 transparent;
|
|---|
| | | }
|
|---|
| | | .android-ics.light .dw-bubble-top .dw-arr {
|
|---|
| | | border-color: #f5f5f5 transparent transparent transparent;
|
|---|
| | | }
|
|---|
| | | /* Multiple select */
|
|---|
| | | .android-ics.light .dwwms .dw-li:after {
|
|---|
| | | text-shadow: 0 0 5px #31b6e7;
|
|---|
| | | }
|
|---|
| | |
|---|
| | |
|
|---|
| | | .div_tips_content {
|
|---|
| | | margin-top: 0.43rem;
|
|---|
| | | padding-left: 0.26rem;
|
|---|
| | | padding-left: 0.26rem; |
|---|
| | | padding-right: 0.21rem;
|
|---|
| | | color: #333333;
|
|---|
| | | font-size: 0.24rem;
|
|---|
| | | }
|
|---|
| | |
|---|
| | |
|
|---|
| | | .div_tips_content {
|
|---|
| | | margin-top: 0.43rem;
|
|---|
| | | padding-left: 0.26rem;
|
|---|
| | | padding-left: 0.26rem; |
|---|
| | | padding-right: 0.21rem;
|
|---|
| | | color: #333333;
|
|---|
| | | font-size: 0.24rem;
|
|---|
| | | } |
|---|
| | |
|---|
| | |
|
|---|
| | | .div_tips_content {
|
|---|
| | | margin-top: 0.43rem;
|
|---|
| | | padding-left: 0.26rem;
|
|---|
| | | padding-left: 0.26rem; |
|---|
| | | padding-right: 0.21rem;
|
|---|
| | | color: #333333;
|
|---|
| | | font-size: 0.24rem;
|
|---|
| | | }
|
|---|
| | |
|---|
| | | margin-top: 0.43rem;
|
|---|
| | | padding-left: 0.26rem;
|
|---|
| | | color: #333333;
|
|---|
| | | font-size: 0.24rem;
|
|---|
| | | font-size: 0.24rem; |
|---|
| | | padding-right: 0.15rem;
|
|---|
| | | } |
|---|
| | | |
|---|
| | | .dialogmask {
|
|---|
| | |
|---|
| | | right: 0;
|
|---|
| | | top: 0;
|
|---|
| | | bottom: 0;
|
|---|
| | | max-height: 6.1rem;
|
|---|
| | | max-height: 7.5rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .dialog>img {
|
|---|
| | |
|---|
| | | <!-- è´¦æ·ä½é¢ -->
|
|---|
| | | <div class="div_balance">
|
|---|
| | | <div>è´¦æ·ä½é¢</div>
|
|---|
| | | <input id="inpunt_accountBalance" class="input" v-model="moneyInfo.balanceMoney" type="text" placeholder="ä¸è¦è¶
è¿7ä½æ°ï¼æ¯æå°æ°ç¹å两ä½"
|
|---|
| | | onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" maxlength="10">
|
|---|
| | | <input id="inpunt_accountBalance" class="input" :value="moneyInfo.balanceMoney" type="number" placeholder="ä¸è¦è¶
è¿7ä½æ°ï¼æ¯æå°æ°ç¹å两ä½"
|
|---|
| | | onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')">
|
|---|
| | | </div>
|
|---|
| | | <!-- èµé详æ
-->
|
|---|
| | | <div class="div_fundDetail">
|
|---|
| | |
|---|
| | | <div class="div_input">
|
|---|
| | | <div class="div_content">
|
|---|
| | | <div>Â¥</div>
|
|---|
| | | <input id="inpunt_monthExtractMoney" class="input_number" v-model="moneyInfo.monthExtractMoney" type="text"
|
|---|
| | | <input id="inpunt_monthExtractMoney" class="input_number" :value="moneyInfo.monthExtractMoney" type="number"
|
|---|
| | | onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" @focus="focus()"
|
|---|
| | | @blur="blur()">
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | <div class="div_input">
|
|---|
| | | <div class="div_content">
|
|---|
| | | <div>Â¥</div>
|
|---|
| | | <input id="inpunt_lastMonthExtractMoney" class="input_number" v-model="moneyInfo.lastMonthExtractMoney" type="text"
|
|---|
| | | <input id="inpunt_lastMonthExtractMoney" class="input_number" :value="moneyInfo.lastMonthExtractMoney" type="number"
|
|---|
| | | onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" @focus="focus()"
|
|---|
| | | @blur="blur()">
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | <div class="div_input">
|
|---|
| | | <div class="div_content">
|
|---|
| | | <div>Â¥</div>
|
|---|
| | | <input id="inpunt_totalExtractMoney" class="input_number" v-model="moneyInfo.totalExtractMoney" type="text"
|
|---|
| | | <input id="inpunt_totalExtractMoney" class="input_number" :value="moneyInfo.totalExtractMoney" type="number"
|
|---|
| | | onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" @focus="focus()"
|
|---|
| | | @blur="blur()">
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | <div class="div_input">
|
|---|
| | | <div class="div_content">
|
|---|
| | | <div>Â¥</div>
|
|---|
| | | <input id="inpunt_totalFanLiMoney" class="input_number" v-model="moneyInfo.totalFanLiMoney" type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')"
|
|---|
| | | @focus="focus()" @blur="blur()">
|
|---|
| | | <input id="inpunt_totalFanLiMoney" class="input_number" :value="moneyInfo.totalFanLiMoney" type="number"
|
|---|
| | | onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" @focus="focus()"
|
|---|
| | | @blur="blur()">
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | <div class="div_input">
|
|---|
| | | <div class="div_content">
|
|---|
| | | <div>Â¥</div>
|
|---|
| | | <input id="inpunt_totalShareMoney" class="input_number" v-model="moneyInfo.totalShareMoney" type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')"
|
|---|
| | | @focus="focus()" @blur="blur()">
|
|---|
| | | <input id="inpunt_totalShareMoney" class="input_number" :value="moneyInfo.totalShareMoney" type="number"
|
|---|
| | | onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" @focus="focus()"
|
|---|
| | | @blur="blur()">
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | <div class="div_input">
|
|---|
| | | <div class="div_content">
|
|---|
| | | <div>Â¥</div>
|
|---|
| | | <input id="inpunt_totalInviteMoney" class="input_number" v-model="moneyInfo.totalInviteMoney" type="text"
|
|---|
| | | <input id="inpunt_totalInviteMoney" class="input_number" :value="moneyInfo.totalInviteMoney" type="number"
|
|---|
| | | onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" @focus="focus()"
|
|---|
| | | @blur="blur()">
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | <div class="div_input">
|
|---|
| | | <div class="div_content">
|
|---|
| | | <div>Â¥</div>
|
|---|
| | | <input id="inpunt_monthSettleMoney" class="input_number" v-model="moneyInfo.monthSettleMoney" type="text"
|
|---|
| | | <input id="inpunt_monthSettleMoney" class="input_number" :value="moneyInfo.monthSettleMoney" type="number"
|
|---|
| | | onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" @focus="focus()"
|
|---|
| | | @blur="blur()">
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | <div class="div_input">
|
|---|
| | | <div class="div_content">
|
|---|
| | | <div>Â¥</div>
|
|---|
| | | <input id="inpunt_lastMonthSettleMoney" class="input_number" v-model="moneyInfo.lastMonthSettleMoney" type="text"
|
|---|
| | | <input id="inpunt_lastMonthSettleMoney" class="input_number" :value="moneyInfo.lastMonthSettleMoney" type="number"
|
|---|
| | | onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" @focus="focus()"
|
|---|
| | | @blur="blur()">
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | <div class="div_input">
|
|---|
| | | <div class="div_content">
|
|---|
| | | <div>Â¥</div>
|
|---|
| | | <input id="inpunt_notSettleMoney" class="input_number" v-model="moneyInfo.notSettleMoney" type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')"
|
|---|
| | | <input id="inpunt_notSettleMoney" class="input_number" :value="moneyInfo.notSettleMoney" type="number" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')"
|
|---|
| | | @focus="focus()" @blur="blur()">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | <div id="div_thisMonth_sy" class="baleneceName">
|
|---|
| | | æ»é¢ä¼°æ¶ç
|
|---|
| | | </div>
|
|---|
| | | <div class="div_input">
|
|---|
| | | <div class="div_content">
|
|---|
| | | <div>Â¥</div>
|
|---|
| | | <input id="inpunt_thisday_totalMoney" class="input_number_otner_other" v-model="moneyInfo.todayPredict.totalMoney"
|
|---|
| | | type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" @focus="focus()"
|
|---|
| | | <div class="div_input_other">
|
|---|
| | | <div class="div_content_other">
|
|---|
| | | <div class="fuhao_other">Â¥</div>
|
|---|
| | | <input id="inpunt_thisday_totalMoney" class="input_number_otner_other" :value="moneyInfo.todayPredict.totalMoney"
|
|---|
| | | type="number" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" @focus="focus()"
|
|---|
| | | @blur="blur()">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | <div id="div_thisMonth_sy" class="baleneceName">
|
|---|
| | | æ»ä»æ¬¾è®¢åæ°ï¼ç¬ï¼
|
|---|
| | | </div>
|
|---|
| | | <div class="div_input">
|
|---|
| | | <input id="inpunt_thisday_totalNum" class="input_number_otner" v-model="moneyInfo.todayPredict.totalNum" type="text"
|
|---|
| | | onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" @focus="focus()" @blur="blur()">
|
|---|
| | | <div class="div_input_other">
|
|---|
| | | <div class="div_content_other">
|
|---|
| | | <input id="inpunt_thisday_totalNum" class="input_number_otner" :value="moneyInfo.todayPredict.totalNum" type="number"
|
|---|
| | | onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" @focus="focus()"
|
|---|
| | | @blur="blur()">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | <div id="div_thisMonth_sy" class="baleneceName">
|
|---|
| | | é¢ä¼°æçæ¶ç
|
|---|
| | | </div>
|
|---|
| | | <div class="div_input">
|
|---|
| | | <div class="div_content">
|
|---|
| | | <div>Â¥</div>
|
|---|
| | | <input id="inpunt_thisday_mineMoney" class="input_number_otner_other" v-model="moneyInfo.todayPredict.mineMoney"
|
|---|
| | | type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" @focus="focus()"
|
|---|
| | | <div class="div_input_other">
|
|---|
| | | <div class="div_content_other">
|
|---|
| | | <div class="fuhao_other">Â¥</div>
|
|---|
| | | <input id="inpunt_thisday_mineMoney" class="input_number_otner_other" :value="moneyInfo.todayPredict.mineMoney"
|
|---|
| | | type="number" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" @focus="focus()"
|
|---|
| | | @blur="blur()">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | <div id="div_thisMonth_sy" class="baleneceName">
|
|---|
| | | ä»æ¬¾è®¢åæ°ï¼ç¬ï¼
|
|---|
| | | </div>
|
|---|
| | | <div class="div_input">
|
|---|
| | | <input id="inpunt_thisday_mineNum" class="input_number_otner" v-model="moneyInfo.todayPredict.mineNum" type="text"
|
|---|
| | | onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" @focus="focus()" @blur="blur()">
|
|---|
| | | <div class="div_input_other">
|
|---|
| | | <div class="div_content_other">
|
|---|
| | | <input id="inpunt_thisday_mineNum" class="input_number_otner" :value="moneyInfo.todayPredict.mineNum" type="number"
|
|---|
| | | onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" @focus="focus()"
|
|---|
| | | @blur="blur()">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | <div id="div_thisMonth_sy" class="baleneceName">
|
|---|
| | | é¢ä¼°å¢éæ¶ç
|
|---|
| | | </div>
|
|---|
| | | <div class="div_input">
|
|---|
| | | <div class="div_content">
|
|---|
| | | <div>Â¥</div>
|
|---|
| | | <input id="inpunt_thisday_teamMoney" class="input_number_otner_other" v-model="moneyInfo.todayPredict.teamMoney"
|
|---|
| | | type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" @focus="focus()"
|
|---|
| | | <div class="div_input_other">
|
|---|
| | | <div class="div_content_other">
|
|---|
| | | <div class="fuhao_other">Â¥</div>
|
|---|
| | | <input id="inpunt_thisday_teamMoney" class="input_number_otner_other" :value="moneyInfo.todayPredict.teamMoney"
|
|---|
| | | type="number" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" @focus="focus()"
|
|---|
| | | @blur="blur()">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | <div id="div_thisMonth_sy" class="baleneceName">
|
|---|
| | | ä»æ¬¾è®¢åæ°ï¼ç¬ï¼
|
|---|
| | | </div>
|
|---|
| | | <div class="div_input">
|
|---|
| | | <input id="inpunt_thisday_teamNum" class="input_number_otner" v-model="moneyInfo.todayPredict.teamNum" type="text"
|
|---|
| | | onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" @focus="focus()" @blur="blur()">
|
|---|
| | | <div class="div_input_other">
|
|---|
| | | <div class="div_content_other">
|
|---|
| | | <input id="inpunt_thisday_teamNum" class="input_number_otner" :value="moneyInfo.todayPredict.teamNum" type="number"
|
|---|
| | | onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" @focus="focus()"
|
|---|
| | | @blur="blur()">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | <div id="div_thisMonth_sy" class="baleneceName">
|
|---|
| | | æ»é¢ä¼°æ¶ç
|
|---|
| | | </div>
|
|---|
| | | <div class="div_input">
|
|---|
| | | <div class="div_content">
|
|---|
| | | <div>Â¥</div>
|
|---|
| | | <input id="inpunt_thismonth_totalMoney" class="input_number_otner_other" v-model="moneyInfo.monthPredict.totalMoney"
|
|---|
| | | type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" @focus="focus()"
|
|---|
| | | <div class="div_input_other">
|
|---|
| | | <div class="div_content_other">
|
|---|
| | | <div class="fuhao_other">Â¥</div>
|
|---|
| | | <input id="inpunt_thismonth_totalMoney" class="input_number_otner_other" :value="moneyInfo.monthPredict.totalMoney"
|
|---|
| | | type="number" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" @focus="focus()"
|
|---|
| | | @blur="blur()">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | <div id="div_thisMonth_sy" class="baleneceName">
|
|---|
| | | æ»ä»æ¬¾è®¢åæ°ï¼ç¬ï¼
|
|---|
| | | </div>
|
|---|
| | | <div class="div_input">
|
|---|
| | | <input id="inpunt_thismonth_totalNum" class="input_number_otner" v-model="moneyInfo.monthPredict.totalNum" type="text"
|
|---|
| | | onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" @focus="focus()" @blur="blur()">
|
|---|
| | | <div class="div_input_other">
|
|---|
| | | <div class="div_content_other">
|
|---|
| | | <input id="inpunt_thismonth_totalNum" class="input_number_otner" :value="moneyInfo.monthPredict.totalNum" type="number"
|
|---|
| | | onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" @focus="focus()"
|
|---|
| | | @blur="blur()">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | <div id="div_thisMonth_sy" class="baleneceName">
|
|---|
| | | é¢ä¼°æçæ¶ç
|
|---|
| | | </div>
|
|---|
| | | <div class="div_input">
|
|---|
| | | <div class="div_content">
|
|---|
| | | <div>Â¥</div>
|
|---|
| | | <input id="inpunt_thismoney_mineMoney" class="input_number_otner_other" v-model="moneyInfo.monthPredict.mineMoney"
|
|---|
| | | type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" @focus="focus()"
|
|---|
| | | <div class="div_input_other">
|
|---|
| | | <div class="div_content_other">
|
|---|
| | | <div class="fuhao_other">Â¥</div>
|
|---|
| | | <input id="inpunt_thismoney_mineMoney" class="input_number_otner_other" :value="moneyInfo.monthPredict.mineMoney"
|
|---|
| | | type="number" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" @focus="focus()"
|
|---|
| | | @blur="blur()">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | <div id="div_thisMonth_sy" class="baleneceName">
|
|---|
| | | ä»æ¬¾è®¢åæ°ï¼ç¬ï¼
|
|---|
| | | </div>
|
|---|
| | | <div class="div_input">
|
|---|
| | | <input id="inpunt_thismonth_mineNum" class="input_number_otner" v-model="moneyInfo.monthPredict.mineNum" type="text"
|
|---|
| | | onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" @focus="focus()" @blur="blur()">
|
|---|
| | | <div class="div_input_other">
|
|---|
| | | <div class="div_content_other">
|
|---|
| | | <input id="inpunt_thismonth_mineNum" class="input_number_otner" :value="moneyInfo.monthPredict.mineNum" type="number"
|
|---|
| | | onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" @focus="focus()"
|
|---|
| | | @blur="blur()">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | <div id="div_thisMonth_sy" class="baleneceName">
|
|---|
| | | é¢ä¼°å¢éæ¶ç
|
|---|
| | | </div>
|
|---|
| | | <div class="div_input">
|
|---|
| | | <div class="div_content">
|
|---|
| | | <div>Â¥</div>
|
|---|
| | | <input id="inpunt_thismonth_teamMoney" class="input_number_otner_other" v-model="moneyInfo.monthPredict.teamMoney"
|
|---|
| | | type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" @focus="focus()"
|
|---|
| | | <div class="div_input_other">
|
|---|
| | | <div class="div_content_other">
|
|---|
| | | <div class="fuhao_other">Â¥</div>
|
|---|
| | | <input id="inpunt_thismonth_teamMoney" class="input_number_otner_other" :value="moneyInfo.monthPredict.teamMoney"
|
|---|
| | | type="number" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" @focus="focus()"
|
|---|
| | | @blur="blur()">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | <div id="div_thisMonth_sy" class="baleneceName">
|
|---|
| | | ä»æ¬¾è®¢åæ°ï¼ç¬ï¼
|
|---|
| | | </div>
|
|---|
| | | <div class="div_input">
|
|---|
| | | <input id="inpunt_thismonth_teamNum" class="input_number_otner" v-model="moneyInfo.monthPredict.teamNum" type="text"
|
|---|
| | | onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" @focus="focus()" @blur="blur()">
|
|---|
| | | <div class="div_input_other">
|
|---|
| | | <div class="div_content_other">
|
|---|
| | | <input id="inpunt_thismonth_teamNum" class="input_number_otner" :value="moneyInfo.monthPredict.teamNum" type="number"
|
|---|
| | | onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" @focus="focus()"
|
|---|
| | | @blur="blur()">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | yesApp.toast('请å°ä¿¡æ¯è¡¥å
å®æ´')
|
|---|
| | | return;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | if (parseInt(monthExtractMoney) > parseInt(totalExtractMoney)) {
|
|---|
| | | yesApp.toast('æ¬ææç°ä¸è½è¶
è¿ç´¯è®¡æç°')
|
|---|
| | | return;
|
|---|
| | | }
|
|---|
| | | if (parseInt(lastMonthExtractMoney) > parseInt(totalExtractMoney)) {
|
|---|
| | | yesApp.toast('ä¸ææç°ä¸è½è¶
è¿ç´¯è®¡æç°')
|
|---|
| | | return;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | if (parseInt(monthExtractMoney) + parseInt(lastMonthExtractMoney) > parseInt(totalExtractMoney)) {
|
|---|
| | | yesApp.toast('累计æç°ä¸å¾å°äºæ¬ææç°+ä¸ææç°')
|
|---|
| | | return;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | if (parseInt(todayPredict_totalMoney) != 0 && parseInt(todayPredict_totalNum) == 0) {
|
|---|
| | | yesApp.toast('ä»æ¬¾è®¢åæ°ä¸å¾ä¸º0');
|
|---|
| | | $('#inpunt_thisday_totalNum').css('color', '#E5005C');
|
|---|
| | | return;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | if (parseInt(todayPredict_mineMoney) != 0 && parseInt(todayPredict_mineNum) == 0) {
|
|---|
| | | yesApp.toast('ä»æ¬¾è®¢åæ°ä¸å¾ä¸º0');
|
|---|
| | | $('#inpunt_thisday_mineNum').css('color', '#E5005C');
|
|---|
| | | return;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | if (parseInt(todayPredict_teamMoney) != 0 && parseInt(todayPredict_teamNum) == 0) {
|
|---|
| | | yesApp.toast('ä»æ¬¾è®¢åæ°ä¸å¾ä¸º0');
|
|---|
| | | $('#inpunt_thisday_teamNum').css('color', '#E5005C');
|
|---|
| | | return;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | if (parseInt(monthPredict_totalMoney) != 0 && parseInt(monthPredict_totalNum) == 0) {
|
|---|
| | | yesApp.toast('ä»æ¬¾è®¢åæ°ä¸å¾ä¸º0');
|
|---|
| | | $('#inpunt_thismonth_totalNum').css('color', '#E5005C');
|
|---|
| | | return;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | if (parseInt(monthPredict_mineMoney) != 0 && parseInt(monthPredict_mineNum) == 0) {
|
|---|
| | | yesApp.toast('ä»æ¬¾è®¢åæ°ä¸å¾ä¸º0');
|
|---|
| | | $('#inpunt_thismonth_mineNum').css('color', '#E5005C');
|
|---|
| | | return;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | if (parseInt(monthPredict_teamMoney) != 0 && parseInt(monthPredict_teamNum) == 0) {
|
|---|
| | | yesApp.toast('ä»æ¬¾è®¢åæ°ä¸å¾ä¸º0');
|
|---|
| | | $('#inpunt_thismonth_teamNum').css('color', '#E5005C');
|
|---|
| | | return;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | if (parseInt(todayPredict_totalMoney) > parseInt(monthPredict_totalMoney)) {
|
|---|
| | | yesApp.toast('ä»æ¥æ»é¢ä¼°æ¶çä¸è½è¶
è¿æ¬ææ»é¢ä¼°æ¶ç')
|
|---|
| | | $('#inpunt_thisday_totalMoney').css('color', '#E5005C');
|
|---|
| | | $('#inpunt_thismonth_totalMoney').css('color', '#E5005C');
|
|---|
| | | return;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | if (parseInt(todayPredict_totalNum) > parseInt(monthPredict_totalNum)) {
|
|---|
| | | yesApp.toast('ä»æ¥æ»é¢ä¼°æ¶çä»æ¬¾è®¢åæ°ä¸è½è¶
è¿æ¬ææ»é¢ä¼°æ¶çä»æ¬¾è®¢åæ°')
|
|---|
| | | $('#inpunt_thisday_totalNum').css('color', '#E5005C');
|
|---|
| | | $('#inpunt_thismonth_totalNum').css('color', '#E5005C');
|
|---|
| | | return;
|
|---|
| | | }
|
|---|
| | | if (parseInt(todayPredict_mineMoney) > parseInt(monthPredict_mineMoney)) {
|
|---|
| | | yesApp.toast('ä»æ¥é¢ä¼°æçæ¶çä¸è½è¶
è¿æ¬æé¢ä¼°æçæ¶ç')
|
|---|
| | | $('#inpunt_thisday_mineMoney').css('color', '#E5005C');
|
|---|
| | | $('#inpunt_thismoney_mineMoney').css('color', '#E5005C');
|
|---|
| | | return;
|
|---|
| | | }
|
|---|
| | | if (parseInt(todayPredict_mineNum) > parseInt(monthPredict_mineNum)) {
|
|---|
| | | yesApp.toast('ä»æ¥ä»æ¬¾è®¢åæ°ä¸è½è¶
è¿æ¬æä»æ¬¾è®¢åæ°');
|
|---|
| | | $('#inpunt_thisday_mineNum').css('color', '#E5005C');
|
|---|
| | | $('#inpunt_thismonth_mineNum').css('color', '#E5005C');
|
|---|
| | | return;
|
|---|
| | | }
|
|---|
| | | if (parseInt(todayPredict_teamMoney) > parseInt(monthPredict_teamMoney)) {
|
|---|
| | | yesApp.toast('ä»æ¥é¢ä¼°å¢éæ¶çä¸è½è¶
è¿æ¬æé¢ä¼°å¢éæ¶ç')
|
|---|
| | | $('#inpunt_thisday_teamMoney').css('color', '#E5005C');
|
|---|
| | | $('#inpunt_thismonth_teamMoney').css('color', '#E5005C');
|
|---|
| | | return;
|
|---|
| | | }
|
|---|
| | | if (parseInt(todayPredict_teamNum) > parseInt(monthPredict_teamNum)) {
|
|---|
| | | yesApp.toast('ä»æ¥ä»æ¬¾è®¢åæ°ä¸è½è¶
è¿æ¬æä»æ¬¾è®¢åæ°');
|
|---|
| | | $('#inpunt_thisday_teamNum').css('color', '#E5005C');
|
|---|
| | | $('#inpunt_thismonth_teamNum').css('color', '#E5005C');
|
|---|
| | | return;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | yesApp.showLoading();
|
|---|
| | | var uid = yesApp.getUid();
|
|---|
| | | var params = {
|
|---|
| | |
|---|
| | | });
|
|---|
| | | }
|
|---|
| | | fetchFundInfo();
|
|---|
| | |
|
|---|
| | | $('#inpunt_accountBalance').bind('input propertychange', function() { //ç»å®å
容æ¹åæ§è¡æ¶é´
|
|---|
| | | var tvalmum;
|
|---|
| | | tvalnum = $(this).val().length;
|
|---|
| | | if (tvalnum > 6) {
|
|---|
| | | var tval = $(this).val();
|
|---|
| | | tval = tval.substring(0, 6); //æå®8ä½é¿åº¦ è¶
åºæªå
|
|---|
| | | $(this).val(tval);
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | $('.input_number').bind('input propertychange', function() { //ç»å®å
容æ¹åæ§è¡æ¶é´
|
|---|
| | | var tvalmum;
|
|---|
| | | tvalnum = $(this).val().length;
|
|---|
| | | if (tvalnum > 7) {
|
|---|
| | | var tval = $(this).val();
|
|---|
| | | tval = tval.substring(0, 7); //æå®8ä½é¿åº¦ è¶
åºæªå
|
|---|
| | | $(this).val(tval);
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | $('.input_number_otner_other').bind('input propertychange', function() { //ç»å®å
容æ¹åæ§è¡æ¶é´
|
|---|
| | | var tvalmum;
|
|---|
| | | tvalnum = $(this).val().length;
|
|---|
| | | if (tvalnum > 11) {
|
|---|
| | | var tval = $(this).val();
|
|---|
| | | tval = tval.substring(0, 11); //æå®8ä½é¿åº¦ è¶
åºæªå
|
|---|
| | | $(this).val(tval);
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | |
|
|---|
| | | $('.input_number_otner').bind('input propertychange', function() { //ç»å®å
容æ¹åæ§è¡æ¶é´
|
|---|
| | | var tvalmum;
|
|---|
| | | tvalnum = $(this).val().length;
|
|---|
| | | if (tvalnum > 11) {
|
|---|
| | | var tval = $(this).val();
|
|---|
| | | tval = tval.substring(0, 11); //æå®8ä½é¿åº¦ è¶
åºæªå
|
|---|
| | | $(this).val(tval);
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | |
|
|---|
| | | function setComCoclor() {
|
|---|
| | | $('#inpunt_thisday_totalMoney').css('color', '#333333');
|
|---|
| | | $('#inpunt_thismonth_totalMoney').css('color', '#333333');
|
|---|
| | | $('#inpunt_thisday_totalNum').css('color', '#333333');
|
|---|
| | | $('#inpunt_thismonth_totalNum').css('color', '#333333');
|
|---|
| | | $('#inpunt_thisday_mineMoney').css('color', '#333333');
|
|---|
| | | $('#inpunt_thismoney_mineMoney').css('color', '#333333');
|
|---|
| | | $('#inpunt_thisday_mineNum').css('color', '#333333');
|
|---|
| | | $('#inpunt_thismonth_mineNum').css('color', '#333333');
|
|---|
| | | $('#inpunt_thisday_teamMoney').css('color', '#333333');
|
|---|
| | | $('#inpunt_thismonth_teamMoney').css('color', '#333333');
|
|---|
| | | $('#inpunt_thisday_teamNum').css('color', '#333333');
|
|---|
| | | $('#inpunt_thismonth_teamNum').css('color', '#333333');
|
|---|
| | | };
|
|---|
| | |
|
|---|
| | | // æ»é¢ä¼°æ¶çï¼ä»æ¥ï¼æ¬æï¼å¯¹æ¯
|
|---|
| | | $('#inpunt_thisday_totalMoney').bind('input propertychange', function() {
|
|---|
| | | setComCoclor();
|
|---|
| | | });
|
|---|
| | | $('#inpunt_thismonth_totalMoney').bind('input propertychange', function() {
|
|---|
| | | setComCoclor();
|
|---|
| | | });
|
|---|
| | | // æ»é¢ä¼°æ¶çä»æ¬¾è®¢åæ°ï¼ä»æ¥ï¼æ¬æï¼å¯¹æ¯
|
|---|
| | | $('#inpunt_thisday_totalNum').bind('input propertychange', function() {
|
|---|
| | | setComCoclor();
|
|---|
| | | });
|
|---|
| | | $('#inpunt_thismonth_totalNum').bind('input propertychange', function() {
|
|---|
| | | setComCoclor();
|
|---|
| | | });
|
|---|
| | |
|
|---|
| | | // æçæ¶çï¼ä»æ¥ï¼æ¬æï¼å¯¹æ¯
|
|---|
| | | $('#inpunt_thisday_mineMoney').bind('input propertychange', function() {
|
|---|
| | | setComCoclor();
|
|---|
| | | });
|
|---|
| | | $('#inpunt_thismoney_mineMoney').bind('input propertychange', function() {
|
|---|
| | | setComCoclor();
|
|---|
| | | });
|
|---|
| | |
|
|---|
| | | // æçæ¶çä»æ¬¾è®¢åæ°ï¼ä»æ¥ï¼æ¬æï¼å¯¹æ¯
|
|---|
| | | $('#inpunt_thisday_mineNum').bind('input propertychange', function() {
|
|---|
| | | setComCoclor();
|
|---|
| | | });
|
|---|
| | |
|
|---|
| | | $('#inpunt_thismonth_mineNum').bind('input propertychange', function() {
|
|---|
| | | setComCoclor();
|
|---|
| | | });
|
|---|
| | |
|
|---|
| | | // å¢éæ¶çï¼ä»æ¥ï¼æ¬æï¼å¯¹æ¯
|
|---|
| | | $('#inpunt_thisday_teamMoney').bind('input propertychange', function() {
|
|---|
| | | setComCoclor();
|
|---|
| | | });
|
|---|
| | |
|
|---|
| | | $('#inpunt_thismonth_teamMoney').bind('input propertychange', function() {
|
|---|
| | | setComCoclor();
|
|---|
| | | });
|
|---|
| | |
|
|---|
| | | // å¢éæ¶çä»æ¬¾è®¢åæ°ï¼ä»æ¥ï¼æ¬æï¼å¯¹æ¯
|
|---|
| | | $('#inpunt_thisday_mineNum').bind('input propertychange', function() {
|
|---|
| | | setComCoclor();
|
|---|
| | | });
|
|---|
| | |
|
|---|
| | | $('#inpunt_thismonth_mineNum').bind('input propertychange', function() {
|
|---|
| | | setComCoclor();
|
|---|
| | | });
|
|---|
| | | });
|
|---|
| | | </script>
|
|---|
| | | </html> |
|---|
| New file |
| | |
|---|
| | | /*jslint eqeq: true, plusplus: true, undef: true, sloppy: true, vars: true, forin: true */
|
|---|
| | | (function ($) {
|
|---|
| | |
|
|---|
| | | var ms = $.mobiscroll,
|
|---|
| | | date = new Date(),
|
|---|
| | | defaults = {
|
|---|
| | | dateFormat: 'mm/dd/yy',
|
|---|
| | | dateOrder: 'mmddy',
|
|---|
| | | timeWheels: 'hhiiA',
|
|---|
| | | timeFormat: 'hh:ii A',
|
|---|
| | | startYear: date.getFullYear() - 100,
|
|---|
| | | endYear: date.getFullYear() + 1,
|
|---|
| | | monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
|
|---|
| | | monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
|
|---|
| | | dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
|
|---|
| | | dayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
|
|---|
| | | shortYearCutoff: '+10',
|
|---|
| | | monthText: 'Month',
|
|---|
| | | dayText: 'Day',
|
|---|
| | | yearText: 'Year',
|
|---|
| | | hourText: 'Hours',
|
|---|
| | | minuteText: 'Minutes',
|
|---|
| | | secText: 'Seconds',
|
|---|
| | | ampmText: ' ',
|
|---|
| | | nowText: 'Now',
|
|---|
| | | showNow: false,
|
|---|
| | | stepHour: 1,
|
|---|
| | | stepMinute: 1,
|
|---|
| | | stepSecond: 1,
|
|---|
| | | separator: ' '
|
|---|
| | | },
|
|---|
| | | preset = function (inst) {
|
|---|
| | | var that = $(this),
|
|---|
| | | html5def = {},
|
|---|
| | | format;
|
|---|
| | | // Force format for html5 date inputs (experimental)
|
|---|
| | | if (that.is('input')) {
|
|---|
| | | switch (that.attr('type')) {
|
|---|
| | | case 'date':
|
|---|
| | | format = 'yy-mm-dd';
|
|---|
| | | break;
|
|---|
| | | case 'datetime':
|
|---|
| | | format = 'yy-mm-ddTHH:ii:ssZ';
|
|---|
| | | break;
|
|---|
| | | case 'datetime-local':
|
|---|
| | | format = 'yy-mm-ddTHH:ii:ss';
|
|---|
| | | break;
|
|---|
| | | case 'month':
|
|---|
| | | format = 'yy-mm';
|
|---|
| | | html5def.dateOrder = 'mmyy';
|
|---|
| | | break;
|
|---|
| | | case 'time':
|
|---|
| | | format = 'HH:ii:ss';
|
|---|
| | | break;
|
|---|
| | | }
|
|---|
| | | // Check for min/max attributes
|
|---|
| | | var min = that.attr('min'),
|
|---|
| | | max = that.attr('max');
|
|---|
| | | if (min) {
|
|---|
| | | html5def.minDate = ms.parseDate(format, min);
|
|---|
| | | }
|
|---|
| | | if (max) {
|
|---|
| | | html5def.maxDate = ms.parseDate(format, max);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | // Set year-month-day order
|
|---|
| | | var s = $.extend({}, defaults, html5def, inst.settings),
|
|---|
| | | offset = 0,
|
|---|
| | | wheels = [],
|
|---|
| | | ord = [],
|
|---|
| | | o = {},
|
|---|
| | | i,
|
|---|
| | | k,
|
|---|
| | | f = { y: 'getFullYear', m: 'getMonth', d: 'getDate', h: getHour, i: getMinute, s: getSecond, a: getAmPm },
|
|---|
| | | p = s.preset,
|
|---|
| | | dord = s.dateOrder,
|
|---|
| | | tord = s.timeWheels,
|
|---|
| | | regen = dord.match(/D/),
|
|---|
| | | ampm = tord.match(/a/i),
|
|---|
| | | hampm = tord.match(/h/),
|
|---|
| | | hformat = p == 'datetime' ? s.dateFormat + s.separator + s.timeFormat : p == 'time' ? s.timeFormat : s.dateFormat,
|
|---|
| | | defd = new Date(),
|
|---|
| | | stepH = s.stepHour,
|
|---|
| | | stepM = s.stepMinute,
|
|---|
| | | stepS = s.stepSecond,
|
|---|
| | | mind = s.minDate || new Date(s.startYear, 0, 1),
|
|---|
| | | maxd = s.maxDate || new Date(s.endYear, 11, 31, 23, 59, 59);
|
|---|
| | | |
|---|
| | | inst.settings = s;
|
|---|
| | |
|
|---|
| | | format = format || hformat;
|
|---|
| | | |
|---|
| | | if (p.match(/date/i)) {
|
|---|
| | |
|
|---|
| | | // Determine the order of year, month, day wheels
|
|---|
| | | $.each(['y', 'm', 'd'], function (j, v) {
|
|---|
| | | i = dord.search(new RegExp(v, 'i'));
|
|---|
| | | if (i > -1) {
|
|---|
| | | ord.push({ o: i, v: v });
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | ord.sort(function (a, b) { return a.o > b.o ? 1 : -1; });
|
|---|
| | | $.each(ord, function (i, v) {
|
|---|
| | | o[v.v] = i;
|
|---|
| | | });
|
|---|
| | |
|
|---|
| | | var w = {};
|
|---|
| | | for (k = 0; k < 3; k++) {
|
|---|
| | | if (k == o.y) {
|
|---|
| | | offset++;
|
|---|
| | | w[s.yearText] = {};
|
|---|
| | | var start = mind.getFullYear(),
|
|---|
| | | end = maxd.getFullYear();
|
|---|
| | | for (i = start; i <= end; i++) {
|
|---|
| | | w[s.yearText][i] = dord.match(/yy/i) ? i : (i + '').substr(2, 2);
|
|---|
| | | }
|
|---|
| | | } else if (k == o.m) {
|
|---|
| | | offset++;
|
|---|
| | | w[s.monthText] = {};
|
|---|
| | | for (i = 0; i < 12; i++) {
|
|---|
| | | var str = dord.replace(/[dy]/gi, '').replace(/mm/, i < 9 ? '0' + (i + 1) : i + 1).replace(/m/, (i + 1));
|
|---|
| | | w[s.monthText][i] = str.match(/MM/) ? str.replace(/MM/, '<span class="dw-mon">' + s.monthNames[i] + '</span>') : str.replace(/M/, '<span class="dw-mon">' + s.monthNamesShort[i] + '</span>');
|
|---|
| | | }
|
|---|
| | | } else if (k == o.d) {
|
|---|
| | | offset++;
|
|---|
| | | w[s.dayText] = {};
|
|---|
| | | for (i = 1; i < 32; i++) {
|
|---|
| | | w[s.dayText][i] = dord.match(/dd/i) && i < 10 ? '0' + i : i;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | wheels.push(w);
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | if (p.match(/time/i)) {
|
|---|
| | |
|
|---|
| | | // Determine the order of hours, minutes, seconds wheels
|
|---|
| | | ord = [];
|
|---|
| | | $.each(['h', 'i', 's', 'a'], function (i, v) {
|
|---|
| | | i = tord.search(new RegExp(v, 'i'));
|
|---|
| | | if (i > -1) {
|
|---|
| | | ord.push({ o: i, v: v });
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | ord.sort(function (a, b) {
|
|---|
| | | return a.o > b.o ? 1 : -1;
|
|---|
| | | });
|
|---|
| | | $.each(ord, function (i, v) {
|
|---|
| | | o[v.v] = offset + i;
|
|---|
| | | });
|
|---|
| | |
|
|---|
| | | w = {};
|
|---|
| | | for (k = offset; k < offset + 4; k++) {
|
|---|
| | | if (k == o.h) {
|
|---|
| | | offset++;
|
|---|
| | | w[s.hourText] = {};
|
|---|
| | | for (i = 0; i < (hampm ? 12 : 24); i += stepH) {
|
|---|
| | | w[s.hourText][i] = hampm && i == 0 ? 12 : tord.match(/hh/i) && i < 10 ? '0' + i : i;
|
|---|
| | | }
|
|---|
| | | } else if (k == o.i) {
|
|---|
| | | offset++;
|
|---|
| | | w[s.minuteText] = {};
|
|---|
| | | for (i = 0; i < 60; i += stepM) {
|
|---|
| | | w[s.minuteText][i] = tord.match(/ii/) && i < 10 ? '0' + i : i;
|
|---|
| | | }
|
|---|
| | | } else if (k == o.s) {
|
|---|
| | | offset++;
|
|---|
| | | w[s.secText] = {};
|
|---|
| | | for (i = 0; i < 60; i += stepS) {
|
|---|
| | | w[s.secText][i] = tord.match(/ss/) && i < 10 ? '0' + i : i;
|
|---|
| | | }
|
|---|
| | | } else if (k == o.a) {
|
|---|
| | | offset++;
|
|---|
| | | var upper = tord.match(/A/);
|
|---|
| | | w[s.ampmText] = { 0: upper ? 'AM' : 'am', 1: upper ? 'PM' : 'pm' };
|
|---|
| | | }
|
|---|
| | | |
|---|
| | | }
|
|---|
| | |
|
|---|
| | | wheels.push(w);
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | function get(d, i, def) {
|
|---|
| | | if (o[i] !== undefined) {
|
|---|
| | | return +d[o[i]];
|
|---|
| | | }
|
|---|
| | | if (def !== undefined) {
|
|---|
| | | return def;
|
|---|
| | | }
|
|---|
| | | return defd[f[i]] ? defd[f[i]]() : f[i](defd);
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | function step(v, st) {
|
|---|
| | | return Math.floor(v / st) * st;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | function getHour(d) {
|
|---|
| | | var hour = d.getHours();
|
|---|
| | | hour = hampm && hour >= 12 ? hour - 12 : hour;
|
|---|
| | | return step(hour, stepH);
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | function getMinute(d) {
|
|---|
| | | return step(d.getMinutes(), stepM);
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | function getSecond(d) {
|
|---|
| | | return step(d.getSeconds(), stepS);
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | function getAmPm(d) {
|
|---|
| | | return ampm && d.getHours() > 11 ? 1 : 0;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | function getDate(d) {
|
|---|
| | | var hour = get(d, 'h', 0);
|
|---|
| | | return new Date(get(d, 'y'), get(d, 'm'), get(d, 'd', 1), get(d, 'a') ? hour + 12 : hour, get(d, 'i', 0), get(d, 's', 0));
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | inst.setDate = function (d, fill, time, temp) {
|
|---|
| | | var i;
|
|---|
| | | // Set wheels
|
|---|
| | | for (i in o) {
|
|---|
| | | this.temp[o[i]] = d[f[i]] ? d[f[i]]() : f[i](d);
|
|---|
| | | }
|
|---|
| | | this.setValue(true, fill, time, temp);
|
|---|
| | | };
|
|---|
| | |
|
|---|
| | | inst.getDate = function (d) {
|
|---|
| | | return getDate(d);
|
|---|
| | | };
|
|---|
| | |
|
|---|
| | | return {
|
|---|
| | | button3Text: s.showNow ? s.nowText : undefined,
|
|---|
| | | button3: s.showNow ? function () { inst.setDate(new Date(), false, 0.3, true); } : undefined,
|
|---|
| | | wheels: wheels,
|
|---|
| | | headerText: function (v) {
|
|---|
| | | return ms.formatDate(hformat, getDate(inst.temp), s);
|
|---|
| | | },
|
|---|
| | | /**
|
|---|
| | | * Builds a date object from the wheel selections and formats it to the given date/time format
|
|---|
| | | * @param {Array} d - An array containing the selected wheel values
|
|---|
| | | * @return {String} - The formatted date string
|
|---|
| | | */
|
|---|
| | | formatResult: function (d) {
|
|---|
| | | return ms.formatDate(format, getDate(d), s);
|
|---|
| | | },
|
|---|
| | | /**
|
|---|
| | | * Builds a date object from the input value and returns an array to set wheel values
|
|---|
| | | * @return {Array} - An array containing the wheel values to set
|
|---|
| | | */
|
|---|
| | | parseValue: function (val) {
|
|---|
| | | var d = new Date(),
|
|---|
| | | i,
|
|---|
| | | result = [];
|
|---|
| | | try {
|
|---|
| | | d = ms.parseDate(format, val, s);
|
|---|
| | | } catch (e) {
|
|---|
| | | }
|
|---|
| | | // Set wheels
|
|---|
| | | for (i in o) {
|
|---|
| | | result[o[i]] = d[f[i]] ? d[f[i]]() : f[i](d);
|
|---|
| | | }
|
|---|
| | | return result;
|
|---|
| | | },
|
|---|
| | | /**
|
|---|
| | | * Validates the selected date to be in the minDate / maxDate range and sets unselectable values to disabled
|
|---|
| | | * @param {Object} dw - jQuery object containing the generated html
|
|---|
| | | * @param {Integer} [i] - Index of the changed wheel, not set for initial validation
|
|---|
| | | */
|
|---|
| | | validate: function (dw, i) {
|
|---|
| | | var temp = inst.temp, //.slice(0),
|
|---|
| | | mins = { y: mind.getFullYear(), m: 0, d: 1, h: 0, i: 0, s: 0, a: 0 },
|
|---|
| | | maxs = { y: maxd.getFullYear(), m: 11, d: 31, h: step(hampm ? 11 : 23, stepH), i: step(59, stepM), s: step(59, stepS), a: 1 },
|
|---|
| | | minprop = true,
|
|---|
| | | maxprop = true;
|
|---|
| | | $.each(['y', 'm', 'd', 'a', 'h', 'i', 's'], function (x, i) {
|
|---|
| | | if (o[i] !== undefined) {
|
|---|
| | | var min = mins[i],
|
|---|
| | | max = maxs[i],
|
|---|
| | | maxdays = 31,
|
|---|
| | | val = get(temp, i),
|
|---|
| | | t = $('.dw-ul', dw).eq(o[i]),
|
|---|
| | | y,
|
|---|
| | | m;
|
|---|
| | | if (i == 'd') {
|
|---|
| | | y = get(temp, 'y');
|
|---|
| | | m = get(temp, 'm');
|
|---|
| | | maxdays = 32 - new Date(y, m, 32).getDate();
|
|---|
| | | max = maxdays;
|
|---|
| | | if (regen) {
|
|---|
| | | $('.dw-li', t).each(function () {
|
|---|
| | | var that = $(this),
|
|---|
| | | d = that.data('val'),
|
|---|
| | | w = new Date(y, m, d).getDay(),
|
|---|
| | | str = dord.replace(/[my]/gi, '').replace(/dd/, d < 10 ? '0' + d : d).replace(/d/, d);
|
|---|
| | | $('.dw-i', that).html(str.match(/DD/) ? str.replace(/DD/, '<span class="dw-day">' + s.dayNames[w] + '</span>') : str.replace(/D/, '<span class="dw-day">' + s.dayNamesShort[w] + '</span>'));
|
|---|
| | | });
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | if (minprop && mind) {
|
|---|
| | | min = mind[f[i]] ? mind[f[i]]() : f[i](mind);
|
|---|
| | | }
|
|---|
| | | if (maxprop && maxd) {
|
|---|
| | | max = maxd[f[i]] ? maxd[f[i]]() : f[i](maxd);
|
|---|
| | | }
|
|---|
| | | if (i != 'y') {
|
|---|
| | | var i1 = $('.dw-li', t).index($('.dw-li[data-val="' + min + '"]', t)),
|
|---|
| | | i2 = $('.dw-li', t).index($('.dw-li[data-val="' + max + '"]', t));
|
|---|
| | | $('.dw-li', t).removeClass('dw-v').slice(i1, i2 + 1).addClass('dw-v');
|
|---|
| | | if (i == 'd') { // Hide days not in month
|
|---|
| | | $('.dw-li', t).removeClass('dw-h').slice(maxdays).addClass('dw-h');
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | if (val < min) {
|
|---|
| | | val = min;
|
|---|
| | | }
|
|---|
| | | if (val > max) {
|
|---|
| | | val = max;
|
|---|
| | | }
|
|---|
| | | if (minprop) {
|
|---|
| | | minprop = val == min;
|
|---|
| | | }
|
|---|
| | | if (maxprop) {
|
|---|
| | | maxprop = val == max;
|
|---|
| | | }
|
|---|
| | | // Disable some days
|
|---|
| | | if (s.invalid && i == 'd') {
|
|---|
| | | var idx = [];
|
|---|
| | | // Disable exact dates
|
|---|
| | | if (s.invalid.dates) {
|
|---|
| | | $.each(s.invalid.dates, function (i, v) {
|
|---|
| | | if (v.getFullYear() == y && v.getMonth() == m) {
|
|---|
| | | idx.push(v.getDate() - 1);
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | }
|
|---|
| | | // Disable days of week
|
|---|
| | | if (s.invalid.daysOfWeek) {
|
|---|
| | | var first = new Date(y, m, 1).getDay(),
|
|---|
| | | j;
|
|---|
| | | $.each(s.invalid.daysOfWeek, function (i, v) {
|
|---|
| | | for (j = v - first; j < maxdays; j += 7) {
|
|---|
| | | if (j >= 0) {
|
|---|
| | | idx.push(j);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | }
|
|---|
| | | // Disable days of month
|
|---|
| | | if (s.invalid.daysOfMonth) {
|
|---|
| | | $.each(s.invalid.daysOfMonth, function (i, v) {
|
|---|
| | | v = (v + '').split('/');
|
|---|
| | | if (v[1]) {
|
|---|
| | | if (v[0] - 1 == m) {
|
|---|
| | | idx.push(v[1] - 1);
|
|---|
| | | }
|
|---|
| | | } else {
|
|---|
| | | idx.push(v[0] - 1);
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | }
|
|---|
| | | $.each(idx, function (i, v) {
|
|---|
| | | $('.dw-li', t).eq(v).removeClass('dw-v');
|
|---|
| | | });
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | // Set modified value
|
|---|
| | | temp[o[i]] = val;
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | },
|
|---|
| | | methods: {
|
|---|
| | | /**
|
|---|
| | | * Returns the currently selected date.
|
|---|
| | | * @param {Boolean} temp - If true, return the currently shown date on the picker, otherwise the last selected one
|
|---|
| | | * @return {Date}
|
|---|
| | | */
|
|---|
| | | getDate: function (temp) {
|
|---|
| | | var inst = $(this).mobiscroll('getInst');
|
|---|
| | | if (inst) {
|
|---|
| | | return inst.getDate(temp ? inst.temp : inst.values);
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | /**
|
|---|
| | | * Sets the selected date
|
|---|
| | | * @param {Date} d - Date to select.
|
|---|
| | | * @param {Boolean} [fill] - Also set the value of the associated input element. Default is true.
|
|---|
| | | * @return {Object} - jQuery object to maintain chainability
|
|---|
| | | */
|
|---|
| | | setDate: function (d, fill, time, temp) {
|
|---|
| | | if (fill == undefined) {
|
|---|
| | | fill = false;
|
|---|
| | | }
|
|---|
| | | return this.each(function () {
|
|---|
| | | var inst = $(this).mobiscroll('getInst');
|
|---|
| | | if (inst) {
|
|---|
| | | inst.setDate(d, fill, time, temp);
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | };
|
|---|
| | | };
|
|---|
| | |
|
|---|
| | | $.each(['date', 'time', 'datetime'], function (i, v) {
|
|---|
| | | ms.presets[v] = preset;
|
|---|
| | | ms.presetShort(v);
|
|---|
| | | });
|
|---|
| | |
|
|---|
| | | /**
|
|---|
| | | * Format a date into a string value with a specified format.
|
|---|
| | | * @param {String} format - Output format.
|
|---|
| | | * @param {Date} date - Date to format.
|
|---|
| | | * @param {Object} settings - Settings.
|
|---|
| | | * @return {String} - Returns the formatted date string.
|
|---|
| | | */
|
|---|
| | | ms.formatDate = function (format, date, settings) {
|
|---|
| | | if (!date) {
|
|---|
| | | return null;
|
|---|
| | | }
|
|---|
| | | var s = $.extend({}, defaults, settings),
|
|---|
| | | look = function (m) { // Check whether a format character is doubled
|
|---|
| | | var n = 0;
|
|---|
| | | while (i + 1 < format.length && format.charAt(i + 1) == m) {
|
|---|
| | | n++;
|
|---|
| | | i++;
|
|---|
| | | }
|
|---|
| | | return n;
|
|---|
| | | },
|
|---|
| | | f1 = function (m, val, len) { // Format a number, with leading zero if necessary
|
|---|
| | | var n = '' + val;
|
|---|
| | | if (look(m)) {
|
|---|
| | | while (n.length < len) {
|
|---|
| | | n = '0' + n;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | return n;
|
|---|
| | | },
|
|---|
| | | f2 = function (m, val, s, l) { // Format a name, short or long as requested
|
|---|
| | | return (look(m) ? l[val] : s[val]);
|
|---|
| | | },
|
|---|
| | | i,
|
|---|
| | | output = '',
|
|---|
| | | literal = false;
|
|---|
| | |
|
|---|
| | | for (i = 0; i < format.length; i++) {
|
|---|
| | | if (literal) {
|
|---|
| | | if (format.charAt(i) == "'" && !look("'")) {
|
|---|
| | | literal = false;
|
|---|
| | | } else {
|
|---|
| | | output += format.charAt(i);
|
|---|
| | | }
|
|---|
| | | } else {
|
|---|
| | | switch (format.charAt(i)) {
|
|---|
| | | case 'd':
|
|---|
| | | output += f1('d', date.getDate(), 2);
|
|---|
| | | break;
|
|---|
| | | case 'D':
|
|---|
| | | output += f2('D', date.getDay(), s.dayNamesShort, s.dayNames);
|
|---|
| | | break;
|
|---|
| | | case 'o':
|
|---|
| | | output += f1('o', (date.getTime() - new Date(date.getFullYear(), 0, 0).getTime()) / 86400000, 3);
|
|---|
| | | break;
|
|---|
| | | case 'm':
|
|---|
| | | output += f1('m', date.getMonth() + 1, 2);
|
|---|
| | | break;
|
|---|
| | | case 'M':
|
|---|
| | | output += f2('M', date.getMonth(), s.monthNamesShort, s.monthNames);
|
|---|
| | | break;
|
|---|
| | | case 'y':
|
|---|
| | | output += (look('y') ? date.getFullYear() : (date.getYear() % 100 < 10 ? '0' : '') + date.getYear() % 100);
|
|---|
| | | break;
|
|---|
| | | case 'h':
|
|---|
| | | var h = date.getHours();
|
|---|
| | | output += f1('h', (h > 12 ? (h - 12) : (h == 0 ? 12 : h)), 2);
|
|---|
| | | break;
|
|---|
| | | case 'H':
|
|---|
| | | output += f1('H', date.getHours(), 2);
|
|---|
| | | break;
|
|---|
| | | case 'i':
|
|---|
| | | output += f1('i', date.getMinutes(), 2);
|
|---|
| | | break;
|
|---|
| | | case 's':
|
|---|
| | | output += f1('s', date.getSeconds(), 2);
|
|---|
| | | break;
|
|---|
| | | case 'a':
|
|---|
| | | output += date.getHours() > 11 ? 'pm' : 'am';
|
|---|
| | | break;
|
|---|
| | | case 'A':
|
|---|
| | | output += date.getHours() > 11 ? 'PM' : 'AM';
|
|---|
| | | break;
|
|---|
| | | case "'":
|
|---|
| | | if (look("'")) {
|
|---|
| | | output += "'";
|
|---|
| | | } else {
|
|---|
| | | literal = true;
|
|---|
| | | }
|
|---|
| | | break;
|
|---|
| | | default:
|
|---|
| | | output += format.charAt(i);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | return output;
|
|---|
| | | };
|
|---|
| | |
|
|---|
| | | /**
|
|---|
| | | * Extract a date from a string value with a specified format.
|
|---|
| | | * @param {String} format - Input format.
|
|---|
| | | * @param {String} value - String to parse.
|
|---|
| | | * @param {Object} settings - Settings.
|
|---|
| | | * @return {Date} - Returns the extracted date.
|
|---|
| | | */
|
|---|
| | | ms.parseDate = function (format, value, settings) {
|
|---|
| | | var def = new Date();
|
|---|
| | |
|
|---|
| | | if (!format || !value) {
|
|---|
| | | return def;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | value = (typeof value == 'object' ? value.toString() : value + '');
|
|---|
| | |
|
|---|
| | | var s = $.extend({}, defaults, settings),
|
|---|
| | | shortYearCutoff = s.shortYearCutoff,
|
|---|
| | | year = def.getFullYear(),
|
|---|
| | | month = def.getMonth() + 1,
|
|---|
| | | day = def.getDate(),
|
|---|
| | | doy = -1,
|
|---|
| | | hours = def.getHours(),
|
|---|
| | | minutes = def.getMinutes(),
|
|---|
| | | seconds = 0, //def.getSeconds(),
|
|---|
| | | ampm = -1,
|
|---|
| | | literal = false, // Check whether a format character is doubled
|
|---|
| | | lookAhead = function (match) {
|
|---|
| | | var matches = (iFormat + 1 < format.length && format.charAt(iFormat + 1) == match);
|
|---|
| | | if (matches) {
|
|---|
| | | iFormat++;
|
|---|
| | | }
|
|---|
| | | return matches;
|
|---|
| | | },
|
|---|
| | | getNumber = function (match) { // Extract a number from the string value
|
|---|
| | | lookAhead(match);
|
|---|
| | | var size = (match == '@' ? 14 : (match == '!' ? 20 : (match == 'y' ? 4 : (match == 'o' ? 3 : 2)))),
|
|---|
| | | digits = new RegExp('^\\d{1,' + size + '}'),
|
|---|
| | | num = value.substr(iValue).match(digits);
|
|---|
| | |
|
|---|
| | | if (!num) {
|
|---|
| | | return 0;
|
|---|
| | | }
|
|---|
| | | //throw 'Missing number at position ' + iValue;
|
|---|
| | | iValue += num[0].length;
|
|---|
| | | return parseInt(num[0], 10);
|
|---|
| | | },
|
|---|
| | | getName = function (match, s, l) { // Extract a name from the string value and convert to an index
|
|---|
| | | var names = (lookAhead(match) ? l : s),
|
|---|
| | | i;
|
|---|
| | |
|
|---|
| | | for (i = 0; i < names.length; i++) {
|
|---|
| | | if (value.substr(iValue, names[i].length).toLowerCase() == names[i].toLowerCase()) {
|
|---|
| | | iValue += names[i].length;
|
|---|
| | | return i + 1;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | return 0;
|
|---|
| | | //throw 'Unknown name at position ' + iValue;
|
|---|
| | | },
|
|---|
| | | checkLiteral = function () {
|
|---|
| | | //if (value.charAt(iValue) != format.charAt(iFormat))
|
|---|
| | | //throw 'Unexpected literal at position ' + iValue;
|
|---|
| | | iValue++;
|
|---|
| | | },
|
|---|
| | | iValue = 0,
|
|---|
| | | iFormat;
|
|---|
| | |
|
|---|
| | | for (iFormat = 0; iFormat < format.length; iFormat++) {
|
|---|
| | | if (literal) {
|
|---|
| | | if (format.charAt(iFormat) == "'" && !lookAhead("'")) {
|
|---|
| | | literal = false;
|
|---|
| | | } else {
|
|---|
| | | checkLiteral();
|
|---|
| | | }
|
|---|
| | | } else {
|
|---|
| | | switch (format.charAt(iFormat)) {
|
|---|
| | | case 'd':
|
|---|
| | | day = getNumber('d');
|
|---|
| | | break;
|
|---|
| | | case 'D':
|
|---|
| | | getName('D', s.dayNamesShort, s.dayNames);
|
|---|
| | | break;
|
|---|
| | | case 'o':
|
|---|
| | | doy = getNumber('o');
|
|---|
| | | break;
|
|---|
| | | case 'm':
|
|---|
| | | month = getNumber('m');
|
|---|
| | | break;
|
|---|
| | | case 'M':
|
|---|
| | | month = getName('M', s.monthNamesShort, s.monthNames);
|
|---|
| | | break;
|
|---|
| | | case 'y':
|
|---|
| | | year = getNumber('y');
|
|---|
| | | break;
|
|---|
| | | case 'H':
|
|---|
| | | hours = getNumber('H');
|
|---|
| | | break;
|
|---|
| | | case 'h':
|
|---|
| | | hours = getNumber('h');
|
|---|
| | | break;
|
|---|
| | | case 'i':
|
|---|
| | | minutes = getNumber('i');
|
|---|
| | | break;
|
|---|
| | | case 's':
|
|---|
| | | seconds = getNumber('s');
|
|---|
| | | break;
|
|---|
| | | case 'a':
|
|---|
| | | ampm = getName('a', ['am', 'pm'], ['am', 'pm']) - 1;
|
|---|
| | | break;
|
|---|
| | | case 'A':
|
|---|
| | | ampm = getName('A', ['am', 'pm'], ['am', 'pm']) - 1;
|
|---|
| | | break;
|
|---|
| | | case "'":
|
|---|
| | | if (lookAhead("'")) {
|
|---|
| | | checkLiteral();
|
|---|
| | | } else {
|
|---|
| | | literal = true;
|
|---|
| | | }
|
|---|
| | | break;
|
|---|
| | | default:
|
|---|
| | | checkLiteral();
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | if (year < 100) {
|
|---|
| | | year += new Date().getFullYear() - new Date().getFullYear() % 100 +
|
|---|
| | | (year <= (typeof shortYearCutoff != 'string' ? shortYearCutoff : new Date().getFullYear() % 100 + parseInt(shortYearCutoff, 10)) ? 0 : -100);
|
|---|
| | | }
|
|---|
| | | if (doy > -1) {
|
|---|
| | | month = 1;
|
|---|
| | | day = doy;
|
|---|
| | | do {
|
|---|
| | | var dim = 32 - new Date(year, month - 1, 32).getDate();
|
|---|
| | | if (day <= dim) {
|
|---|
| | | break;
|
|---|
| | | }
|
|---|
| | | month++;
|
|---|
| | | day -= dim;
|
|---|
| | | } while (true);
|
|---|
| | | }
|
|---|
| | | hours = (ampm == -1) ? hours : ((ampm && hours < 12) ? (hours + 12) : (!ampm && hours == 12 ? 0 : hours));
|
|---|
| | | var date = new Date(year, month - 1, day, hours, minutes, seconds);
|
|---|
| | | if (date.getFullYear() != year || date.getMonth() + 1 != month || date.getDate() != day) {
|
|---|
| | | throw 'Invalid date';
|
|---|
| | | }
|
|---|
| | | return date;
|
|---|
| | | };
|
|---|
| | |
|
|---|
| | | })(jQuery);
|
|---|
| New file |
| | |
|---|
| | | /*jslint eqeq: true, plusplus: true, undef: true, sloppy: true, vars: true, forin: true */
|
|---|
| | | /*!
|
|---|
| | | * jQuery MobiScroll v2.5.1
|
|---|
| | | * http://mobiscroll.com
|
|---|
| | | *
|
|---|
| | | * Copyright 2010-2013, Acid Media
|
|---|
| | | * Licensed under the MIT license.
|
|---|
| | | *
|
|---|
| | | */
|
|---|
| | | (function ($) {
|
|---|
| | |
|
|---|
| | | function Scroller(elem, settings) {
|
|---|
| | | var m,
|
|---|
| | | hi,
|
|---|
| | | v,
|
|---|
| | | dw,
|
|---|
| | | ww, // Window width
|
|---|
| | | wh, // Window height
|
|---|
| | | rwh,
|
|---|
| | | mw, // Modal width
|
|---|
| | | mh, // Modal height
|
|---|
| | | anim,
|
|---|
| | | debounce,
|
|---|
| | | that = this,
|
|---|
| | | ms = $.mobiscroll,
|
|---|
| | | e = elem,
|
|---|
| | | elm = $(e),
|
|---|
| | | theme,
|
|---|
| | | lang,
|
|---|
| | | s = extend({}, defaults),
|
|---|
| | | pres = {},
|
|---|
| | | warr = [],
|
|---|
| | | iv = {},
|
|---|
| | | pixels = {},
|
|---|
| | | input = elm.is('input'),
|
|---|
| | | visible = false;
|
|---|
| | |
|
|---|
| | | // Private functions
|
|---|
| | |
|
|---|
| | | function isReadOnly(wh) {
|
|---|
| | | if ($.isArray(s.readonly)) {
|
|---|
| | | var i = $('.dwwl', dw).index(wh);
|
|---|
| | | return s.readonly[i];
|
|---|
| | | }
|
|---|
| | | return s.readonly;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | function generateWheelItems(i) {
|
|---|
| | | var html = '<div class="dw-bf">',
|
|---|
| | | l = 1,
|
|---|
| | | j;
|
|---|
| | |
|
|---|
| | | for (j in warr[i]) {
|
|---|
| | | if (l % 20 == 0) {
|
|---|
| | | html += '</div><div class="dw-bf">';
|
|---|
| | | }
|
|---|
| | | html += '<div class="dw-li dw-v" data-val="' + j + '" style="height:' + hi + 'px;line-height:' + hi + 'px;"><div class="dw-i">' + warr[i][j] + '</div></div>';
|
|---|
| | | l++;
|
|---|
| | | }
|
|---|
| | | html += '</div>';
|
|---|
| | | return html;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | function setGlobals(t) {
|
|---|
| | | min = $('.dw-li', t).index($('.dw-v', t).eq(0));
|
|---|
| | | max = $('.dw-li', t).index($('.dw-v', t).eq(-1));
|
|---|
| | | index = $('.dw-ul', dw).index(t);
|
|---|
| | | h = hi;
|
|---|
| | | inst = that;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | function formatHeader(v) {
|
|---|
| | | var t = s.headerText;
|
|---|
| | | return t ? (typeof t === 'function' ? t.call(e, v) : t.replace(/\{value\}/i, v)) : '';
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | function read() {
|
|---|
| | | that.temp = ((input && that.val !== null && that.val != elm.val()) || that.values === null) ? s.parseValue(elm.val() || '', that) : that.values.slice(0);
|
|---|
| | | that.setValue(true);
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | function scrollToPos(time, index, manual, dir, orig) {
|
|---|
| | | |
|---|
| | | // Call validation event
|
|---|
| | | if (event('validate', [dw, index, time]) !== false) {
|
|---|
| | |
|
|---|
| | | // Set scrollers to position
|
|---|
| | | $('.dw-ul', dw).each(function (i) {
|
|---|
| | | var t = $(this),
|
|---|
| | | cell = $('.dw-li[data-val="' + that.temp[i] + '"]', t),
|
|---|
| | | cells = $('.dw-li', t),
|
|---|
| | | v = cells.index(cell),
|
|---|
| | | l = cells.length,
|
|---|
| | | sc = i == index || index === undefined;
|
|---|
| | | |
|---|
| | | // Scroll to a valid cell
|
|---|
| | | if (!cell.hasClass('dw-v')) {
|
|---|
| | | var cell1 = cell,
|
|---|
| | | cell2 = cell,
|
|---|
| | | dist1 = 0,
|
|---|
| | | dist2 = 0;
|
|---|
| | | |
|---|
| | | while (v - dist1 >= 0 && !cell1.hasClass('dw-v')) {
|
|---|
| | | dist1++;
|
|---|
| | | cell1 = cells.eq(v - dist1);
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | while (v + dist2 < l && !cell2.hasClass('dw-v')) {
|
|---|
| | | dist2++;
|
|---|
| | | cell2 = cells.eq(v + dist2);
|
|---|
| | | }
|
|---|
| | | |
|---|
| | | // If we have direction (+/- or mouse wheel), the distance does not count
|
|---|
| | | if (((dist2 < dist1 && dist2 && dir !== 2) || !dist1 || (v - dist1 < 0) || dir == 1) && cell2.hasClass('dw-v')) {
|
|---|
| | | cell = cell2;
|
|---|
| | | v = v + dist2;
|
|---|
| | | } else {
|
|---|
| | | cell = cell1;
|
|---|
| | | v = v - dist1;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | |
|---|
| | | if (!(cell.hasClass('dw-sel')) || sc) {
|
|---|
| | | // Set valid value
|
|---|
| | | that.temp[i] = cell.attr('data-val');
|
|---|
| | |
|
|---|
| | | // Add selected class to cell
|
|---|
| | | $('.dw-sel', t).removeClass('dw-sel');
|
|---|
| | | cell.addClass('dw-sel');
|
|---|
| | |
|
|---|
| | | // Scroll to position
|
|---|
| | | //that.scroll(t, i, v, time);
|
|---|
| | | that.scroll(t, i, v, sc ? time : 0.1, sc ? orig : undefined);
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | |
|---|
| | | // Reformat value if validation changed something
|
|---|
| | | that.change(manual);
|
|---|
| | | }
|
|---|
| | | |
|---|
| | | }
|
|---|
| | |
|
|---|
| | | function position(check) {
|
|---|
| | |
|
|---|
| | | if (s.display == 'inline' || (ww === $(window).width() && rwh === $(window).height() && check)) {
|
|---|
| | | return;
|
|---|
| | | }
|
|---|
| | | |
|---|
| | | var w,
|
|---|
| | | l,
|
|---|
| | | t,
|
|---|
| | | aw, // anchor width
|
|---|
| | | ah, // anchor height
|
|---|
| | | ap, // anchor position
|
|---|
| | | at, // anchor top
|
|---|
| | | al, // anchor left
|
|---|
| | | arr, // arrow
|
|---|
| | | arrw, // arrow width
|
|---|
| | | arrl, // arrow left
|
|---|
| | | scroll,
|
|---|
| | | totalw = 0,
|
|---|
| | | minw = 0,
|
|---|
| | | st = $(window).scrollTop(),
|
|---|
| | | wr = $('.dwwr', dw),
|
|---|
| | | d = $('.dw', dw),
|
|---|
| | | css = {},
|
|---|
| | | anchor = s.anchor === undefined ? elm : s.anchor;
|
|---|
| | | |
|---|
| | | ww = $(window).width();
|
|---|
| | | rwh = $(window).height();
|
|---|
| | | wh = window.innerHeight; // on iOS we need innerHeight
|
|---|
| | | wh = wh || rwh;
|
|---|
| | | |
|---|
| | | if (/modal|bubble/.test(s.display)) {
|
|---|
| | | $('.dwc', dw).each(function () {
|
|---|
| | | w = $(this).outerWidth(true);
|
|---|
| | | totalw += w;
|
|---|
| | | minw = (w > minw) ? w : minw;
|
|---|
| | | });
|
|---|
| | | w = totalw > ww ? minw : totalw;
|
|---|
| | | wr.width(w);
|
|---|
| | | }
|
|---|
| | | |
|---|
| | | mw = d.outerWidth();
|
|---|
| | | mh = d.outerHeight(true);
|
|---|
| | | |
|---|
| | | if (s.display == 'modal') {
|
|---|
| | | l = (ww - mw) / 2;
|
|---|
| | | t = st + (wh - mh) / 2;
|
|---|
| | | } else if (s.display == 'bubble') {
|
|---|
| | | scroll = true;
|
|---|
| | | arr = $('.dw-arrw-i', dw);
|
|---|
| | | ap = anchor.offset();
|
|---|
| | | at = ap.top;
|
|---|
| | | al = ap.left;
|
|---|
| | |
|
|---|
| | | // horizontal positioning
|
|---|
| | | aw = anchor.outerWidth();
|
|---|
| | | ah = anchor.outerHeight();
|
|---|
| | | l = al - (d.outerWidth(true) - aw) / 2;
|
|---|
| | | l = l > (ww - mw) ? (ww - (mw + 20)) : l;
|
|---|
| | | l = l >= 0 ? l : 20;
|
|---|
| | | |
|---|
| | | // vertical positioning
|
|---|
| | | t = at - mh; //(mh + 3); // above the input
|
|---|
| | | if ((t < st) || (at > st + wh)) { // if doesn't fit above or the input is out of the screen
|
|---|
| | | d.removeClass('dw-bubble-top').addClass('dw-bubble-bottom');
|
|---|
| | | t = at + ah;// + 3; // below the input
|
|---|
| | | } else {
|
|---|
| | | d.removeClass('dw-bubble-bottom').addClass('dw-bubble-top');
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | //t = t >= st ? t : st;
|
|---|
| | | |
|---|
| | | // Calculate Arrow position
|
|---|
| | | arrw = arr.outerWidth();
|
|---|
| | | arrl = al + aw / 2 - (l + (mw - arrw) / 2);
|
|---|
| | |
|
|---|
| | | // Limit Arrow position to [0, pocw.width] intervall
|
|---|
| | | $('.dw-arr', dw).css({ left: arrl > arrw ? arrw : arrl });
|
|---|
| | | } else {
|
|---|
| | | css.width = '100%';
|
|---|
| | | if (s.display == 'top') {
|
|---|
| | | t = st;
|
|---|
| | | } else if (s.display == 'bottom') {
|
|---|
| | | t = st + wh - mh;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | |
|---|
| | | css.top = t < 0 ? 0 : t;
|
|---|
| | | css.left = l;
|
|---|
| | | d.css(css);
|
|---|
| | | |
|---|
| | | // If top + modal height > doc height, increase doc height
|
|---|
| | | $('.dw-persp', dw).height(0).height(t + mh > $(document).height() ? t + mh : $(document).height());
|
|---|
| | | |
|---|
| | | // Scroll needed
|
|---|
| | | if (scroll && ((t + mh > st + wh) || (at > st + wh))) {
|
|---|
| | | $(window).scrollTop(t + mh - wh);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | |
|---|
| | | function testTouch(e) {
|
|---|
| | | if (e.type === 'touchstart') {
|
|---|
| | | touch = true;
|
|---|
| | | setTimeout(function () {
|
|---|
| | | touch = false; // Reset if mouse event was not fired
|
|---|
| | | }, 500);
|
|---|
| | | } else if (touch) {
|
|---|
| | | touch = false;
|
|---|
| | | return false;
|
|---|
| | | }
|
|---|
| | | return true;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | function event(name, args) {
|
|---|
| | | var ret;
|
|---|
| | | args.push(that);
|
|---|
| | | $.each([theme.defaults, pres, settings], function (i, v) {
|
|---|
| | | if (v[name]) { // Call preset event
|
|---|
| | | ret = v[name].apply(e, args);
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | return ret;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | function plus(t) {
|
|---|
| | | var p = +t.data('pos'),
|
|---|
| | | val = p + 1;
|
|---|
| | | calc(t, val > max ? min : val, 1, true);
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | function minus(t) {
|
|---|
| | | var p = +t.data('pos'),
|
|---|
| | | val = p - 1;
|
|---|
| | | calc(t, val < min ? max : val, 2, true);
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | // Public functions
|
|---|
| | |
|
|---|
| | | /**
|
|---|
| | | * Enables the scroller and the associated input.
|
|---|
| | | */
|
|---|
| | | that.enable = function () {
|
|---|
| | | s.disabled = false;
|
|---|
| | | if (input) {
|
|---|
| | | elm.prop('disabled', false);
|
|---|
| | | }
|
|---|
| | | };
|
|---|
| | |
|
|---|
| | | /**
|
|---|
| | | * Disables the scroller and the associated input.
|
|---|
| | | */
|
|---|
| | | that.disable = function () {
|
|---|
| | | s.disabled = true;
|
|---|
| | | if (input) {
|
|---|
| | | elm.prop('disabled', true);
|
|---|
| | | }
|
|---|
| | | };
|
|---|
| | |
|
|---|
| | | /**
|
|---|
| | | * Scrolls target to the specified position
|
|---|
| | | * @param {Object} t - Target wheel jQuery object.
|
|---|
| | | * @param {Number} index - Index of the changed wheel.
|
|---|
| | | * @param {Number} val - Value.
|
|---|
| | | * @param {Number} time - Duration of the animation, optional.
|
|---|
| | | * @param {Number} orig - Original value.
|
|---|
| | | */
|
|---|
| | | that.scroll = function (t, index, val, time, orig) {
|
|---|
| | | |
|---|
| | | function getVal(t, b, c, d) {
|
|---|
| | | return c * Math.sin(t / d * (Math.PI / 2)) + b;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | function ready() {
|
|---|
| | | clearInterval(iv[index]);
|
|---|
| | | delete iv[index];
|
|---|
| | | t.data('pos', val).closest('.dwwl').removeClass('dwa');
|
|---|
| | | }
|
|---|
| | | |
|---|
| | | var px = (m - val) * hi,
|
|---|
| | | i;
|
|---|
| | | |
|---|
| | | if (px == pixels[index] && iv[index]) {
|
|---|
| | | return;
|
|---|
| | | }
|
|---|
| | | |
|---|
| | | if (time && px != pixels[index]) {
|
|---|
| | | // Trigger animation start event
|
|---|
| | | event('onAnimStart', [dw, index, time]);
|
|---|
| | | }
|
|---|
| | | |
|---|
| | | pixels[index] = px;
|
|---|
| | | |
|---|
| | | t.attr('style', (prefix + '-transition:all ' + (time ? time.toFixed(3) : 0) + 's ease-out;') + (has3d ? (prefix + '-transform:translate3d(0,' + px + 'px,0);') : ('top:' + px + 'px;')));
|
|---|
| | | |
|---|
| | | if (iv[index]) {
|
|---|
| | | ready();
|
|---|
| | | }
|
|---|
| | | |
|---|
| | | if (time && orig !== undefined) {
|
|---|
| | | i = 0;
|
|---|
| | | t.closest('.dwwl').addClass('dwa');
|
|---|
| | | iv[index] = setInterval(function () {
|
|---|
| | | i += 0.1;
|
|---|
| | | t.data('pos', Math.round(getVal(i, orig, val - orig, time)));
|
|---|
| | | if (i >= time) {
|
|---|
| | | ready();
|
|---|
| | | }
|
|---|
| | | }, 100);
|
|---|
| | | } else {
|
|---|
| | | t.data('pos', val);
|
|---|
| | | }
|
|---|
| | | };
|
|---|
| | | |
|---|
| | | /**
|
|---|
| | | * Gets the selected wheel values, formats it, and set the value of the scroller instance.
|
|---|
| | | * If input parameter is true, populates the associated input element.
|
|---|
| | | * @param {Boolean} sc - Scroll the wheel in position.
|
|---|
| | | * @param {Boolean} fill - Also set the value of the associated input element. Default is true.
|
|---|
| | | * @param {Number} time - Animation time
|
|---|
| | | * @param {Boolean} temp - If true, then only set the temporary value.(only scroll there but not set the value)
|
|---|
| | | */
|
|---|
| | | that.setValue = function (sc, fill, time, temp) {
|
|---|
| | | if (!$.isArray(that.temp)) {
|
|---|
| | | that.temp = s.parseValue(that.temp + '', that);
|
|---|
| | | }
|
|---|
| | | |
|---|
| | | if (visible && sc) {
|
|---|
| | | scrollToPos(time);
|
|---|
| | | }
|
|---|
| | | |
|---|
| | | v = s.formatResult(that.temp);
|
|---|
| | | |
|---|
| | | if (!temp) {
|
|---|
| | | that.values = that.temp.slice(0);
|
|---|
| | | that.val = v;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | if (fill) {
|
|---|
| | | if (input) {
|
|---|
| | | elm.val(v).trigger('change');
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | };
|
|---|
| | | |
|---|
| | | that.getValues = function () {
|
|---|
| | | var ret = [],
|
|---|
| | | i;
|
|---|
| | | |
|---|
| | | for (i in that._selectedValues) {
|
|---|
| | | ret.push(that._selectedValues[i]);
|
|---|
| | | }
|
|---|
| | | return ret;
|
|---|
| | | };
|
|---|
| | |
|
|---|
| | | /**
|
|---|
| | | * Checks if the current selected values are valid together.
|
|---|
| | | * In case of date presets it checks the number of days in a month.
|
|---|
| | | * @param {Number} time - Animation time
|
|---|
| | | * @param {Number} orig - Original value
|
|---|
| | | * @param {Number} i - Currently changed wheel index, -1 if initial validation.
|
|---|
| | | * @param {Number} dir - Scroll direction
|
|---|
| | | */
|
|---|
| | | that.validate = function (i, dir, time, orig) {
|
|---|
| | | scrollToPos(time, i, true, dir, orig);
|
|---|
| | | };
|
|---|
| | |
|
|---|
| | | /**
|
|---|
| | | *
|
|---|
| | | */
|
|---|
| | | that.change = function (manual) {
|
|---|
| | | v = s.formatResult(that.temp);
|
|---|
| | | if (s.display == 'inline') {
|
|---|
| | | that.setValue(false, manual);
|
|---|
| | | } else {
|
|---|
| | | $('.dwv', dw).html(formatHeader(v));
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | if (manual) {
|
|---|
| | | event('onChange', [v]);
|
|---|
| | | }
|
|---|
| | | };
|
|---|
| | |
|
|---|
| | | /**
|
|---|
| | | * Changes the values of a wheel, and scrolls to the correct position
|
|---|
| | | */
|
|---|
| | | that.changeWheel = function (idx, time) {
|
|---|
| | | if (dw) {
|
|---|
| | | var i = 0,
|
|---|
| | | j,
|
|---|
| | | k,
|
|---|
| | | nr = idx.length;
|
|---|
| | |
|
|---|
| | | for (j in s.wheels) {
|
|---|
| | | for (k in s.wheels[j]) {
|
|---|
| | | if ($.inArray(i, idx) > -1) {
|
|---|
| | | warr[i] = s.wheels[j][k];
|
|---|
| | | $('.dw-ul', dw).eq(i).html(generateWheelItems(i));
|
|---|
| | | nr--;
|
|---|
| | | if (!nr) {
|
|---|
| | | position();
|
|---|
| | | scrollToPos(time, undefined, true);
|
|---|
| | | return;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | i++;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | };
|
|---|
| | | |
|---|
| | | /**
|
|---|
| | | * Return true if the scroller is currently visible.
|
|---|
| | | */
|
|---|
| | | that.isVisible = function () {
|
|---|
| | | return visible;
|
|---|
| | | };
|
|---|
| | | |
|---|
| | | /**
|
|---|
| | | *
|
|---|
| | | */
|
|---|
| | | that.tap = function (el, handler) {
|
|---|
| | | var startX,
|
|---|
| | | startY;
|
|---|
| | | |
|---|
| | | if (s.tap) {
|
|---|
| | | el.bind('touchstart', function (e) {
|
|---|
| | | e.preventDefault();
|
|---|
| | | startX = getCoord(e, 'X');
|
|---|
| | | startY = getCoord(e, 'Y');
|
|---|
| | | }).bind('touchend', function (e) {
|
|---|
| | | // If movement is less than 20px, fire the click event handler
|
|---|
| | | if (Math.abs(getCoord(e, 'X') - startX) < 20 && Math.abs(getCoord(e, 'Y') - startY) < 20) {
|
|---|
| | | handler.call(this, e);
|
|---|
| | | }
|
|---|
| | | tap = true;
|
|---|
| | | setTimeout(function () {
|
|---|
| | | tap = false;
|
|---|
| | | }, 300);
|
|---|
| | | });
|
|---|
| | | }
|
|---|
| | | |
|---|
| | | el.bind('click', function (e) {
|
|---|
| | | if (!tap) {
|
|---|
| | | // If handler was not called on touchend, call it on click;
|
|---|
| | | handler.call(this, e);
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | |
|---|
| | | };
|
|---|
| | | |
|---|
| | | /**
|
|---|
| | | * Shows the scroller instance.
|
|---|
| | | * @param {Boolean} prevAnim - Prevent animation if true
|
|---|
| | | */
|
|---|
| | | that.show = function (prevAnim) {
|
|---|
| | | if (s.disabled || visible) {
|
|---|
| | | return false;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | if (s.display == 'top') {
|
|---|
| | | anim = 'slidedown';
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | if (s.display == 'bottom') {
|
|---|
| | | anim = 'slideup';
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | // Parse value from input
|
|---|
| | | read();
|
|---|
| | |
|
|---|
| | | event('onBeforeShow', [dw]);
|
|---|
| | |
|
|---|
| | | // Create wheels
|
|---|
| | | var l = 0,
|
|---|
| | | i,
|
|---|
| | | label,
|
|---|
| | | mAnim = '';
|
|---|
| | |
|
|---|
| | | if (anim && !prevAnim) {
|
|---|
| | | mAnim = 'dw-' + anim + ' dw-in';
|
|---|
| | | }
|
|---|
| | | // Create wheels containers
|
|---|
| | | var html = '<div class="dw-trans ' + s.theme + ' dw-' + s.display + '">' + (s.display == 'inline' ? '<div class="dw dwbg dwi"><div class="dwwr">' : '<div class="dw-persp">' + '<div class="dwo"></div><div class="dw dwbg ' + mAnim + '"><div class="dw-arrw"><div class="dw-arrw-i"><div class="dw-arr"></div></div></div><div class="dwwr">' + (s.headerText ? '<div class="dwv"></div>' : ''));
|
|---|
| | | |
|---|
| | | for (i = 0; i < s.wheels.length; i++) {
|
|---|
| | | html += '<div class="dwc' + (s.mode != 'scroller' ? ' dwpm' : ' dwsc') + (s.showLabel ? '' : ' dwhl') + '"><div class="dwwc dwrc"><table cellpadding="0" cellspacing="0"><tr>';
|
|---|
| | | // Create wheels
|
|---|
| | | for (label in s.wheels[i]) {
|
|---|
| | | warr[l] = s.wheels[i][label];
|
|---|
| | | html += '<td><div class="dwwl dwrc dwwl' + l + '">' + (s.mode != 'scroller' ? '<div class="dwwb dwwbp" style="height:' + hi + 'px;line-height:' + hi + 'px;"><span>+</span></div><div class="dwwb dwwbm" style="height:' + hi + 'px;line-height:' + hi + 'px;"><span>–</span></div>' : '') + '<div class="dwl">' + label + '</div><div class="dww" style="height:' + (s.rows * hi) + 'px;min-width:' + s.width + 'px;"><div class="dw-ul">';
|
|---|
| | | // Create wheel values
|
|---|
| | | html += generateWheelItems(l);
|
|---|
| | | html += '</div><div class="dwwo"></div></div><div class="dwwol"></div></div></td>';
|
|---|
| | | l++;
|
|---|
| | | }
|
|---|
| | | html += '</tr></table></div></div>';
|
|---|
| | | }
|
|---|
| | | html += (s.display != 'inline' ? '<div class="dwbc' + (s.button3 ? ' dwbc-p' : '') + '"><span class="dwbw dwb-s"><span class="dwb">' + s.setText + '</span></span>' + (s.button3 ? '<span class="dwbw dwb-n"><span class="dwb">' + s.button3Text + '</span></span>' : '') + '<span class="dwbw dwb-c"><span class="dwb">' + s.cancelText + '</span></span></div></div>' : '<div class="dwcc"></div>') + '</div></div></div>';
|
|---|
| | | dw = $(html);
|
|---|
| | |
|
|---|
| | | scrollToPos();
|
|---|
| | | |
|---|
| | | event('onMarkupReady', [dw]);
|
|---|
| | |
|
|---|
| | | // Show
|
|---|
| | | if (s.display != 'inline') {
|
|---|
| | | dw.appendTo('body');
|
|---|
| | | // Remove animation class
|
|---|
| | | setTimeout(function () {
|
|---|
| | | dw.removeClass('dw-trans').find('.dw').removeClass(mAnim);
|
|---|
| | | }, 350);
|
|---|
| | | } else if (elm.is('div')) {
|
|---|
| | | elm.html(dw);
|
|---|
| | | } else {
|
|---|
| | | dw.insertAfter(elm);
|
|---|
| | | }
|
|---|
| | | |
|---|
| | | event('onMarkupInserted', [dw]);
|
|---|
| | | |
|---|
| | | visible = true;
|
|---|
| | | |
|---|
| | | // Theme init
|
|---|
| | | theme.init(dw, that);
|
|---|
| | | |
|---|
| | | if (s.display != 'inline') {
|
|---|
| | | // Init buttons
|
|---|
| | | that.tap($('.dwb-s span', dw), function () {
|
|---|
| | | if (that.hide(false, 'set') !== false) {
|
|---|
| | | that.setValue(false, true);
|
|---|
| | | event('onSelect', [that.val]);
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | |
|
|---|
| | | that.tap($('.dwb-c span', dw), function () {
|
|---|
| | | that.cancel();
|
|---|
| | | });
|
|---|
| | |
|
|---|
| | | if (s.button3) {
|
|---|
| | | that.tap($('.dwb-n span', dw), s.button3);
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | // prevent scrolling if not specified otherwise
|
|---|
| | | if (s.scrollLock) {
|
|---|
| | | dw.bind('touchmove', function (e) {
|
|---|
| | | if (mh <= wh && mw <= ww) {
|
|---|
| | | e.preventDefault();
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | // Disable inputs to prevent bleed through (Android bug)
|
|---|
| | | $('input,select,button').each(function () {
|
|---|
| | | if (!$(this).prop('disabled')) {
|
|---|
| | | $(this).addClass('dwtd').prop('disabled', true);
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | |
|---|
| | | // Set position
|
|---|
| | | position();
|
|---|
| | | $(window).bind('resize.dw', function () {
|
|---|
| | | // Sometimes scrollTop is not correctly set, so we wait a little
|
|---|
| | | clearTimeout(debounce);
|
|---|
| | | debounce = setTimeout(function () {
|
|---|
| | | position(true);
|
|---|
| | | }, 100);
|
|---|
| | | });
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | // Events
|
|---|
| | | dw.delegate('.dwwl', 'DOMMouseScroll mousewheel', function (e) {
|
|---|
| | | if (!isReadOnly(this)) {
|
|---|
| | | e.preventDefault();
|
|---|
| | | e = e.originalEvent;
|
|---|
| | | var delta = e.wheelDelta ? (e.wheelDelta / 120) : (e.detail ? (-e.detail / 3) : 0),
|
|---|
| | | t = $('.dw-ul', this),
|
|---|
| | | p = +t.data('pos'),
|
|---|
| | | val = Math.round(p - delta);
|
|---|
| | | setGlobals(t);
|
|---|
| | | calc(t, val, delta < 0 ? 1 : 2);
|
|---|
| | | }
|
|---|
| | | }).delegate('.dwb, .dwwb', START_EVENT, function (e) {
|
|---|
| | | // Active button
|
|---|
| | | $(this).addClass('dwb-a');
|
|---|
| | | }).delegate('.dwwb', START_EVENT, function (e) {
|
|---|
| | | e.stopPropagation();
|
|---|
| | | e.preventDefault();
|
|---|
| | | var w = $(this).closest('.dwwl');
|
|---|
| | | if (testTouch(e) && !isReadOnly(w) && !w.hasClass('dwa')) {
|
|---|
| | | click = true;
|
|---|
| | | // + Button
|
|---|
| | | var t = w.find('.dw-ul'),
|
|---|
| | | func = $(this).hasClass('dwwbp') ? plus : minus;
|
|---|
| | | |
|---|
| | | setGlobals(t);
|
|---|
| | | clearInterval(timer);
|
|---|
| | | timer = setInterval(function () { func(t); }, s.delay);
|
|---|
| | | func(t);
|
|---|
| | | }
|
|---|
| | | }).delegate('.dwwl', START_EVENT, function (e) {
|
|---|
| | | // Prevent scroll
|
|---|
| | | e.preventDefault();
|
|---|
| | | // Scroll start
|
|---|
| | | if (testTouch(e) && !move && !isReadOnly(this) && !click) {
|
|---|
| | | move = true;
|
|---|
| | | $(document).bind(MOVE_EVENT, onMove);
|
|---|
| | | target = $('.dw-ul', this);
|
|---|
| | | scrollable = s.mode != 'clickpick';
|
|---|
| | | pos = +target.data('pos');
|
|---|
| | | setGlobals(target);
|
|---|
| | | moved = iv[index] !== undefined; // Don't allow tap, if still moving
|
|---|
| | | start = getCoord(e, 'Y');
|
|---|
| | | startTime = new Date();
|
|---|
| | | stop = start;
|
|---|
| | | that.scroll(target, index, pos, 0.001);
|
|---|
| | | if (scrollable) {
|
|---|
| | | target.closest('.dwwl').addClass('dwa');
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | |
|
|---|
| | | event('onShow', [dw, v]);
|
|---|
| | | };
|
|---|
| | | |
|---|
| | | /**
|
|---|
| | | * Hides the scroller instance.
|
|---|
| | | */
|
|---|
| | | that.hide = function (prevAnim, btn) {
|
|---|
| | | // If onClose handler returns false, prevent hide
|
|---|
| | | if (!visible || event('onClose', [v, btn]) === false) {
|
|---|
| | | return false;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | // Re-enable temporary disabled fields
|
|---|
| | | $('.dwtd').prop('disabled', false).removeClass('dwtd');
|
|---|
| | | elm.blur();
|
|---|
| | |
|
|---|
| | | // Hide wheels and overlay
|
|---|
| | | if (dw) {
|
|---|
| | | if (s.display != 'inline' && anim && !prevAnim) {
|
|---|
| | | dw.addClass('dw-trans').find('.dw').addClass('dw-' + anim + ' dw-out');
|
|---|
| | | setTimeout(function () {
|
|---|
| | | dw.remove();
|
|---|
| | | dw = null;
|
|---|
| | | }, 350);
|
|---|
| | | } else {
|
|---|
| | | dw.remove();
|
|---|
| | | dw = null;
|
|---|
| | | }
|
|---|
| | | visible = false;
|
|---|
| | | pixels = {};
|
|---|
| | | // Stop positioning on window resize
|
|---|
| | | $(window).unbind('.dw');
|
|---|
| | | }
|
|---|
| | | };
|
|---|
| | |
|
|---|
| | | /**
|
|---|
| | | * Cancel and hide the scroller instance.
|
|---|
| | | */
|
|---|
| | | that.cancel = function () {
|
|---|
| | | if (that.hide(false, 'cancel') !== false) {
|
|---|
| | | event('onCancel', [that.val]);
|
|---|
| | | }
|
|---|
| | | };
|
|---|
| | |
|
|---|
| | | /**
|
|---|
| | | * Scroller initialization.
|
|---|
| | | */
|
|---|
| | | that.init = function (ss) {
|
|---|
| | | // Get theme defaults
|
|---|
| | | theme = extend({ defaults: {}, init: empty }, ms.themes[ss.theme || s.theme]);
|
|---|
| | |
|
|---|
| | | // Get language defaults
|
|---|
| | | lang = ms.i18n[ss.lang || s.lang];
|
|---|
| | |
|
|---|
| | | extend(settings, ss); // Update original user settings
|
|---|
| | | extend(s, theme.defaults, lang, settings);
|
|---|
| | |
|
|---|
| | | that.settings = s;
|
|---|
| | |
|
|---|
| | | // Unbind all events (if re-init)
|
|---|
| | | elm.unbind('.dw');
|
|---|
| | |
|
|---|
| | | var preset = ms.presets[s.preset];
|
|---|
| | |
|
|---|
| | | if (preset) {
|
|---|
| | | pres = preset.call(e, that);
|
|---|
| | | extend(s, pres, settings); // Load preset settings
|
|---|
| | | extend(methods, pres.methods); // Extend core methods
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | // Set private members
|
|---|
| | | m = Math.floor(s.rows / 2);
|
|---|
| | | hi = s.height;
|
|---|
| | | anim = s.animate;
|
|---|
| | |
|
|---|
| | | if (elm.data('dwro') !== undefined) {
|
|---|
| | | e.readOnly = bool(elm.data('dwro'));
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | if (visible) {
|
|---|
| | | that.hide();
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | if (s.display == 'inline') {
|
|---|
| | | that.show();
|
|---|
| | | } else {
|
|---|
| | | read();
|
|---|
| | | if (input && s.showOnFocus) {
|
|---|
| | | // Set element readonly, save original state
|
|---|
| | | elm.data('dwro', e.readOnly);
|
|---|
| | | e.readOnly = true;
|
|---|
| | | // Init show datewheel
|
|---|
| | | elm.bind('focus.dw', function () { that.show(); });
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | };
|
|---|
| | | |
|---|
| | | that.trigger = function (name, params) {
|
|---|
| | | return event(name, params);
|
|---|
| | | };
|
|---|
| | | |
|---|
| | | that.values = null;
|
|---|
| | | that.val = null;
|
|---|
| | | that.temp = null;
|
|---|
| | | that._selectedValues = {}; // [];
|
|---|
| | |
|
|---|
| | | that.init(settings);
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | function testProps(props) {
|
|---|
| | | var i;
|
|---|
| | | for (i in props) {
|
|---|
| | | if (mod[props[i]] !== undefined) {
|
|---|
| | | return true;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | return false;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | function testPrefix() {
|
|---|
| | | var prefixes = ['Webkit', 'Moz', 'O', 'ms'],
|
|---|
| | | p;
|
|---|
| | |
|
|---|
| | | for (p in prefixes) {
|
|---|
| | | if (testProps([prefixes[p] + 'Transform'])) {
|
|---|
| | | return '-' + prefixes[p].toLowerCase();
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | return '';
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | function getInst(e) {
|
|---|
| | | return scrollers[e.id];
|
|---|
| | | }
|
|---|
| | | |
|---|
| | | function getCoord(e, c) {
|
|---|
| | | var org = e.originalEvent,
|
|---|
| | | ct = e.changedTouches;
|
|---|
| | | return ct || (org && org.changedTouches) ? (org ? org.changedTouches[0]['page' + c] : ct[0]['page' + c]) : e['page' + c];
|
|---|
| | |
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | function bool(v) {
|
|---|
| | | return (v === true || v == 'true');
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | function constrain(val, min, max) {
|
|---|
| | | val = val > max ? max : val;
|
|---|
| | | val = val < min ? min : val;
|
|---|
| | | return val;
|
|---|
| | | }
|
|---|
| | | |
|---|
| | | function calc(t, val, dir, anim, orig) {
|
|---|
| | | val = constrain(val, min, max);
|
|---|
| | |
|
|---|
| | | var cell = $('.dw-li', t).eq(val),
|
|---|
| | | o = orig === undefined ? val : orig,
|
|---|
| | | idx = index,
|
|---|
| | | time = anim ? (val == o ? 0.1 : Math.abs((val - o) * 0.1)) : 0;
|
|---|
| | |
|
|---|
| | | // Set selected scroller value
|
|---|
| | | inst.temp[idx] = cell.attr('data-val');
|
|---|
| | | |
|---|
| | | inst.scroll(t, idx, val, time, orig);
|
|---|
| | | |
|---|
| | | setTimeout(function () {
|
|---|
| | | // Validate
|
|---|
| | | inst.validate(idx, dir, time, orig);
|
|---|
| | | }, 10);
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | function init(that, method, args) {
|
|---|
| | | if (methods[method]) {
|
|---|
| | | return methods[method].apply(that, Array.prototype.slice.call(args, 1));
|
|---|
| | | }
|
|---|
| | | if (typeof method === 'object') {
|
|---|
| | | return methods.init.call(that, method);
|
|---|
| | | }
|
|---|
| | | return that;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | var scrollers = {},
|
|---|
| | | timer,
|
|---|
| | | empty = function () { },
|
|---|
| | | h,
|
|---|
| | | min,
|
|---|
| | | max,
|
|---|
| | | inst, // Current instance
|
|---|
| | | date = new Date(),
|
|---|
| | | uuid = date.getTime(),
|
|---|
| | | move,
|
|---|
| | | click,
|
|---|
| | | target,
|
|---|
| | | index,
|
|---|
| | | start,
|
|---|
| | | stop,
|
|---|
| | | startTime,
|
|---|
| | | pos,
|
|---|
| | | moved,
|
|---|
| | | scrollable,
|
|---|
| | | mod = document.createElement('modernizr').style,
|
|---|
| | | has3d = testProps(['perspectiveProperty', 'WebkitPerspective', 'MozPerspective', 'OPerspective', 'msPerspective']),
|
|---|
| | | prefix = testPrefix(),
|
|---|
| | | extend = $.extend,
|
|---|
| | | tap,
|
|---|
| | | touch,
|
|---|
| | | START_EVENT = 'touchstart mousedown',
|
|---|
| | | MOVE_EVENT = 'touchmove mousemove',
|
|---|
| | | END_EVENT = 'touchend mouseup',
|
|---|
| | | onMove = function (e) {
|
|---|
| | | if (scrollable) {
|
|---|
| | | e.preventDefault();
|
|---|
| | | stop = getCoord(e, 'Y');
|
|---|
| | | inst.scroll(target, index, constrain(pos + (start - stop) / h, min - 1, max + 1));
|
|---|
| | | }
|
|---|
| | | moved = true;
|
|---|
| | | },
|
|---|
| | | defaults = {
|
|---|
| | | // Options
|
|---|
| | | width: 70,
|
|---|
| | | height: 40,
|
|---|
| | | rows: 3,
|
|---|
| | | delay: 300,
|
|---|
| | | disabled: false,
|
|---|
| | | readonly: false,
|
|---|
| | | showOnFocus: true,
|
|---|
| | | showLabel: true,
|
|---|
| | | wheels: [],
|
|---|
| | | theme: '',
|
|---|
| | | headerText: '{value}',
|
|---|
| | | display: 'modal',
|
|---|
| | | mode: 'scroller',
|
|---|
| | | preset: '',
|
|---|
| | | lang: 'en-US',
|
|---|
| | | setText: 'Set',
|
|---|
| | | cancelText: 'Cancel',
|
|---|
| | | scrollLock: true,
|
|---|
| | | tap: true,
|
|---|
| | | formatResult: function (d) {
|
|---|
| | | return d.join(' ');
|
|---|
| | | },
|
|---|
| | | parseValue: function (value, inst) {
|
|---|
| | | var w = inst.settings.wheels,
|
|---|
| | | val = value.split(' '),
|
|---|
| | | ret = [],
|
|---|
| | | j = 0,
|
|---|
| | | i,
|
|---|
| | | l,
|
|---|
| | | v;
|
|---|
| | |
|
|---|
| | | for (i = 0; i < w.length; i++) {
|
|---|
| | | for (l in w[i]) {
|
|---|
| | | if (w[i][l][val[j]] !== undefined) {
|
|---|
| | | ret.push(val[j]);
|
|---|
| | | } else {
|
|---|
| | | for (v in w[i][l]) { // Select first value from wheel
|
|---|
| | | ret.push(v);
|
|---|
| | | break;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | j++;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | return ret;
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | | methods = {
|
|---|
| | | init: function (options) {
|
|---|
| | | if (options === undefined) {
|
|---|
| | | options = {};
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | return this.each(function () {
|
|---|
| | | if (!this.id) {
|
|---|
| | | uuid += 1;
|
|---|
| | | this.id = 'scoller' + uuid;
|
|---|
| | | }
|
|---|
| | | scrollers[this.id] = new Scroller(this, options);
|
|---|
| | | });
|
|---|
| | | },
|
|---|
| | | enable: function () {
|
|---|
| | | return this.each(function () {
|
|---|
| | | var inst = getInst(this);
|
|---|
| | | if (inst) {
|
|---|
| | | inst.enable();
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | },
|
|---|
| | | disable: function () {
|
|---|
| | | return this.each(function () {
|
|---|
| | | var inst = getInst(this);
|
|---|
| | | if (inst) {
|
|---|
| | | inst.disable();
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | },
|
|---|
| | | isDisabled: function () {
|
|---|
| | | var inst = getInst(this[0]);
|
|---|
| | | if (inst) {
|
|---|
| | | return inst.settings.disabled;
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | isVisible: function () {
|
|---|
| | | var inst = getInst(this[0]);
|
|---|
| | | if (inst) {
|
|---|
| | | return inst.isVisible();
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | option: function (option, value) {
|
|---|
| | | return this.each(function () {
|
|---|
| | | var inst = getInst(this);
|
|---|
| | | if (inst) {
|
|---|
| | | var obj = {};
|
|---|
| | | if (typeof option === 'object') {
|
|---|
| | | obj = option;
|
|---|
| | | } else {
|
|---|
| | | obj[option] = value;
|
|---|
| | | }
|
|---|
| | | inst.init(obj);
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | },
|
|---|
| | | setValue: function (d, fill, time, temp) {
|
|---|
| | | return this.each(function () {
|
|---|
| | | var inst = getInst(this);
|
|---|
| | | if (inst) {
|
|---|
| | | inst.temp = d;
|
|---|
| | | inst.setValue(true, fill, time, temp);
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | },
|
|---|
| | | getInst: function () {
|
|---|
| | | return getInst(this[0]);
|
|---|
| | | },
|
|---|
| | | getValue: function () {
|
|---|
| | | var inst = getInst(this[0]);
|
|---|
| | | if (inst) {
|
|---|
| | | return inst.values;
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | getValues: function () {
|
|---|
| | | var inst = getInst(this[0]);
|
|---|
| | | if (inst) {
|
|---|
| | | return inst.getValues();
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | show: function () {
|
|---|
| | | var inst = getInst(this[0]);
|
|---|
| | | if (inst) {
|
|---|
| | | return inst.show();
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | hide: function () {
|
|---|
| | | return this.each(function () {
|
|---|
| | | var inst = getInst(this);
|
|---|
| | | if (inst) {
|
|---|
| | | inst.hide();
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | },
|
|---|
| | | destroy: function () {
|
|---|
| | | return this.each(function () {
|
|---|
| | | var inst = getInst(this);
|
|---|
| | | if (inst) {
|
|---|
| | | inst.hide();
|
|---|
| | | $(this).unbind('.dw');
|
|---|
| | | delete scrollers[this.id];
|
|---|
| | | if ($(this).is('input')) {
|
|---|
| | | this.readOnly = bool($(this).data('dwro'));
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | }
|
|---|
| | | };
|
|---|
| | |
|
|---|
| | | $(document).bind(END_EVENT, function (e) {
|
|---|
| | | if (move) {
|
|---|
| | | var time = new Date() - startTime,
|
|---|
| | | val = constrain(pos + (start - stop) / h, min - 1, max + 1),
|
|---|
| | | speed,
|
|---|
| | | dist,
|
|---|
| | | tindex,
|
|---|
| | | ttop = target.offset().top;
|
|---|
| | | |
|---|
| | | if (time < 300) {
|
|---|
| | | speed = (stop - start) / time;
|
|---|
| | | dist = (speed * speed) / (2 * 0.0006);
|
|---|
| | | if (stop - start < 0) {
|
|---|
| | | dist = -dist;
|
|---|
| | | }
|
|---|
| | | } else {
|
|---|
| | | dist = stop - start;
|
|---|
| | | }
|
|---|
| | | |
|---|
| | | tindex = Math.round(pos - dist / h);
|
|---|
| | | |
|---|
| | | if (!dist && !moved) { // this is a "tap"
|
|---|
| | | var idx = Math.floor((stop - ttop) / h),
|
|---|
| | | li = $('.dw-li', target).eq(idx),
|
|---|
| | | hl = scrollable;
|
|---|
| | | |
|---|
| | | if (inst.trigger('onValueTap', [li]) !== false) {
|
|---|
| | | tindex = idx;
|
|---|
| | | } else {
|
|---|
| | | hl = true;
|
|---|
| | | }
|
|---|
| | | |
|---|
| | | if (hl) {
|
|---|
| | | li.addClass('dw-hl'); // Highlight
|
|---|
| | | setTimeout(function () {
|
|---|
| | | li.removeClass('dw-hl');
|
|---|
| | | }, 200);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | |
|---|
| | | if (scrollable) {
|
|---|
| | | calc(target, tindex, 0, true, Math.round(val));
|
|---|
| | | }
|
|---|
| | | |
|---|
| | | move = false;
|
|---|
| | | target = null;
|
|---|
| | | |
|---|
| | | $(document).unbind(MOVE_EVENT, onMove);
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | if (click) {
|
|---|
| | | clearInterval(timer);
|
|---|
| | | click = false;
|
|---|
| | | }
|
|---|
| | | |
|---|
| | | $('.dwb-a').removeClass('dwb-a');
|
|---|
| | | |
|---|
| | | }).bind('mouseover mouseup mousedown click', function (e) { // Prevent standard behaviour on body click
|
|---|
| | | if (tap) {
|
|---|
| | | e.stopPropagation();
|
|---|
| | | e.preventDefault();
|
|---|
| | | return false;
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | |
|
|---|
| | | $.fn.mobiscroll = function (method) {
|
|---|
| | | extend(this, $.mobiscroll.shorts);
|
|---|
| | | return init(this, method, arguments);
|
|---|
| | | };
|
|---|
| | |
|
|---|
| | | $.mobiscroll = $.mobiscroll || {
|
|---|
| | | /**
|
|---|
| | | * Set settings for all instances.
|
|---|
| | | * @param {Object} o - New default settings.
|
|---|
| | | */
|
|---|
| | | setDefaults: function (o) {
|
|---|
| | | extend(defaults, o);
|
|---|
| | | },
|
|---|
| | | presetShort: function (name) {
|
|---|
| | | this.shorts[name] = function (method) {
|
|---|
| | | return init(this, extend(method, { preset: name }), arguments);
|
|---|
| | | };
|
|---|
| | | },
|
|---|
| | | shorts: {},
|
|---|
| | | presets: {},
|
|---|
| | | themes: {},
|
|---|
| | | i18n: {}
|
|---|
| | | };
|
|---|
| | |
|
|---|
| | | $.scroller = $.scroller || $.mobiscroll;
|
|---|
| | | $.fn.scroller = $.fn.scroller || $.fn.mobiscroll;
|
|---|
| | |
|
|---|
| | | })(jQuery);
|
|---|
| New file |
| | |
|---|
| | | <!-- éå»·å³°å¢å ä¸æèµæºå
(ceo@vmeitime.com) -->
|
|---|
| | | (function ($) {
|
|---|
| | | $.mobiscroll.i18n.zh = $.extend($.mobiscroll.i18n.zh, {
|
|---|
| | | dateFormat: 'yyyy-mm-dd',
|
|---|
| | | dateOrder: 'yymmdd',
|
|---|
| | | dayNames: ['å¨æ¥', 'å¨ä¸;', 'å¨äº;', 'å¨ä¸', 'å¨å', 'å¨äº', 'å¨å
'],
|
|---|
| | | dayNamesShort: ['æ¥', 'ä¸', 'äº', 'ä¸', 'å', 'äº', 'å
'],
|
|---|
| | | dayText: 'æ¥',
|
|---|
| | | hourText: 'æ¶',
|
|---|
| | | minuteText: 'å',
|
|---|
| | | monthNames: ['ä¸æ', 'äºæ', 'ä¸æ', 'åæ', 'äºæ', 'å
æ', 'ä¸æ', 'å
«æ', 'ä¹æ', 'åæ', 'åä¸æ', 'åäºæ'],
|
|---|
| | | monthNamesShort: ['1æ', '2æ', '3æ', '4æ', '5æ', '6æ', '7æ', '8æ', '9æ', '10æ', '11æ', '12æ'],
|
|---|
| | | monthText: 'æ',
|
|---|
| | | secText: 'ç§',
|
|---|
| | | timeFormat: 'HH:ii',
|
|---|
| | | timeWheels: 'HHii',
|
|---|
| | | yearText: 'å¹´'
|
|---|
| | | });
|
|---|
| | | })(jQuery);
|
|---|
| New file |
| | |
|---|
| | | (function ($) {
|
|---|
| | | $.mobiscroll.i18n.zh = $.extend($.mobiscroll.i18n.zh, {
|
|---|
| | | setText: 'ç¡®å®',
|
|---|
| | | cancelText: 'åæ¶'
|
|---|
| | | });
|
|---|
| | | })(jQuery);
|
|---|
| New file |
| | |
|---|
| | | (function ($) {
|
|---|
| | | var theme = {
|
|---|
| | | defaults: {
|
|---|
| | | dateOrder: 'Mddyy',
|
|---|
| | | mode: 'mixed',
|
|---|
| | | rows: 5,
|
|---|
| | | width: 70,
|
|---|
| | | height: 36,
|
|---|
| | | showLabel: true,
|
|---|
| | | useShortLabels: true
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | $.mobiscroll.themes['android-ics'] = theme;
|
|---|
| | | $.mobiscroll.themes['android-ics light'] = theme;
|
|---|
| | |
|
|---|
| | | })(jQuery);
|
|---|
| | |
|
|---|
| | |
|---|
| | | <div class="div_item">
|
|---|
| | | <div class="div_item_top">
|
|---|
| | | <div class="title">è´¦æ·ä½é¢</div>
|
|---|
| | | <input id="inpunt_balance" class="input" type="text" v-model="dataParms.balance" placeholder="ä¸è¦è¶
è¿7ä½æ°ï¼æ¯æå°æ°ç¹å两ä½"
|
|---|
| | | <input id="inpunt_balance" class="input" type="number" v-model="dataParms.balance" placeholder="ä¸è¦è¶
è¿7ä½æ°ï¼æ¯æå°æ°ç¹å两ä½"
|
|---|
| | | onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" maxlength="10" @focus="focus()"
|
|---|
| | | @blur="blur()">
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | <div class="div_item">
|
|---|
| | | <div class="div_item_top">
|
|---|
| | | <div class="title">èªè´è¿å©</div>
|
|---|
| | | <input id="inpunt_selfRebate" class="input" type="text" v-model="dataParms.selfRebate" placeholder="ä¸è¦è¶
è¿5ä½æ°ï¼æ¯æå°æ°ç¹å两ä½"
|
|---|
| | | <input id="inpunt_selfRebate" class="input" type="number" v-model="dataParms.selfRebate" placeholder="ä¸è¦è¶
è¿5ä½æ°ï¼æ¯æå°æ°ç¹å两ä½"
|
|---|
| | | onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" maxlength="8" @focus="focus()"
|
|---|
| | | @blur="blur()">
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | <div class="div_item">
|
|---|
| | | <div class="div_item_top">
|
|---|
| | | <div class="title">å享å¥é</div>
|
|---|
| | | <input id="inpunt_shareBonus" class="input" type="text" v-model="dataParms.shareBonus" placeholder="ä¸è¦è¶
è¿5ä½æ°ï¼æ¯æå°æ°ç¹å两ä½"
|
|---|
| | | <input id="inpunt_shareBonus" class="input" type="number" v-model="dataParms.shareBonus" placeholder="ä¸è¦è¶
è¿5ä½æ°ï¼æ¯æå°æ°ç¹å两ä½"
|
|---|
| | | onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" maxlength="8" @focus="focus()"
|
|---|
| | | @blur="blur()">
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | <div class="div_item">
|
|---|
| | | <div class="div_item_top">
|
|---|
| | | <div class="title">å¢éå¥é</div>
|
|---|
| | | <input id="inpunt_teamBonus" class="input" type="text" v-model="dataParms.teamBonus" placeholder="ä¸è¦è¶
è¿5ä½æ°ï¼æ¯æå°æ°ç¹å两ä½"
|
|---|
| | | <input id="inpunt_teamBonus" class="input" type="number" v-model="dataParms.teamBonus" placeholder="ä¸è¦è¶
è¿5ä½æ°ï¼æ¯æå°æ°ç¹å两ä½"
|
|---|
| | | onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" maxlength="8" @focus="focus()"
|
|---|
| | | @blur="blur()">
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | <img src="img/icon_close.png" class="closeImg" @click="hiddenDialog()">
|
|---|
| | | <div class="dialog_title">è¾å
¥å¿«çID </div>
|
|---|
| | | <div class="">
|
|---|
| | | <input id="inpunt_preUid" class="input_other" type="text" placeholder="æå¤æ¯æ16个å符" @focus="focus()" @blur="blur()">
|
|---|
| | | <input id="inpunt_preUid" class="input_other" type="number" placeholder="æå¤æ¯æ16个å符" @focus="focus()" @blur="blur()">
|
|---|
| | | </div>
|
|---|
| | | <div class="dialog_commit_updateNickName" @click="commitUpdateID">确认</div>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | |
|
|---|
| | | <div class="pushCount">æ¨éæ°é</div>
|
|---|
| | | <div class="div_input_content_bg">
|
|---|
| | | <input id="inpunt_id" class="input" type="text" placeholder="æå¤æ¯æ50æ¡ï¼ä¾å¦ï¼30æ¡" @focus="focus()" @blur="blur()">
|
|---|
| | | <input id="inpunt_id" class="input" type="number" placeholder="æå¤æ¯æ50æ¡ï¼ä¾å¦ï¼30æ¡" @focus="focus()" @blur="blur()">
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <!-- éè¦æ示 -->
|
|---|
| | |
|---|
| | | <meta name="viewport" content="width=device-width,viewport-fit=cover, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|---|
| | | <link rel="stylesheet" type="text/css" href="./css/base.css" />
|
|---|
| | | <link rel="stylesheet" type="text/css" href="./css/receiveData.css" />
|
|---|
| | | <script src="laydate/laydate.js"></script>
|
|---|
| | | <script>
|
|---|
| | | window.onresize = function() {
|
|---|
| | | document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px';
|
|---|
| | |
|---|
| | | <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
|
|---|
| | | <script src="http://img.flqapp.com/resource/js/app20200227.js"></script>
|
|---|
| | | <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
|
|---|
| | |
|
|---|
| | | <script src="js/mobiscroll/mobiscroll_002.js" type="text/javascript"></script>
|
|---|
| | | <script src="js/mobiscroll/mobiscroll_004.js" type="text/javascript"></script>
|
|---|
| | | <link href="css/mobiscroll/mobiscroll_002.css" rel="stylesheet" type="text/css">
|
|---|
| | | <link href="css/mobiscroll/mobiscroll.css" rel="stylesheet" type="text/css">
|
|---|
| | | <script src="js/mobiscroll/mobiscroll.js" type="text/javascript"></script>
|
|---|
| | | <script src="js/mobiscroll/mobiscroll_003.js" type="text/javascript"></script>
|
|---|
| | | <script src="js/mobiscroll/mobiscroll_005.js" type="text/javascript"></script>
|
|---|
| | | <link href="css/mobiscroll/mobiscroll_003.css" rel="stylesheet" type="text/css">
|
|---|
| | | </head>
|
|---|
| | | <body>
|
|---|
| | | <div id="root">
|
|---|
| | |
|---|
| | | <div class="div_item">
|
|---|
| | | <div class="div_item_top">
|
|---|
| | | <div class="title">éé¢</div>
|
|---|
| | | <input id="inpunt_money" class="input" type="text" placeholder="ä¸è¦è¶
è¿7ä½æ°ï¼æ¯æå°æ°ç¹å两ä½" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')"
|
|---|
| | | <input id="inpunt_money" class="input" type="number" placeholder="ä¸è¦è¶
è¿7ä½æ°ï¼æ¯æå°æ°ç¹å两ä½" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')"
|
|---|
| | | maxlength="10">
|
|---|
| | | </div>
|
|---|
| | | <div style="height: 1px; background-color: #E0E0E0; margin-left: 0.3rem;"></div>
|
|---|
| | |
|---|
| | | <div class="div_item">
|
|---|
| | | <div class="div_item_top">
|
|---|
| | | <div class="title">å建æ¶é´</div>
|
|---|
| | | <input id="inpunt_date" class="input" type="text" placeholder="ä½ å¯å¤å¶ä¸ä¸ªæ¶é´å¡«åäºæ¤å¤">
|
|---|
| | | <input id="inpunt_date" class="input" type="text" placeholder="ä½ å¯å¤å¶ä¸ä¸ªæ¶é´å¡«åäºæ¤å¤" readonly="readonly">
|
|---|
| | | </div>
|
|---|
| | | <div style="height: 1px; background-color: #E0E0E0; margin-left: 0.3rem;"></div>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | <div class="div_item">
|
|---|
| | | <div class="div_item_top">
|
|---|
| | | <div class="title">订åå·</div>
|
|---|
| | | <input id="inpunt_order" class="input" type="text" placeholder="ä½ å¯å¤å¶ä¸ä¸ªè®¢åå·å¡«åäºæ¤å¤">
|
|---|
| | | <input id="inpunt_order" class="input" type="number" placeholder="ä½ å¯å¤å¶ä¸ä¸ªè®¢åå·å¡«åäºæ¤å¤">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | |
|
|---|
| | | app.fetchMoneyArrivalImg();
|
|---|
| | |
|
|---|
| | | setTimeout(function() {
|
|---|
| | | laydate.render({
|
|---|
| | | elem: '#inpunt_date', //æå®å
ç´
|
|---|
| | | type: 'datetime',
|
|---|
| | | format: 'yyyy.MM.dd HH:mm'
|
|---|
| | | });
|
|---|
| | | setTimeout(function() { |
|---|
| | | var currYear = (new Date()).getFullYear(); |
|---|
| | | var opt = {}; |
|---|
| | | opt.date = { |
|---|
| | | preset: 'date' |
|---|
| | | }; |
|---|
| | | opt.datetime = { |
|---|
| | | preset: 'datetime' |
|---|
| | | }; |
|---|
| | | opt.time = { |
|---|
| | | preset: 'time' |
|---|
| | | }; |
|---|
| | | opt.default = { |
|---|
| | | theme: 'android-ics light', //ç®è¤æ ·å¼ |
|---|
| | | display: 'modal', //æ¾ç¤ºæ¹å¼ |
|---|
| | | mode: 'scroller', //æ¥æéæ©æ¨¡å¼ |
|---|
| | | dateFormat: 'yyyy-mm-dd', |
|---|
| | | lang: 'zh', |
|---|
| | | showNow: true, |
|---|
| | | nowText: "ä»å¤©", |
|---|
| | | startYear: currYear - 10, //å¼å§å¹´ä»½ |
|---|
| | | endYear: currYear + 10 //ç»æ年份 |
|---|
| | | }; |
|---|
| | | var optDateTime = $.extend(opt['datetime'], opt['default']); |
|---|
| | | $("#inpunt_date").mobiscroll(optDateTime).datetime(optDateTime);
|
|---|
| | |
|
|---|
| | | }, 1000);
|
|---|
| | |
|
|---|
| | | var winHeight = $(window).height(); //è·åå½å页é¢é«åº¦
|
|---|
| | | $(window).resize(function() {
|
|---|
| | | var thisHeight = $(this).height();
|
|---|
| | | if (winHeight - thisHeight > 140) {
|
|---|
| | | //é®çå¼¹åº
|
|---|
| | | $('.div_tips').css('display', 'none');
|
|---|
| | | } else {
|
|---|
| | | //é®çæ¶èµ·
|
|---|
| | | $('.div_tips').css('display', 'block');
|
|---|
| | | }
|
|---|
| | | })
|
|---|
| | | });
|
|---|
| | | </script>
|
|---|
| | | </html> |
|---|
| | |
|---|
| | | <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|---|
| | | <link rel="stylesheet" type="text/css" href="./css/base.css" />
|
|---|
| | | <link rel="stylesheet" type="text/css" href="./css/txRecord.css" />
|
|---|
| | | <link rel="stylesheet" href="./css/index.css">
|
|---|
| | | <script>
|
|---|
| | | window.onresize = function() {
|
|---|
| | | document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px';
|
|---|
| | |
|---|
| | | <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
|
|---|
| | | <script src="http://img.flqapp.com/resource/js/app2019112217.js"></script>
|
|---|
| | | <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
|
|---|
| | | <script src="laydate/laydate.js"></script>
|
|---|
| | | |
|---|
| | | <script src="js/mobiscroll/mobiscroll_002.js" type="text/javascript"></script>
|
|---|
| | | <script src="js/mobiscroll/mobiscroll_004.js" type="text/javascript"></script>
|
|---|
| | | <link href="css/mobiscroll/mobiscroll_002.css" rel="stylesheet" type="text/css">
|
|---|
| | | <link href="css/mobiscroll/mobiscroll.css" rel="stylesheet" type="text/css">
|
|---|
| | | <script src="js/mobiscroll/mobiscroll.js" type="text/javascript"></script>
|
|---|
| | | <script src="js/mobiscroll/mobiscroll_003.js" type="text/javascript"></script>
|
|---|
| | | <script src="js/mobiscroll/mobiscroll_005.js" type="text/javascript"></script>
|
|---|
| | | <link href="css/mobiscroll/mobiscroll_003.css" rel="stylesheet" type="text/css">
|
|---|
| | | </head>
|
|---|
| | | <body>
|
|---|
| | | <div id="root">
|
|---|
| | | <div id="root" style="display: none;">
|
|---|
| | | <div class="div_item_bg">
|
|---|
| | | <div class="div_items" v-for="(item, index) in dataList">
|
|---|
| | | <div class="div_items_top">
|
|---|
| | |
|---|
| | | <img src="img/icon_close.png" @click="hiddenDialog()">
|
|---|
| | | <div class="dialog_title">æ·»å æç°è®°å½</div>
|
|---|
| | |
|
|---|
| | | <div id="tx_date" class="tx_title_desc">æç°æ¥æ</div>
|
|---|
| | | <div class="div_input_content_bg">
|
|---|
| | | <input id="inpunt_date_year" class="input" type="text" placeholder="å¦ï¼2020.02.02" readonly="readonly" name="appDate">
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | <div id="tx_date" class="tx_title_desc">æç°æ¶é´</div>
|
|---|
| | | <div class="div_input_content_bg">
|
|---|
| | | <input id="inpunt_date" class="input" type="text" placeholder="å¦ï¼2020.02.02 20:00">
|
|---|
| | | <input id="inpunt_date" class="input" type="text" placeholder="å¦ï¼20:00" name="appTime" readonly="readonly">
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div id="tx_other" class="tx_title_desc">æç°éé¢</div>
|
|---|
| | | <div class="div_input_content_bg">
|
|---|
| | | <input id="inpunt_money" class="input" type="text" placeholder="åç¬æ大æç°éé¢ä¸è¶
è¿1000" maxlength="4" oninput="value=value.replace(/[^\d]/g,'')">
|
|---|
| | | <input id="inpunt_money" class="input" type="number" placeholder="åç¬æ大æç°éé¢ä¸è¶
è¿1000" onkeyup="value=value.replace(/[^\d.]/g,'').replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')">
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="dialog_commit" @click="commitAddTxRecord">确认</div>
|
|---|
| | |
|---|
| | | </body>
|
|---|
| | |
|
|---|
| | | <script type="text/javascript">
|
|---|
| | | // laydate.render({
|
|---|
| | | // elem: '#inpunt_date',
|
|---|
| | | // trigger: 'click',
|
|---|
| | | // type: 'datetime'
|
|---|
| | | // });
|
|---|
| | |
|
|---|
| | | laydate.render({
|
|---|
| | | elem: '#inpunt_ccc',
|
|---|
| | | trigger: 'touchend',
|
|---|
| | | });
|
|---|
| | |
|
|---|
| | | </script>
|
|---|
| | |
|
|---|
| | | <script>
|
|---|
| | | // "http://api.flqapp.com";
|
|---|
| | | var host = "http://192.168.1.253:8080";
|
|---|
| | | $(function() {
|
|---|
| | | var nowDate = new Date();
|
|---|
| | | var nowDate = new Date();
|
|---|
| | | var year = nowDate.getFullYear();
|
|---|
| | | var month = nowDate.getMonth() + 1; // è®°å¾å½åææ¯è¦+1ç
|
|---|
| | | var dt = nowDate.getDate();
|
|---|
| | | var hour = nowDate.getHours(); //å¾å°å°æ¶
|
|---|
| | | var minu = nowDate.getMinutes(); //å¾å°åé
|
|---|
| | |
|
|---|
| | | var today = year + "-" + month + "-" + dt;
|
|---|
| | |
|
|---|
| | | $(function() {
|
|---|
| | | setTimeout(function() {
|
|---|
| | | laydate.render({
|
|---|
| | | elem: '#inpunt_date', //æå®å
ç´
|
|---|
| | | type: 'datetime',
|
|---|
| | | format: 'yyyy.MM.dd HH:mm'
|
|---|
| | | });
|
|---|
| | | var currYear = (new Date()).getFullYear();
|
|---|
| | | var opt = {};
|
|---|
| | | opt.date = {
|
|---|
| | | preset: 'date'
|
|---|
| | | };
|
|---|
| | | opt.datetime = {
|
|---|
| | | preset: 'datetime'
|
|---|
| | | };
|
|---|
| | | opt.time = {
|
|---|
| | | preset: 'time'
|
|---|
| | | };
|
|---|
| | | opt.default = {
|
|---|
| | | theme: 'android-ics light', //ç®è¤æ ·å¼
|
|---|
| | | display: 'modal', //æ¾ç¤ºæ¹å¼ |
|---|
| | | mode: 'scroller', //æ¥æéæ©æ¨¡å¼
|
|---|
| | | dateFormat: 'yyyy-mm-dd',
|
|---|
| | | lang: 'zh',
|
|---|
| | | showNow: true,
|
|---|
| | | nowText: "ä»å¤©",
|
|---|
| | | startYear: currYear - 10, //å¼å§å¹´ä»½
|
|---|
| | | endYear: currYear + 10 //ç»æ年份
|
|---|
| | | };
|
|---|
| | | $("#inpunt_date_year").mobiscroll($.extend(opt['date'], opt['default']));
|
|---|
| | | var optTime = $.extend(opt['time'], opt['default']);
|
|---|
| | | $("#inpunt_date").mobiscroll(optTime).time(optTime);
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | }, 1000);
|
|---|
| | |
|
|---|
| | | var app = new Vue({
|
|---|
| | |
|---|
| | | buttonName: 'æ交é¢è§',
|
|---|
| | | dataList: [],
|
|---|
| | | },
|
|---|
| | | watch: {},
|
|---|
| | | watch: {
|
|---|
| | | dataList: function(val) {
|
|---|
| | | $('#root').css('display', 'block');
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | methods: {
|
|---|
| | | addTxRecord: function() {
|
|---|
| | | $('.dialogmask').css('display', 'block')
|
|---|
| | |
|---|
| | | $('.input').val('');
|
|---|
| | | $('.dialogmask').css('display', 'none')
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | commitAddTxRecord: function() {
|
|---|
| | | var txYeaer = $('#inpunt_date_year').val();
|
|---|
| | | var txDate = $('#inpunt_date').val();
|
|---|
| | | var txMoney = $('#inpunt_money').val();
|
|---|
| | | var dateBoll = compareDate(txYeaer, today);
|
|---|
| | | var timeBoll = CompareDateTime(txDate, hour + ':' + minu);
|
|---|
| | |
|
|---|
| | | if (txYeaer.length <= 0 || txYeaer == null) {
|
|---|
| | | yesApp.toast('请è¾å
¥æç°æ¥æ')
|
|---|
| | | return;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | if (txDate.length <= 0 || txDate == null) {
|
|---|
| | | yesApp.toast('请è¾å
¥æç°æ¶é´')
|
|---|
| | | return;
|
|---|
| | |
|---|
| | | return;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | if (!dateBoll) {
|
|---|
| | | yesApp.toast('æç°æ¥æä¸å¾éæ©æ©äºå½åæ¥æ')
|
|---|
| | | return;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | if (!dateBoll) {
|
|---|
| | | yesApp.toast('æç°æ¶é´ä¸å¾éæ©æ©äºå½åæ¶é´')
|
|---|
| | | return;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | if (!timeBoll) {
|
|---|
| | | yesApp.toast('æ¶é´åå´æ©é¢ç°å¨')
|
|---|
| | | return;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | if (parseInt(txMoney) > 1000) {
|
|---|
| | | yesApp.toast('åç¬æ大æç°éé¢ä¸è¶
è¿1000')
|
|---|
| | | return;
|
|---|
| | |
|---|
| | |
|
|---|
| | | yesApp.showLoading();
|
|---|
| | | var uid = yesApp.getUid();
|
|---|
| | | var dateRequest = txYeaer + ' ' + txDate;
|
|---|
| | |
|
|---|
| | | var params = {
|
|---|
| | | uid: uid,
|
|---|
| | | dayTime: txDate,
|
|---|
| | | dayTime: dateRequest,
|
|---|
| | | money: txMoney
|
|---|
| | | };
|
|---|
| | | params = yesApp.getRequestBaseParams(params);
|
|---|
| | |
|---|
| | |
|
|---|
| | | } else {
|
|---|
| | | yesApp.hideLoading();
|
|---|
| | | yesApp.toast(result.msg);
|
|---|
| | | // yesApp.toast(result.msg);
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | | error: function(XMLHttpRequest, textStatus, errorThrown) {
|
|---|
| | |
|
|---|
| | | yesApp.hideLoading();
|
|---|
| | | if (textStatus === 'timeout') {}
|
|---|
| | | }
|
|---|
| | |
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | app.fetchExtractRecord();
|
|---|
| | |
|
|---|
| | | function compareDate(checkStartDate, checkEndDate) {
|
|---|
| | | var arys1 = new Array();
|
|---|
| | | var arys2 = new Array();
|
|---|
| | | if (checkStartDate != null && checkEndDate != null) {
|
|---|
| | | arys1 = checkStartDate.split('-');
|
|---|
| | | var sdate = new Date(arys1[0], parseInt(arys1[1] - 1), arys1[2]);
|
|---|
| | | arys2 = checkEndDate.split('-');
|
|---|
| | | var edate = new Date(arys2[0], parseInt(arys2[1] - 1), arys2[2]);
|
|---|
| | | if (sdate > edate) {
|
|---|
| | | return false;
|
|---|
| | |
|
|---|
| | | } else {
|
|---|
| | | return true;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | };
|
|---|
| | |
|
|---|
| | | function CompareDateTime(t1, t2) {
|
|---|
| | | var a = t1.split(":");
|
|---|
| | | var b = t2.split(":");
|
|---|
| | | var aa = a[0] + a[1];
|
|---|
| | | var bb = b[0] + b[1];
|
|---|
| | | if (parseInt(aa) > parseInt(bb)) {
|
|---|
| | | return false;
|
|---|
| | | }
|
|---|
| | | return true;
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | </script>
|
|---|
| | | </html> |
|---|
| | |
|---|
| | | height: 0.3rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_notReason {
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | font-size: 0.3rem;
|
|---|
| | | color: #666666;
|
|---|
| | | margin-top: 0.2rem;
|
|---|
| | | margin-left: 0.27rem; |
|---|
| | | |
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_Reason {
|
|---|
| | |
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .applyreason_content {
|
|---|
| | | padding-top: -1rem;
|
|---|
| | | padding-top: 0.02rem;
|
|---|
| | | width: 5.2rem;
|
|---|
| | | font-size: 0.24rem;
|
|---|
| | | }
|
|---|
| | |
|---|
| | | align-items: center;
|
|---|
| | | height: 0.3rem;
|
|---|
| | | margin-right: 0.12rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_notReason {
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | font-size: 0.3rem;
|
|---|
| | | color: #666666;
|
|---|
| | | margin-top: 0.2rem;
|
|---|
| | | margin-left: 0.27rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_commit {
|
|---|
| | |
|---|
| | | <div class="applyreason_content">{{item.rejectReson}}</div>
|
|---|
| | | </div>
|
|---|
| | | <div style="height: 0.28rem;"></div>
|
|---|
| | | </div>
|
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div class="loading-more"></div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | |
|---|
| | |
|
|---|
| | | .div_title :nth-child(1) {
|
|---|
| | | background-color: #CDCDCD;
|
|---|
| | | width: 3.01rem;
|
|---|
| | | width: 3rem;
|
|---|
| | | height: 1px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|---|
| | | color: #333333;
|
|---|
| | | font-size: 0.3rem;
|
|---|
| | | font-weight: bold;
|
|---|
| | | margin-left: 0.14rem;
|
|---|
| | | margin-left: 0.14rem; |
|---|
| | | width: 1.25rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_title :nth-child(3) {
|
|---|
| | | margin-left: 0.14rem;
|
|---|
| | | background-color: #CDCDCD;
|
|---|
| | | width: 3.01rem;
|
|---|
| | | width: 3rem;
|
|---|
| | | height: 1px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|---|
| | | <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
|
|---|
| | | </head>
|
|---|
| | | <body>
|
|---|
| | | <div id="root">
|
|---|
| | | <div id="root" style="display: none;">
|
|---|
| | | <div class="div_header">
|
|---|
| | | <div>{{title}}</div>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | |
|
|---|
| | | <script>
|
|---|
| | | // "http://api.flqapp.com";
|
|---|
| | | var host = "http://192.168.1.122:8080"; |
|---|
| | | var host = "http://192.168.1.253:8080";
|
|---|
| | | var host1 = "http://192.168.1.114:8848";
|
|---|
| | | $(function() {
|
|---|
| | | var app = new Vue({
|
|---|
| | | el: '#root',
|
|---|
| | | data: {
|
|---|
| | | title: 'ä½ äº2020.02.02å级为[è¶
级ä¼å]'
|
|---|
| | | title: ''
|
|---|
| | | },
|
|---|
| | | watch: {
|
|---|
| | |
|
|---|
| | | title: function(val) {
|
|---|
| | | $('#root').css('display', 'block');
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | methods: {
|
|---|
| | | touchType: function(type) {
|
|---|
| | | switch (type) {
|
|---|
| | | case 1: |
|---|
| | | yesApp.jumpWeb(host1+'/flqFront/AppInside/teamOrder/index.html', null)
|
|---|
| | | case 1:
|
|---|
| | | yesApp.jumpWeb(host1 + '/flqFront/AppInside/teamOrder/index.html', null)
|
|---|
| | | break;
|
|---|
| | | case 2:
|
|---|
| | | yesApp.jumpWeb(host1+'/flqFront/AppInside/teamFans/index.html', null)
|
|---|
| | | yesApp.jumpWeb(host1 + '/flqFront/AppInside/teamFans/index.html', null)
|
|---|
| | | break;
|
|---|
| | | case 3: |
|---|
| | | yesApp.jumpWeb(host1+'/flqFront/AppInside/teamBonus/index.html', null)
|
|---|
| | | case 3:
|
|---|
| | | yesApp.jumpWeb(host1 + '/flqFront/AppInside/teamBonus/index.html', null)
|
|---|
| | | break;
|
|---|
| | | case 4:
|
|---|
| | | yesApp.jumpWeb('http://apph5.banliapp.com/AppInside/openVip/index.html', null)
|
|---|
| | | yesApp.jumpWeb(host1 + '/flqFront/AppInside/openVip/index.html', null)
|
|---|
| | | break;
|
|---|
| | | case 5:
|
|---|
| | | yesApp.jumpWeb('http://apph5.banliapp.com/AppInside/yjCompute/index.html', null)
|
|---|
| | | break;
|
|---|
| | | case 6:
|
|---|
| | | yesApp.jumpWeb(host1+'/flqFront/AppInside/dataPreview/datapreviewmain.html', null)
|
|---|
| | | yesApp.jumpWeb(host1 + '/flqFront/AppInside/dataPreview/datapreviewmain.html', null)
|
|---|
| | | break;
|
|---|
| | | case 7:
|
|---|
| | | yesApp.toast('åè½å¼åä¸...')
|
|---|
| | | break;
|
|---|
| | | case 8:
|
|---|
| | | yesApp.toast('åè½å¼åä¸...')
|
|---|
| | | break;
|
|---|
| | | case 9:
|
|---|
| | | yesApp.toast('åè½å¼åä¸...')
|
|---|
| | | break;
|
|---|
| | | case 10:
|
|---|
| | | yesApp.toast('åè½å¼åä¸...')
|
|---|
| | |
|---|
| | | default:
|
|---|
| | | break;
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | | getVIPSuccessInfo: function() {
|
|---|
| | | yesApp.showLoading();
|
|---|
| | | var uid = yesApp.getUid();
|
|---|
| | | var params = {
|
|---|
| | | uid: uid,
|
|---|
| | | };
|
|---|
| | | params = yesApp.getRequestBaseParams(params);
|
|---|
| | | $.ajax({
|
|---|
| | | type: "GET",
|
|---|
| | | data: JSON.parse(params),
|
|---|
| | | url: host + "/fanli/api/v2/user/getVIPSuccessInfo",
|
|---|
| | | dataType: "jsonp",
|
|---|
| | | async: false,
|
|---|
| | | success: function(result) {
|
|---|
| | | yesApp.hideLoading();
|
|---|
| | | if (result.code == 0) {
|
|---|
| | | app.title = result.data.desc;
|
|---|
| | |
|
|---|
| | | } else {
|
|---|
| | | yesApp.toast(result.msg);
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | error: function(XMLHttpRequest, textStatus, errorThrown) {
|
|---|
| | | yesApp.hideLoading();
|
|---|
| | | if (textStatus === 'timeout') {
|
|---|
| | | setTimeout(function() {}, 2000);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | app.getVIPSuccessInfo();
|
|---|
| | | });
|
|---|
| | | </script>
|
|---|
| | | </html> |
|---|
| New file |
| | |
|---|
| | | @keyframes rotate { |
|---|
| | | from { |
|---|
| | | transform: rotate(0deg); |
|---|
| | | } |
|---|
| | | |
|---|
| | | to { |
|---|
| | | transform: rotate(360deg); |
|---|
| | | transition: all 2s; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .loading{ |
|---|
| | | display: inline; |
|---|
| | | height: 0.21rem; |
|---|
| | | width: 0.21rem; |
|---|
| | | margin-top: 0.15rem; |
|---|
| | | position: relative; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .loading div{ |
|---|
| | | position: absolute; |
|---|
| | | height: 0.05rem; |
|---|
| | | transform-origin: left; |
|---|
| | | border-radius: 0.5rem; |
|---|
| | | display: flex; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .loading div .k{ |
|---|
| | | width: 0.08rem; |
|---|
| | | height: 0.04rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .loading div .s{ |
|---|
| | | width: 0.13rem; |
|---|
| | | height: 0.04rem; |
|---|
| | | background: #BBBBBB; |
|---|
| | | border-radius: 0.5rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .loading div:nth-child(2) {-webkit-transform: rotate(30deg);} |
|---|
| | | .loading div:nth-child(3) {-webkit-transform: rotate(60deg);} |
|---|
| | | .loading div:nth-child(4) {-webkit-transform: rotate(90deg);} |
|---|
| | | .loading div:nth-child(5) {-webkit-transform: rotate(120deg);} |
|---|
| | | .loading div:nth-child(6) {-webkit-transform: rotate(150deg);} |
|---|
| | | .loading div:nth-child(7) {-webkit-transform: rotate(180deg);} |
|---|
| | | .loading div:nth-child(8) {-webkit-transform: rotate(210deg);} |
|---|
| | | .loading div:nth-child(9) {-webkit-transform: rotate(240deg);} |
|---|
| | | .loading div:nth-child(10) {-webkit-transform: rotate(270deg);} |
|---|
| | | .loading div:nth-child(11) {-webkit-transform: rotate(300deg);} |
|---|
| | | .loading div:nth-child(12) {-webkit-transform: rotate(330deg);} |
|---|
| | | |
|---|
| | | |
|---|
| | | @-webkit-keyframes load{ |
|---|
| | | 0%{opacity:1;} |
|---|
| | | 100%{opacity:0;} |
|---|
| | | } |
|---|
| | | |
|---|
| | | .loading div:nth-child(1){-webkit-animation:load 1.2s linear 0s infinite;} |
|---|
| | | .loading div:nth-child(2){-webkit-animation:load 1.2s linear 0.1s infinite;} |
|---|
| | | .loading div:nth-child(3){-webkit-animation:load 1.2s linear 0.2s infinite;} |
|---|
| | | .loading div:nth-child(4){-webkit-animation:load 1.2s linear 0.3s infinite;} |
|---|
| | | .loading div:nth-child(5){-webkit-animation:load 1.2s linear 0.4s infinite;} |
|---|
| | | .loading div:nth-child(6){-webkit-animation:load 1.2s linear 0.5s infinite;} |
|---|
| | | |
|---|
| | | .loading div:nth-child(7){-webkit-animation:load 1.2s linear 0.6s infinite;} |
|---|
| | | .loading div:nth-child(8){-webkit-animation:load 1.2s linear 0.7s infinite;} |
|---|
| | | .loading div:nth-child(9){-webkit-animation:load 1.2s linear 0.8s infinite;} |
|---|
| | | .loading div:nth-child(10){-webkit-animation:load 1.2s linear 0.9s infinite;} |
|---|
| | | .loading div:nth-child(11){-webkit-animation:load 1.2s linear 1s infinite;} |
|---|
| | | .loading div:nth-child(12){-webkit-animation:load 1.2s linear 1.1s infinite;} |
|---|
| New file |
| | |
|---|
| | | * {
|
|---|
| | | margin: 0;
|
|---|
| | | top: 0;
|
|---|
| | | /* ä¸å
许å¤å¶ */
|
|---|
| | | -moz-user-select: none;
|
|---|
| | | /* Firefoxç§æå±æ§ */
|
|---|
| | | -webkit-user-select: none;
|
|---|
| | | /* WebKitå
æ ¸ç§æå±æ§ */
|
|---|
| | | -ms-user-select: none;
|
|---|
| | | /* IEç§æå±æ§(IE10å以å) */
|
|---|
| | | -khtml-user-select: none;
|
|---|
| | | /* KHTMLå
æ ¸ç§æå±æ§ */
|
|---|
| | | -o-user-select: none;
|
|---|
| | | /* Operaç§æå±æ§ */
|
|---|
| | | user-select: none;
|
|---|
| | | /* IOSç¹å»é´å½± */
|
|---|
| | | -webkit-tap-highlight-color: transparent;
|
|---|
| | | /* ç¦æ¢é¿æå¾çä¿å */
|
|---|
| | | -webkit-touch-callout: none;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | body {
|
|---|
| | | background-color: #F3F3F3;
|
|---|
| | | font-family: Arial, "Microsoft YaHei";
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_search {
|
|---|
| | | /* position: relative; */
|
|---|
| | | position: fixed;
|
|---|
| | | width: 100%;
|
|---|
| | | height: 2rem;
|
|---|
| | | background-color: white;
|
|---|
| | | z-index: 100;
|
|---|
| | | border-bottom: #e0e0e0 solid 0.8px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_search_gary {
|
|---|
| | | background-color: #F3F3F3;
|
|---|
| | | width: 6.37rem;
|
|---|
| | | height: 0.6rem;
|
|---|
| | | border-radius: 0.3rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | margin-left: 0.18rem;
|
|---|
| | | margin-top: 0.14rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_search_gary img {
|
|---|
| | | width: 0.31rem;
|
|---|
| | | height: 0.3rem;
|
|---|
| | | margin-left: 0.27rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .inputc {
|
|---|
| | | -webkit-user-select: auto;
|
|---|
| | | font-size: 0.26rem;
|
|---|
| | | height: 0.4rem;
|
|---|
| | | width: 5.4rem;
|
|---|
| | | border: none;
|
|---|
| | | outline: medium;
|
|---|
| | | color: #000000;
|
|---|
| | | caret-color: #E5005C;
|
|---|
| | | background-color: #F3F3F3;
|
|---|
| | | margin-left: 0.03rem;
|
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_search_button { |
|---|
| | | font-size: 0.3rem; |
|---|
| | | color: #333333; |
|---|
| | | width: 0.94rem; |
|---|
| | | height: 0.88rem; |
|---|
| | | display: -webkit-flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .boottmBG {
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | margin-top: 0.15rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .TeamSubsidyBG {
|
|---|
| | | width: 50%;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .teamSubsidyContent {
|
|---|
| | | color: #000000;
|
|---|
| | | font-size: 0.4rem;
|
|---|
| | | height: 0.32rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | justify-content: center;
|
|---|
| | | font-weight: bold;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .teamSubsidyTitle {
|
|---|
| | | color: #666666;
|
|---|
| | | font-size: 0.26rem;
|
|---|
| | | height: 0.26rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | justify-content: center;
|
|---|
| | | margin-top: 0.24rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .headerLine {
|
|---|
| | | position: absolute;
|
|---|
| | | background-color: #F3F3F3;
|
|---|
| | | width: 1px;
|
|---|
| | | height: 0.8rem;
|
|---|
| | | left: 50%;
|
|---|
| | | top: 1rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_item_bg {
|
|---|
| | | margin-top: 2rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .items {
|
|---|
| | | background-color: white;
|
|---|
| | | border-bottom: #E0E0E0 solid 1px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_itemTopBG {
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | justify-content: space-between;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_itemTopBG_left {
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_itemTopBG_left :nth-child(1) {
|
|---|
| | | width: 0.63rem;
|
|---|
| | | height: 0.31rem;
|
|---|
| | | margin-top: 0.2rem;
|
|---|
| | | margin-left: 0.25rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_itemTopBG_left :nth-child(2) {
|
|---|
| | | color: #888888;
|
|---|
| | | font-size: 0.26rem;
|
|---|
| | | margin-left: 0.26rem;
|
|---|
| | | margin-top: 0.13rem;
|
|---|
| | | height: 0.26rem;
|
|---|
| | |
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_itemTopBG_right {
|
|---|
| | | color: #888888;
|
|---|
| | | font-size: 0.26rem;
|
|---|
| | | width: 1.05rem;
|
|---|
| | | height: 0.34rem;
|
|---|
| | | border-radius: 0.17rem;
|
|---|
| | | background-color: #F3F3F3;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | justify-content: center;
|
|---|
| | | margin-top: 0.15rem;
|
|---|
| | | margin-right: 0.15rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | .div_subsidyBG {
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | color: #333333;
|
|---|
| | | margin-top: 0.1rem;
|
|---|
| | | margin-left: 0.25rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .item_title {
|
|---|
| | | font-size: 0.24rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .item_content {
|
|---|
| | | font-size: 0.34rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_rewardBG {
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | color: #333333;
|
|---|
| | | margin-left: 0.25rem;
|
|---|
| | | } |
|---|
| | |
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | height: 0.26rem;
|
|---|
| | | margin-left: 0.4rem;
|
|---|
| | | margin-left: 0.4rem; |
|---|
| | | max-width: 1.4rem; |
|---|
| | | /* -webkit-user-select: auto; */ |
|---|
| | | border: none; |
|---|
| | | outline: medium; |
|---|
| | | color: #000000; |
|---|
| | | caret-color: #E5005C; |
|---|
| | | text-align: left; |
|---|
| | | font-size: 0.26rem; |
|---|
| | | /* background-color: red; */
|
|---|
| | | } |
|---|
| | | |
|---|
| | | .itemsContent_title_left :nth-child(2) {
|
|---|
| | |
|---|
| | | window.onresize();
|
|---|
| | | </script>
|
|---|
| | | <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
|
|---|
| | | <script src="http://img.flqapp.com/resource/js/app2019112217.js"></script>
|
|---|
| | | <script src="http://img.flqapp.com/resource/js/app20200227.js"></script>
|
|---|
| | | <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
|
|---|
| | | </head>
|
|---|
| | | <body>
|
|---|
| | | <div id="root">
|
|---|
| | | <div id="root" style="display: none;">
|
|---|
| | | <div class="div_headerBG">
|
|---|
| | | <div class="teamBonusContent">{{total}}</div>
|
|---|
| | | <div class="teamBonusTitle">累计å¢éå红(å
)</div>
|
|---|
| | |
|---|
| | | <div class="div_line"></div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_incomeDetail">
|
|---|
| | | <div class="div_incomeDetail" @click="touchBonusDetail(index+1)">
|
|---|
| | | <div class="incomeDetail">æ¥çæ¶ç详æ
</div>
|
|---|
| | | <img src="img/icon_arrow.png">
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | // "http://api.flqapp.com";
|
|---|
| | | var host = "http://192.168.1.253:8080";
|
|---|
| | | var host1 = "http://192.168.1.114:8848";
|
|---|
| | |
|
|---|
| | | var nowDate = new Date();
|
|---|
| | | var year = nowDate.getFullYear();
|
|---|
| | | var month = nowDate.getMonth() + 1; // è®°å¾å½åææ¯è¦+1ç
|
|---|
| | | var dt = nowDate.getDate();
|
|---|
| | | var today = year + "-" + month + "-" + dt;
|
|---|
| | | var month = year + "-" + month;
|
|---|
| | |
|
|---|
| | | $(function() {
|
|---|
| | | var app = new Vue({
|
|---|
| | | el: '#root',
|
|---|
| | | data: {
|
|---|
| | | buttonName: 'æ交é¢è§',
|
|---|
| | | total: '',
|
|---|
| | | reward: '',
|
|---|
| | | subsidy: '',
|
|---|
| | | dataList: []
|
|---|
| | | },
|
|---|
| | | watch: {},
|
|---|
| | | watch: {
|
|---|
| | | dataList: function(val) {
|
|---|
| | | $('#root').css('display', 'block')
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | },
|
|---|
| | | methods: {
|
|---|
| | | touchHistoryDetail: function(datetype) {
|
|---|
| | | var nowDate = new Date();
|
|---|
| | | var year = nowDate.getFullYear();
|
|---|
| | | var month = nowDate.getMonth() + 1; // è®°å¾å½åææ¯è¦+1ç
|
|---|
| | | var dt = nowDate.getDate();
|
|---|
| | | var today = year + "-" + month + "-" + dt;
|
|---|
| | | var month = year + "-" + month;
|
|---|
| | |
|
|---|
| | | if (datetype == 1) {
|
|---|
| | | yesApp.jumpWeb(host1 + '/flqFront/AppInside/teamBonus/teamBonusDay.html?datetype=1&date=' + today, null)
|
|---|
| | |
|
|---|
| | |
|---|
| | | }
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | | touchBonusDetail: function(datetype) {
|
|---|
| | | if (datetype == 1) {
|
|---|
| | | yesApp.jumpWeb(host1 + '/flqFront/AppInside/teamBonus/teamBonusDetail.html?datetype=1&date=' + today, null)
|
|---|
| | |
|
|---|
| | | } else if (datetype == 2) {
|
|---|
| | | yesApp.jumpWeb(host1 + '/flqFront/AppInside/teamBonus/teamBonusDetail.html?datetype=2&date=' + month, null)
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | | fetchTeamDividendStatistic: function() {
|
|---|
| | | yesApp.showLoading();
|
|---|
| | | var uid = yesApp.getUid();
|
|---|
| New file |
| | |
|---|
| | | var load = { |
|---|
| | | init: function() { |
|---|
| | | if ($(".loading-more").length <= 0) { |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | $(".loading-more").css("visibility", "hidden"); |
|---|
| | | $(".loading-more").empty(); |
|---|
| | | $(".loading-more").css("display", "flex"); |
|---|
| | | $(".loading-more").css("justify-content", "center"); |
|---|
| | | $(".loading-more").css("align-items", "center"); |
|---|
| | | $(".loading-more").css("height", "0.8rem"); |
|---|
| | | $(".loading-more").css("font-size", "0"); |
|---|
| | | $(".loading-more").append("<div class='loading'>"); |
|---|
| | | for (var i = 1; i < 13; i++) { |
|---|
| | | // alert('2'); |
|---|
| | | $(".loading").append("<div><span class='k'></span><span class='s'></span></div>"); |
|---|
| | | } |
|---|
| | | $(".loading-more").append( |
|---|
| | | "<div class='notifyContent' style='display:inline;font-size:0.3rem;margin-left:0.2rem;color:#999999'>æ£å¨å è½½æ´å¤æ°æ®</div>" |
|---|
| | | ) |
|---|
| | | }, |
|---|
| | | show: function(msg) { |
|---|
| | | if (msg != null && msg.length > 0) |
|---|
| | | $(".loading-more").find("div").eq(1).html(msg); |
|---|
| | | $(".loading-more").css("visibility", "visible"); |
|---|
| | | }, |
|---|
| | | hidden: function() { |
|---|
| | | $(".loading-more").css("visibility", "hidden"); |
|---|
| | | }, |
|---|
| | | isLoading: function() { |
|---|
| | | var visibility = $(".loading-more").css("visibility"); |
|---|
| | | if ("hidden" == visibility) |
|---|
| | | return false; |
|---|
| | | else |
|---|
| | | return true; |
|---|
| | | }, |
|---|
| | | noMore: function() { |
|---|
| | | $(".loading-more .notifyContent").html("没ææ´å¤äº"); |
|---|
| | | $(".loading-more").find(".loading").css("display", "none"); |
|---|
| | | $(".loading-more").css("visibility", "visible"); |
|---|
| | | }, |
|---|
| | | showMore: function(element, callBack) { |
|---|
| | | if (Math.abs(load.getScrollHeight() - load.getDocumentTop() - load.getWindowHeight()) < 10) { |
|---|
| | | if (load.isLoading()) |
|---|
| | | return; |
|---|
| | | load.show(); |
|---|
| | | setTimeout(function() { |
|---|
| | | callBack(); |
|---|
| | | }, 300); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | getDocumentTop: function() { |
|---|
| | | var scrollTop = 0, |
|---|
| | | bodyScrollTop = 0, |
|---|
| | | documentScrollTop = 0; |
|---|
| | | if (document.body) { |
|---|
| | | bodyScrollTop = document.body.scrollTop; |
|---|
| | | } |
|---|
| | | if (document.documentElement) { |
|---|
| | | documentScrollTop = document.documentElement.scrollTop; |
|---|
| | | } |
|---|
| | | scrollTop = (bodyScrollTop - documentScrollTop > 0) ? bodyScrollTop : documentScrollTop; |
|---|
| | | console.log("scrollTop:" + scrollTop); |
|---|
| | | return scrollTop; |
|---|
| | | }, |
|---|
| | | getWindowHeight: function() { |
|---|
| | | var windowHeight = 0; |
|---|
| | | if (document.compatMode == "CSS1Compat") { |
|---|
| | | windowHeight = document.documentElement.clientHeight; |
|---|
| | | } else { |
|---|
| | | windowHeight = document.body.clientHeight; |
|---|
| | | } |
|---|
| | | console.log("windowHeight:" + windowHeight); |
|---|
| | | return windowHeight; |
|---|
| | | }, |
|---|
| | | getScrollHeight: function() { |
|---|
| | | var scrollHeight = 0, |
|---|
| | | bodyScrollHeight = 0, |
|---|
| | | documentScrollHeight = 0; |
|---|
| | | if (document.body) { |
|---|
| | | bodyScrollHeight = document.body.scrollHeight; |
|---|
| | | } |
|---|
| | | if (document.documentElement) { |
|---|
| | | documentScrollHeight = document.documentElement.scrollHeight; |
|---|
| | | } |
|---|
| | | scrollHeight = (bodyScrollHeight - documentScrollHeight > 0) ? bodyScrollHeight : documentScrollHeight; |
|---|
| | | console.log("scrollHeight:" + scrollHeight); |
|---|
| | | return scrollHeight; |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | load.init(); |
|---|
| | |
|---|
| | | <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
|
|---|
| | | <script src="http://img.flqapp.com/resource/js/app20200227.js"></script>
|
|---|
| | | <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
|
|---|
| | | <script src="js/laydate/laydate.js" type="text/javascript" charset="utf-8"></script>
|
|---|
| | | </head>
|
|---|
| | | <body>
|
|---|
| | | <body id="body" style="display: none;">
|
|---|
| | | <div id="root">
|
|---|
| | | <div class="div_item_bg">
|
|---|
| | | <div class="items" v-for="(item, index) in dataList">
|
|---|
| | | <div style="height: 0.3rem;"></div>
|
|---|
| | | <div class="itemsContent">
|
|---|
| | | <div class="div_itemsContent_title">
|
|---|
| | | <div class="itemsContent_title">{{item.countDate}}</div> |
|---|
| | | <img src="img/icon_down.png" >
|
|---|
| | | <div class="div_itemsContent_title" @click="touchDate">
|
|---|
| | | <div class="itemsContent_title">{{item.countDate}}</div>
|
|---|
| | | <img src="img/icon_down.png">
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_itemsContent_content">
|
|---|
| | |
|---|
| | | <div class="div_line"></div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_incomeDetail">
|
|---|
| | | <div class="div_incomeDetail" @click="touchBonusDetail(item.countDate)">
|
|---|
| | | <div class="incomeDetail">æ¥çå¢éå红详æ
</div>
|
|---|
| | | <img src="img/icon_arrow.png">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div id="input_date" style="position: fixed;left:13%; top:22%;"></div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div style="height: 0.5rem;"></div>
|
|---|
| | |
|---|
| | | var r = window.location.search.substr(1).match(reg);
|
|---|
| | | if (r != null) return unescape(r[2]);
|
|---|
| | | return null;
|
|---|
| | | };
|
|---|
| | |
|
|---|
| | | function getDaysInMonth(year, month) {
|
|---|
| | | month = parseInt(month, 10);
|
|---|
| | | var temp = new Date(year, month, 0);
|
|---|
| | | return temp.getDate();
|
|---|
| | | }
|
|---|
| | | </script>
|
|---|
| | |
|
|---|
| | |
|---|
| | | // "http://api.flqapp.com";
|
|---|
| | | var host = "http://192.168.1.253:8080";
|
|---|
| | | var host1 = "http://192.168.1.114:8848";
|
|---|
| | | var dateRequest = getQueryString('date');
|
|---|
| | | var datetypeRequest = getQueryString('datetype');
|
|---|
| | |
|
|---|
| | | $(function() {
|
|---|
| | | var app = new Vue({
|
|---|
| | | el: '#root',
|
|---|
| | | data: {
|
|---|
| | | buttonName: 'æ交é¢è§',
|
|---|
| | | dataList: []
|
|---|
| | | dataList: null
|
|---|
| | | },
|
|---|
| | | watch: {},
|
|---|
| | | watch: {
|
|---|
| | | dataList: function(val) {
|
|---|
| | | $('#body').css('display', 'block');
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | methods: {
|
|---|
| | |
|
|---|
| | | fetchTeamDividendStatistic: function() {
|
|---|
| | | var date = getQueryString('date');
|
|---|
| | | var datetype = getQueryString('datetype');
|
|---|
| | | touchBonusDetail: function(time) {
|
|---|
| | | var year = time.split("å¹´")[0];
|
|---|
| | | var month = time.split("å¹´")[1].split("æ")[0];
|
|---|
| | | var day = time.split("å¹´")[1].split("æ")[1].split("æ¥")[0];
|
|---|
| | |
|
|---|
| | | var dateDetail = year + '-' + month + '-' + day;
|
|---|
| | | yesApp.jumpWeb(host1 + '/flqFront/AppInside/teamBonus/teamBonusDetail.html?datetype=1&date=' + dateDetail,
|
|---|
| | | null)
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | | touchDate: function() {
|
|---|
| | | $('#input_date').css('display', 'block');
|
|---|
| | | $('#input_date').empty();
|
|---|
| | | laydate.render({
|
|---|
| | | elem: '#input_date', //æå®å
ç´
|
|---|
| | | type: 'date',
|
|---|
| | | isInitValue: false,
|
|---|
| | | format: 'yyyy-MM-dd',
|
|---|
| | | position: 'static',
|
|---|
| | | done: function(value, date, endDate) {
|
|---|
| | | if (value == null || value.length == 0) return;
|
|---|
| | | $('#input_date').css('display', 'none');
|
|---|
| | | dateRequest = value;
|
|---|
| | | app.fetchTeamDividendStatistic(true);
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | | fetchTeamDividendStatistic: function(change) {
|
|---|
| | | yesApp.showLoading();
|
|---|
| | | var uid = yesApp.getUid();
|
|---|
| | | var params = {
|
|---|
| | | uid: uid,
|
|---|
| | | date: date,
|
|---|
| | | datetype: datetype
|
|---|
| | | date: dateRequest,
|
|---|
| | | datetype: datetypeRequest
|
|---|
| | | };
|
|---|
| | | params = yesApp.getRequestBaseParams(params);
|
|---|
| | | $.ajax({
|
|---|
| | |
|---|
| | | success: function(result) {
|
|---|
| | | yesApp.hideLoading();
|
|---|
| | | if (result.code == 0) {
|
|---|
| | | if (change) { // åå°é¡¶é¨
|
|---|
| | | document.body.scrollTop = document.documentElement.scrollTop = 0;
|
|---|
| | | }
|
|---|
| | | app.dataList = result.data.list;
|
|---|
| | |
|
|---|
| | | } else {
|
|---|
| | |
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | error: function(XMLHttpRequest, textStatus, errorThrown) {
|
|---|
| | | |
|---|
| | | yesApp.hideLoading();
|
|---|
| | | if (textStatus === 'timeout') {
|
|---|
| | | setTimeout(function() {}, 2000);
|
|---|
| | |
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | app.fetchTeamDividendStatistic();
|
|---|
| | | app.fetchTeamDividendStatistic(false);
|
|---|
| | | });
|
|---|
| | | </script>
|
|---|
| | | </html> |
|---|
| New file |
| | |
|---|
| | | <!DOCTYPE html>
|
|---|
| | | <html>
|
|---|
| | | <head>
|
|---|
| | | <meta charset="utf-8">
|
|---|
| | | <title>å红详æ
</title>
|
|---|
| | | <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
|---|
| | | <link rel="stylesheet" type="text/css" href="css/teamBonusDetail.css" />
|
|---|
| | | <script>
|
|---|
| | | window.onresize = function() {
|
|---|
| | | document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px';
|
|---|
| | | };
|
|---|
| | | window.onresize();
|
|---|
| | | </script>
|
|---|
| | | <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
|
|---|
| | | <script src="http://img.flqapp.com/resource/js/app20200227.js"></script>
|
|---|
| | | <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
|
|---|
| | | <link href="css/load.css" rel="stylesheet" />
|
|---|
| | | </head>
|
|---|
| | | <body id="body" style="display: none;">
|
|---|
| | | <div id="root">
|
|---|
| | | <!-- 头é¨æç´¢ -->
|
|---|
| | | <div class="div_search">
|
|---|
| | | <div style="display: flex;">
|
|---|
| | | <div class="div_search_gary">
|
|---|
| | | <img src="img/icon_search.png">
|
|---|
| | | <input id="input_id" class="inputc" type="text" placeholder="è¾å
¥å¿«çID/订åå·" />
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_search_button" @click="touchSearch">
|
|---|
| | | æç´¢
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="boottmBG">
|
|---|
| | | <div class="TeamSubsidyBG">
|
|---|
| | | <div class="teamSubsidyContent">{{subsidy}}</div>
|
|---|
| | | <div class="teamSubsidyTitle">累计é¢ä¼°å¢é补贴(å
)</div>
|
|---|
| | | </div>
|
|---|
| | | <div class="TeamSubsidyBG">
|
|---|
| | | <div class="teamSubsidyContent">{{dividents}}</div>
|
|---|
| | | <div class="teamSubsidyTitle">累计é¢ä¼°å¢éå¥å±å
)</div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="headerLine"></div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_item_bg">
|
|---|
| | | <div class="items" v-for="(item, index) in dataList">
|
|---|
| | | <div class="div_itemTopBG">
|
|---|
| | | <div class="div_itemTopBG_left">
|
|---|
| | | <img src="img/icon_tb.png">
|
|---|
| | | <div class="">
|
|---|
| | | 订åå·ï¼{{item.orderNo}}
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <div class="div_itemTopBG_right" @click="copy(item.orderNo)">
|
|---|
| | | å¤å¶
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_subsidyBG">
|
|---|
| | | <div class="item_title">
|
|---|
| | | å¢é补贴ï¼ï¿¥
|
|---|
| | | </div>
|
|---|
| | | <div class="item_content">
|
|---|
| | | {{item.subsidy}}
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <div class="div_rewardBG">
|
|---|
| | | <div class="item_title">
|
|---|
| | | å¢éå¥å±ï¼ï¿¥
|
|---|
| | | </div>
|
|---|
| | | <div class="item_content">
|
|---|
| | | {{item.dividents}}
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div style="height: 0.1rem;"></div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <div class="loading-more"></div>
|
|---|
| | |
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | </body>
|
|---|
| | |
|
|---|
| | | <script type="text/javascript">
|
|---|
| | | function getQueryString(name) {
|
|---|
| | | var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
|
|---|
| | | var r = window.location.search.substr(1).match(reg);
|
|---|
| | | if (r != null) return unescape(r[2]);
|
|---|
| | | return null;
|
|---|
| | | }
|
|---|
| | | </script>
|
|---|
| | | <script src="js/load.js"></script>
|
|---|
| | |
|
|---|
| | | <script>
|
|---|
| | | // "http://api.flqapp.com";
|
|---|
| | | var host = "http://192.168.1.253:8080";
|
|---|
| | |
|
|---|
| | | var date = getQueryString('date');
|
|---|
| | | var datetype = getQueryString('datetype');
|
|---|
| | | var page = 1;
|
|---|
| | | var key = '';
|
|---|
| | |
|
|---|
| | | $(function() {
|
|---|
| | | var app = new Vue({
|
|---|
| | | el: '#root',
|
|---|
| | | data: {
|
|---|
| | | subsidy: '',
|
|---|
| | | dividents: '',
|
|---|
| | | count: 0,
|
|---|
| | | dataList: []
|
|---|
| | | },
|
|---|
| | | watch: {
|
|---|
| | | dataList: function(val) {
|
|---|
| | | $('#body').css('display', 'block');
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | methods: {
|
|---|
| | | copy: function(orderNo) {
|
|---|
| | | yesApp.copyText(orderNo);
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | | touchSearch: function() {
|
|---|
| | | key = $('#input_id').val();
|
|---|
| | | if (key == null || key.length == 0 || key == '') {
|
|---|
| | | yesApp.toast('请è¾å
¥æç´¢å
³é®å');
|
|---|
| | | return;
|
|---|
| | | }
|
|---|
| | | page = 1;
|
|---|
| | | document.body.scrollTop = document.documentElement.scrollTop = 0;
|
|---|
| | | app.fetchTeamDividendDetail();
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | | fetchTeamDividendDetail: function() {
|
|---|
| | | yesApp.showLoading();
|
|---|
| | | var uid = yesApp.getUid();
|
|---|
| | | var params = {
|
|---|
| | | uid: uid,
|
|---|
| | | date: date,
|
|---|
| | | datetype: datetype,
|
|---|
| | | page: page,
|
|---|
| | | key: key
|
|---|
| | | };
|
|---|
| | | params = yesApp.getRequestBaseParams(params);
|
|---|
| | | $.ajax({
|
|---|
| | | type: "GET",
|
|---|
| | | data: JSON.parse(params),
|
|---|
| | | url: host + "/fanli/api/v2/usermoney/getTeamDividendDetail",
|
|---|
| | | dataType: "jsonp",
|
|---|
| | | async: false,
|
|---|
| | | success: function(result) {
|
|---|
| | | load.hidden();
|
|---|
| | | yesApp.hideLoading();
|
|---|
| | | if (result.code == 0) {
|
|---|
| | | if (page == 1) {
|
|---|
| | | app.subsidy = result.data.subsidy;
|
|---|
| | | app.dividents = result.data.dividents;
|
|---|
| | | app.dataList = new Array();
|
|---|
| | | }
|
|---|
| | | page += 1;
|
|---|
| | | app.count = result.data.count;
|
|---|
| | |
|
|---|
| | | var list = app.dataList.concat(result.data.list);
|
|---|
| | | app.dataList = list;
|
|---|
| | |
|
|---|
| | | if (app.count <= app.dataList.length) {
|
|---|
| | | load.noMore();
|
|---|
| | | }
|
|---|
| | | } else {
|
|---|
| | | yesApp.toast(result.msg);
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | error: function(XMLHttpRequest, textStatus, errorThrown) {
|
|---|
| | | load.hidden();
|
|---|
| | | yesApp.hideLoading();
|
|---|
| | | if (textStatus === 'timeout') {
|
|---|
| | | setTimeout(function() {}, 2000);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | app.fetchTeamDividendDetail();
|
|---|
| | |
|
|---|
| | | window.onscroll = function() {
|
|---|
| | | if (Math.abs(getScrollHeight() - getDocumentTop() - getWindowHeight()) < 10) {
|
|---|
| | | if (load.isLoading() || (page > 1 && app.count <= app.dataList.length))
|
|---|
| | | return;
|
|---|
| | | load.show();
|
|---|
| | | setTimeout(function() {
|
|---|
| | | app.fetchTeamDividendDetail();
|
|---|
| | | }, 300);
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | };
|
|---|
| | | });
|
|---|
| | |
|
|---|
| | | //ï¼æµè§å¨çªå£ä¸è¾¹çå
容é«åº¦ï¼
|
|---|
| | | function getDocumentTop() {
|
|---|
| | | var scrollTop = 0,
|
|---|
| | | bodyScrollTop = 0,
|
|---|
| | | documentScrollTop = 0;
|
|---|
| | | if (document.body) {
|
|---|
| | | bodyScrollTop = document.body.scrollTop;
|
|---|
| | | }
|
|---|
| | | if (document.documentElement) {
|
|---|
| | | documentScrollTop = document.documentElement.scrollTop;
|
|---|
| | | }
|
|---|
| | | scrollTop = (bodyScrollTop - documentScrollTop > 0) ? bodyScrollTop : documentScrollTop;
|
|---|
| | | console.log("scrollTop:" + scrollTop);
|
|---|
| | | return scrollTop;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | //å¯è§çªå£é«åº¦ï¼å±å¹å¯ä»¥çè§çé«åº¦ï¼
|
|---|
| | | function getWindowHeight() {
|
|---|
| | | var windowHeight = 0;
|
|---|
| | | if (document.compatMode == "CSS1Compat") {
|
|---|
| | | windowHeight = document.documentElement.clientHeight;
|
|---|
| | | } else {
|
|---|
| | | windowHeight = document.body.clientHeight;
|
|---|
| | | }
|
|---|
| | | console.log("windowHeight:" + windowHeight);
|
|---|
| | | return windowHeight;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | //æ»å¨æ¡æ»å¨é«åº¦ï¼å³æ´ä¸ªç½é¡µçé«åº¦ï¼
|
|---|
| | | function getScrollHeight() {
|
|---|
| | | var scrollHeight = 0,
|
|---|
| | | bodyScrollHeight = 0,
|
|---|
| | | documentScrollHeight = 0;
|
|---|
| | | if (document.body) {
|
|---|
| | | bodyScrollHeight = document.body.scrollHeight;
|
|---|
| | | }
|
|---|
| | | if (document.documentElement) {
|
|---|
| | | documentScrollHeight = document.documentElement.scrollHeight;
|
|---|
| | | }
|
|---|
| | | scrollHeight = (bodyScrollHeight - documentScrollHeight > 0) ? bodyScrollHeight : documentScrollHeight;
|
|---|
| | | console.log("scrollHeight:" + scrollHeight);
|
|---|
| | | return scrollHeight;
|
|---|
| | | }
|
|---|
| | | </script>
|
|---|
| | | </html> |
|---|
| | |
|---|
| | | <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
|
|---|
| | | <script src="http://img.flqapp.com/resource/js/app20200227.js"></script>
|
|---|
| | | <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
|
|---|
| | | <script src="js/laydate/laydate.js" type="text/javascript" charset="utf-8"></script>
|
|---|
| | | </head>
|
|---|
| | | <body>
|
|---|
| | | <body id="body" style="display: none;">
|
|---|
| | | <div id="root">
|
|---|
| | | <div class="div_item_bg">
|
|---|
| | | <div class="items" v-for="(item, index) in dataList">
|
|---|
| | |
|---|
| | | <div class="itemsContent">
|
|---|
| | | <div class="div_itemsContent_title">
|
|---|
| | |
|
|---|
| | | <div class="itemsContent_title_left">
|
|---|
| | | <div class="itemsContent_title">{{item.countDate}}</div>
|
|---|
| | | <div class="itemsContent_title_left" @click="touchDate">
|
|---|
| | | <div class="itemsContent_title">
|
|---|
| | | {{item.countDate}}
|
|---|
| | | </div>
|
|---|
| | | <img src="img/icon_down.png">
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | |
|---|
| | | <div class="div_line"></div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_incomeDetail">
|
|---|
| | | <div class="incomeDetail">æ¥çæ¶ç详æ
</div>
|
|---|
| | | <div class="div_incomeDetail" @click="touchBonusDetail(item.countDate)">
|
|---|
| | | <div class="incomeDetail">æ¥çå¢éå红详æ
</div>
|
|---|
| | | <img src="img/icon_arrow.png">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div id="input_date" style="position: fixed; left: 13%; top: 22%;"></div>
|
|---|
| | |
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div style="height: 0.5rem;"></div>
|
|---|
| | |
|---|
| | | if (r != null) return unescape(r[2]);
|
|---|
| | | return null;
|
|---|
| | | };
|
|---|
| | |
|
|---|
| | | function getDaysInMonth(year, month) {
|
|---|
| | | month = parseInt(month, 10);
|
|---|
| | | var temp = new Date(year, month, 0);
|
|---|
| | |
|---|
| | | // "http://api.flqapp.com";
|
|---|
| | | var host = "http://192.168.1.253:8080";
|
|---|
| | | var host1 = "http://192.168.1.114:8848";
|
|---|
| | |
|
|---|
| | | var dateRequest = getQueryString('date');
|
|---|
| | | var datetypeRequest = getQueryString('datetype');
|
|---|
| | |
|
|---|
| | | $(function() {
|
|---|
| | | var app = new Vue({
|
|---|
| | | el: '#root',
|
|---|
| | |
|---|
| | | buttonName: 'æ交é¢è§',
|
|---|
| | | dataList: []
|
|---|
| | | },
|
|---|
| | | watch: {},
|
|---|
| | | watch: {
|
|---|
| | | dataList: function(val) {
|
|---|
| | | $('#body').css('display', 'block');
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | methods: {
|
|---|
| | |
|
|---|
| | | touchHistoryDetail: function(date) { |
|---|
| | | |
|---|
| | | var split1 = date.split("å¹´"); |
|---|
| | | var split2 = splite1[1].split("æ"); |
|---|
| | | yesApp.toast(''+ split2[0]);
|
|---|
| | | // var year = |
|---|
| | | touchDate: function() {
|
|---|
| | | $('#input_date').css('display', 'block');
|
|---|
| | | $('#input_date').empty();
|
|---|
| | | laydate.render({
|
|---|
| | | elem: '#input_date', //æå®å
ç´
|
|---|
| | | type: 'month',
|
|---|
| | | isInitValue: false,
|
|---|
| | | format: 'yyyy-MM',
|
|---|
| | | position: 'static',
|
|---|
| | | done: function(value, date, endDate) {
|
|---|
| | | if (value == null || value.length == 0) return;
|
|---|
| | | $('#input_date').css('display', 'none');
|
|---|
| | | dateRequest = value;
|
|---|
| | | app.fetchTeamDividendStatistic(true);
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | | fetchTeamDividendStatistic: function() {
|
|---|
| | | var date = getQueryString('date');
|
|---|
| | | var datetype = getQueryString('datetype'); |
|---|
| | | |
|---|
| | | touchBonusDetail: function(date) {
|
|---|
| | | var year = date.split("å¹´")[0];
|
|---|
| | | var month = date.split("å¹´")[1].split("æ")[0];
|
|---|
| | | var dateRequest = year + '-' + month;
|
|---|
| | | yesApp.jumpWeb(host1 + '/flqFront/AppInside/teamBonus/teamBonusDetail.html?datetype=2&date=' + dateRequest,
|
|---|
| | | null)
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | | touchHistoryDetail: function(date) {
|
|---|
| | | var year = date.split("å¹´")[0];
|
|---|
| | | var month = date.split("å¹´")[1].split("æ")[0];
|
|---|
| | | var day = getDaysInMonth(year, month);
|
|---|
| | | var date = year + '-' + month + '-' + day;
|
|---|
| | | yesApp.jumpWeb(host1 + '/flqFront/AppInside/teamBonus/teamBonusDay.html?datetype=1&date=' + date, null)
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | | fetchTeamDividendStatistic: function(change) {
|
|---|
| | | yesApp.showLoading();
|
|---|
| | | var uid = yesApp.getUid();
|
|---|
| | | var params = {
|
|---|
| | | uid: uid,
|
|---|
| | | date: date,
|
|---|
| | | datetype: datetype
|
|---|
| | | date: dateRequest,
|
|---|
| | | datetype: datetypeRequest
|
|---|
| | | };
|
|---|
| | | params = yesApp.getRequestBaseParams(params);
|
|---|
| | | $.ajax({
|
|---|
| | |
|---|
| | | success: function(result) {
|
|---|
| | | yesApp.hideLoading();
|
|---|
| | | if (result.code == 0) {
|
|---|
| | | if (change) { //åå°é¡¶é¨
|
|---|
| | | document.body.scrollTop = document.documentElement.scrollTop = 0;
|
|---|
| | | }
|
|---|
| | | app.dataList = result.data.list;
|
|---|
| | |
|
|---|
| | | } else {
|
|---|
| | |
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | error: function(XMLHttpRequest, textStatus, errorThrown) {
|
|---|
| | |
|
|---|
| | | yesApp.hideLoading();
|
|---|
| | | if (textStatus === 'timeout') {
|
|---|
| | | setTimeout(function() {}, 2000);
|
|---|
| | |
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | app.fetchTeamDividendStatistic();
|
|---|
| | | app.fetchTeamDividendStatistic(false);
|
|---|
| | | });
|
|---|
| | | </script>
|
|---|
| | | </html> |
|---|
| | |
|---|
| | | z-index: 100;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | border-bottom: #e0e0e0 solid 0.5px;
|
|---|
| | | border-bottom: #e0e0e0 solid 0.8px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_search_gary {
|
|---|
| | |
|---|
| | | background-color: #F3F3F3;
|
|---|
| | | border-radius: 0.49rem;
|
|---|
| | | margin-left: 0.51rem;
|
|---|
| | | margin-top: 0.32rem;
|
|---|
| | | margin-top: 0.32rem; |
|---|
| | | border-color: #E0E0E0 solid 1px; |
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_cardRight_top_right {
|
|---|
| | |
|---|
| | | <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
|
|---|
| | | </head>
|
|---|
| | | <body>
|
|---|
| | | <div id="root">
|
|---|
| | | <div id="root" style="display: none;">
|
|---|
| | | <div class="div_search">
|
|---|
| | | <div class="div_search_gary">
|
|---|
| | | <img src="img/icon_search.png">
|
|---|
| | | <input class="inputc" type="text" placeholder="ææºå·/微信å·/é请ç /å¿«çID" />
|
|---|
| | | <form action="" v-on:submit.prevent style="height: 0.6rem; display: -webkit-flex;align-items: center;">
|
|---|
| | | <input id="input_result" class="inputc" type="search" autofocus="autofocus" placeholder="ææºå·/é请ç /å¿«çID" />
|
|---|
| | | </form>
|
|---|
| | | </div>
|
|---|
| | | <div class="div_search_button" @click="touchSearch">
|
|---|
| | | æç´¢
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_historySearch">
|
|---|
| | | <div class="div_historySearch" v-show="show">
|
|---|
| | | <div class="historySearch">
|
|---|
| | | åå²æç´¢
|
|---|
| | | </div>
|
|---|
| | | <div class="clearSearch">
|
|---|
| | | <div class="clearSearch" @click="clearAll">
|
|---|
| | | æ¸
空
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_item_bg">
|
|---|
| | | <div class="items" v-for="(item, index) in dataList">
|
|---|
| | | <div class="items" v-for="(item, index) in dataList" @click="didSelect(item)">
|
|---|
| | | <div class="div_topHeader" style="height: 0.16rem;"></div>
|
|---|
| | | <div class="div_garyBG">
|
|---|
| | | <p>{{item}}</p>
|
|---|
| | |
|---|
| | | var app = new Vue({
|
|---|
| | | el: '#root',
|
|---|
| | | data: {
|
|---|
| | | buttonName: 'æ交é¢è§',
|
|---|
| | | dataList: ['æ索记å½æ索记å½æ索记å½æ索记å½æ索记å½ç´¢è®°å½æ索记',
|
|---|
| | | 'æ索记å½æ索记å½æ索记å½æ索记å½æ索记å½',
|
|---|
| | | 'æ索记å½æ索记å½æ索记å½æ索记å½æ索记å½'
|
|---|
| | |
|
|---|
| | | ],
|
|---|
| | | show: false,
|
|---|
| | | dataList: [],
|
|---|
| | | },
|
|---|
| | | watch: {},
|
|---|
| | | watch: {
|
|---|
| | | dataList: function(val) {
|
|---|
| | | if (val != null && val.length != 0) {
|
|---|
| | | app.show = true;
|
|---|
| | | }
|
|---|
| | | $('#root').css('display', 'block');
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | methods: {
|
|---|
| | | deleteList: function(index) {
|
|---|
| | | yesApp.toast('delete')
|
|---|
| | | var list = app.dataList;
|
|---|
| | | list.splice(index, 1);
|
|---|
| | | app.dataList = list;
|
|---|
| | | if (list.length == 0 || list == null) {
|
|---|
| | | app.show = false;
|
|---|
| | | }
|
|---|
| | | localStorage.setItem('orderResut', JSON.stringify(list));
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | | didSelect: function(result) {
|
|---|
| | | yesApp.jumpWeb('http://192.168.1.114:8848/flqFront/AppInside/teamFans/fansSearchResult.html?key=' + result,
|
|---|
| | | null)
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | | touchSearch: function() {
|
|---|
| | | yesApp.jumpWeb('http://192.168.1.114:8848/flqFront/AppInside/teamFans/fansSearchResult.html', null)
|
|---|
| | | var result = $('#input_result').val();
|
|---|
| | | if (result == null || result.length == 0) {
|
|---|
| | | yesApp.toast('请è¾å
¥æç´¢å
³é®å');
|
|---|
| | | return;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | var userJsonStr = localStorage.getItem('fansResut');
|
|---|
| | | var userEntity = JSON.parse(userJsonStr);
|
|---|
| | |
|
|---|
| | | var list = userEntity;
|
|---|
| | | if (list == null || list.length == 0) {
|
|---|
| | | list = [];
|
|---|
| | |
|
|---|
| | | } else {
|
|---|
| | | for (i = 0; i < list.length; i++) {
|
|---|
| | | if (list[i] == result) {
|
|---|
| | | list.splice(i, 1);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | list.unshift(result);
|
|---|
| | | app.dataList = list;
|
|---|
| | |
|
|---|
| | | localStorage.setItem('fansResut', JSON.stringify(list));
|
|---|
| | |
|
|---|
| | | yesApp.jumpWeb('http://192.168.1.114:8848/flqFront/AppInside/teamFans/fansSearchResult.html?key=' + result,
|
|---|
| | | null)
|
|---|
| | | },
|
|---|
| | | clearAll: function() {
|
|---|
| | | app.dataList = [];
|
|---|
| | | app.show = false;
|
|---|
| | | localStorage.removeItem("fansResut");
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | | fetchData: function() {
|
|---|
| | | var userJsonStr = localStorage.getItem('fansResut');
|
|---|
| | | var userEntity = JSON.parse(userJsonStr);
|
|---|
| | |
|
|---|
| | | var list = userEntity;
|
|---|
| | | app.dataList = list;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | app.fetchData();
|
|---|
| | |
|
|---|
| | | $("#input_result").keypress(function(e) {
|
|---|
| | | var key = $.trim($(this).val());
|
|---|
| | | if (e.keyCode === 13) {
|
|---|
| | |
|
|---|
| | | if (key == null || key.length == 0) {
|
|---|
| | | yesApp.toast('请è¾å
¥æç´¢å
³é®å');
|
|---|
| | | return;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | var userJsonStr = localStorage.getItem('fansResut');
|
|---|
| | | var userEntity = JSON.parse(userJsonStr);
|
|---|
| | |
|
|---|
| | | var list = userEntity;
|
|---|
| | | if (list == null || list.length == 0) {
|
|---|
| | | list = [];
|
|---|
| | |
|
|---|
| | | } else {
|
|---|
| | | for (i = 0; i < list.length; i++) {
|
|---|
| | | if (list[i] == key) {
|
|---|
| | | list.splice(i, 1);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | list.unshift(key);
|
|---|
| | | app.dataList = list;
|
|---|
| | |
|
|---|
| | | localStorage.setItem('fansResut', JSON.stringify(list));
|
|---|
| | |
|
|---|
| | | yesApp.jumpWeb('http://192.168.1.114:8848/flqFront/AppInside/teamFans/fansSearchResult.html?key=' + key,
|
|---|
| | | null)
|
|---|
| | | }
|
|---|
| | | })
|
|---|
| | | });
|
|---|
| | | </script>
|
|---|
| | | </html> |
|---|
| | |
|---|
| | | <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
|
|---|
| | | </head>
|
|---|
| | | <body>
|
|---|
| | | <div id="root">
|
|---|
| | | <div class="div_search">
|
|---|
| | | <div class="div_search_gary">
|
|---|
| | | <img src="img/icon_search.png">
|
|---|
| | | <input class="inputc" type="text" placeholder="ææºå·/微信å·/é请ç /å¿«çID" />
|
|---|
| | | </div>
|
|---|
| | | <div class="div_search_button" @click="touchSearch">
|
|---|
| | | æç´¢
|
|---|
| | | </div>
|
|---|
| | | <div class="div_search">
|
|---|
| | | <div class="div_search_gary">
|
|---|
| | | <img src="img/icon_search.png">
|
|---|
| | | <input id="input_key" class="inputc" type="text" placeholder="ææºå·/é请ç /å¿«çID" />
|
|---|
| | | </div>
|
|---|
| | | <div class="div_search_button" onclick="touchSearch()">
|
|---|
| | | æç´¢
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <div id="root" style="display: none;">
|
|---|
| | | <!-- 头é¨å¡ç -->
|
|---|
| | | <div class="div_cardBG">
|
|---|
| | | <div class="line"></div>
|
|---|
| | |
|---|
| | | <img src="img/icon_header.png" class="imageHeader">
|
|---|
| | | <div class="div_cardRight">
|
|---|
| | | <div class="div_cardRight_top">
|
|---|
| | | <img :src="userInfo.portait" class="portrait">
|
|---|
| | | <img :src="boss.portrait" class="portrait">
|
|---|
| | | <div class="div_cardRight_top_right">
|
|---|
| | | <div>è¸é¢æ³çº¢</div>
|
|---|
| | | <img src="img/icon_supvip.png">
|
|---|
| | | <div>{{boss.nickName}}</div>
|
|---|
| | | <img v-if="boss.level=='daRen'" src="img/icon_daren.png">
|
|---|
| | | <img v-else-if="boss.level=='highVIP'" src="img/icon_highvip.png">
|
|---|
| | | <img v-else-if="boss.level=='superVIP'" src="img/icon_supvip.png">
|
|---|
| | | <img v-else src="img/icon_tearch.png">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <div class="line_bot"></div>
|
|---|
| | | <div class="div_cardRight_mid">
|
|---|
| | | <div class="div_cardRight_mid_left">
|
|---|
| | | <img src="img/icon_wx.png">
|
|---|
| | | <div>banlikuaisheng</div>
|
|---|
| | | <div>{{boss.weixin}}</div>
|
|---|
| | | </div>
|
|---|
| | | <div class="copButton">
|
|---|
| | | å¤å¶
|
|---|
| | | </div>
|
|---|
| | | <div class="copButton" @click="copy(1)">å¤å¶</div>
|
|---|
| | | </div>
|
|---|
| | | <div class="line_bot"></div>
|
|---|
| | | <div class="div_cardRight_bot">
|
|---|
| | | <div class="div_cardRight_bot_left">
|
|---|
| | | <img src="img/icon_phone.png">
|
|---|
| | | <div>13608093575</div>
|
|---|
| | | <div>{{boss.phone}}</div>
|
|---|
| | | </div>
|
|---|
| | | <div class="copButton">
|
|---|
| | | å¤å¶
|
|---|
| | | </div>
|
|---|
| | | <div v-if="boss.phoneCopy" class="copButton" @click="copy(2)">å¤å¶</div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <div class="div_mineInfo">
|
|---|
| | | <img :src="userInfo.infoPortait" class="mineInfoPortrait">
|
|---|
| | | <img :src="userInfo.portrait" class="mineInfoPortrait">
|
|---|
| | | <div class="div_mineInfo_right">
|
|---|
| | | <div class="">
|
|---|
| | | é»è²éªçµç®å¡å¤
|
|---|
| | | </div>
|
|---|
| | | <img src="img/icon_supvip.png">
|
|---|
| | | <div class="">{{userInfo.nickName}}</div>
|
|---|
| | | <img v-if="userInfo.level=='daRen'" src="img/icon_daren.png">
|
|---|
| | | <img v-else-if="userInfo.level=='highVIP'" src="img/icon_highvip.png">
|
|---|
| | | <img v-else-if="userInfo.level=='superVIP'" src="img/icon_supvip.png">
|
|---|
| | | <img v-else src="img/icon_tearch.png">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <!-- å¿«çID -->
|
|---|
| | |
|---|
| | | å¿«çID
|
|---|
| | | </div>
|
|---|
| | | <div class="div_descContent">
|
|---|
| | | 999999
|
|---|
| | | </div>
|
|---|
| | | <!-- æ ç¾ -->
|
|---|
| | | <div id="div_labelsDesc" class="div_descTitle">
|
|---|
| | | æ ç¾
|
|---|
| | | </div>
|
|---|
| | | <div class="div_descContent">
|
|---|
| | | <div class="div_labels1">
|
|---|
| | | æ ç¾æ ç¾æ ç¾
|
|---|
| | | </div>
|
|---|
| | | <div class="div_labels2">
|
|---|
| | | æ ç¾æ ç¾æ ç¾
|
|---|
| | | </div>
|
|---|
| | | <div class="div_labels3">
|
|---|
| | | æ ç¾æ ç¾æ ç¾
|
|---|
| | | </div>
|
|---|
| | | {{userInfo.fansId}}
|
|---|
| | | </div>
|
|---|
| | | <!-- æ·å®ææ -->
|
|---|
| | | <div id="div_labelsDesc" class="div_descTitle">
|
|---|
| | | æ·å®ææ
|
|---|
| | | </div>
|
|---|
| | | <div class="div_descContent">
|
|---|
| | | æªææ
|
|---|
| | | </div>
|
|---|
| | | <div v-if="!userInfo.taobao" class="div_descContent">æªææ</div>
|
|---|
| | | <div v-else class="div_descContent">å·²ææ</div>
|
|---|
| | | <!-- å¾®ä¿¡å· -->
|
|---|
| | | <div id="div_wxDesc" class="div_descTitle">
|
|---|
| | | 微信å·
|
|---|
| | | </div>
|
|---|
| | | <div class="div_descContent2">
|
|---|
| | | <div class="">
|
|---|
| | | weixin
|
|---|
| | | </div>
|
|---|
| | | <div class="copyButton2">
|
|---|
| | | å¤å¶
|
|---|
| | | </div>
|
|---|
| | | <div v-if="wx" class="">{{userInfo.weixin}}</div>
|
|---|
| | | <div v-else class="">æªææ</div>
|
|---|
| | |
|
|---|
| | | <div v-if="wx" class="copyButton2" @click="copy(3)">å¤å¶</div>
|
|---|
| | | </div>
|
|---|
| | | <!-- çµè¯å·ç -->
|
|---|
| | | <div id="div_phoneDesc" class="div_descTitle">
|
|---|
| | | çµè¯å·ç
|
|---|
| | | </div>
|
|---|
| | | <div class="div_descContent2">
|
|---|
| | | <div class="">
|
|---|
| | | 18290225225
|
|---|
| | | </div>
|
|---|
| | | <div class="copyButton2">
|
|---|
| | | å¤å¶
|
|---|
| | | </div>
|
|---|
| | | <div v-if="phone" class="">{{userInfo.phone}}</div>
|
|---|
| | |
|
|---|
| | | <div v-if="phone&&phoneCopy" class="copyButton2" @click="copy(4)">å¤å¶</div>
|
|---|
| | | </div>
|
|---|
| | | <!-- é请ç -->
|
|---|
| | | <div class="div_descContent3">
|
|---|
| | | <div class="div_descContent3_left">
|
|---|
| | | é请ç
|
|---|
| | | </div>
|
|---|
| | | <div class="div_descContent3_right">
|
|---|
| | | 18290225225
|
|---|
| | | </div>
|
|---|
| | | <div class="div_descContent3_right">{{userInfo.inviteCode}}</div>
|
|---|
| | | </div>
|
|---|
| | | <!-- æè¿ç»å½ -->
|
|---|
| | | <div class="div_descContent3" style="margin-top: 0.2rem;">
|
|---|
| | | <div class="div_descContent3_left">
|
|---|
| | | æè¿ç»å½
|
|---|
| | | </div>
|
|---|
| | | <div class="div_descContent3_right">
|
|---|
| | | 2020.11.16 08:08
|
|---|
| | | </div>
|
|---|
| | | <div class="div_descContent3_right">{{userInfo.loginTime}}</div>
|
|---|
| | | </div>
|
|---|
| | | <!-- ç²ä¸æ° -->
|
|---|
| | | <div class="div_descContent4" style="margin-top: 0.25rem;">
|
|---|
| | | <div class="div_descContent3_left">
|
|---|
| | | ç²ä¸æ°
|
|---|
| | | </div>
|
|---|
| | | <div class="div_descContent3_right">
|
|---|
| | | ç´æ¥ç²ä¸ï¼60人<br>
|
|---|
| | | é´æ¥ç²ä¸ï¼60人
|
|---|
| | | <div class="div_descContent3_right" v-html="userInfo.fansNum">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <!-- 订ååå¸ -->
|
|---|
| | |
|---|
| | | <div class="div_descContent3_left">
|
|---|
| | | 60天å
订ååå¸
|
|---|
| | | </div>
|
|---|
| | | <div class="div_descContent3_right">
|
|---|
| | | æ·å®(10ç¬)<br>
|
|---|
| | | 京ä¸(10ç¬)<br>
|
|---|
| | | æ¼å¤å¤(10ç¬)
|
|---|
| | | </div>
|
|---|
| | | <div class="div_descContent3_right" v-html="userInfo.orderInfo"></div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="" style="height: 0.5rem;"></div>
|
|---|
| | | </div>
|
|---|
| | | </body>
|
|---|
| | |
|
|---|
| | | <script type="text/javascript">
|
|---|
| | | function getQueryString(name) {
|
|---|
| | | var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
|
|---|
| | | var r = window.location.search.substr(1).match(reg);
|
|---|
| | | if (r != null) return unescape(r[2]);
|
|---|
| | | return null;
|
|---|
| | | };
|
|---|
| | | </script>
|
|---|
| | |
|
|---|
| | | <script>
|
|---|
| | | // "http://api.flqapp.com";
|
|---|
| | | var host = "http://192.168.1.253:8080";
|
|---|
| | | var key = getQueryString('key');
|
|---|
| | | $('#input_key').val(key);
|
|---|
| | | var app = null;
|
|---|
| | |
|
|---|
| | | $(function() {
|
|---|
| | | var app = new Vue({
|
|---|
| | | app = new Vue({
|
|---|
| | | el: '#root',
|
|---|
| | | data: {
|
|---|
| | | buttonName: 'æ交é¢è§',
|
|---|
| | | wx: true,
|
|---|
| | | phone: true,
|
|---|
| | | phoneCopy: true,
|
|---|
| | | userInfo: {
|
|---|
| | | portait: '',
|
|---|
| | | infoPortait: ''
|
|---|
| | |
|
|---|
| | | },
|
|---|
| | | boss: {}
|
|---|
| | | },
|
|---|
| | | watch: {
|
|---|
| | | userInfo: function(val) {
|
|---|
| | | $('#root').css('display', 'block')
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | watch: {},
|
|---|
| | | methods: {
|
|---|
| | | |
|---|
| | | copy: function(type) {
|
|---|
| | | if (type == 1) {
|
|---|
| | | yesApp.copyText(app.userInfo.boss.weixin)
|
|---|
| | |
|
|---|
| | | } else if (type == 2) {
|
|---|
| | | yesApp.copyText(app.userInfo.boss.phone)
|
|---|
| | |
|
|---|
| | | } else if (type == 3) {
|
|---|
| | | yesApp.copyText(app.userInfo.weixin)
|
|---|
| | |
|
|---|
| | | } else if (type == 4) {
|
|---|
| | | yesApp.copyText(app.userInfo.phone)
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | | fetchFansSearch: function() {
|
|---|
| | | yesApp.showLoading();
|
|---|
| | | var uid = yesApp.getUid();
|
|---|
| | | var params = {
|
|---|
| | | uid: uid,
|
|---|
| | | key: key
|
|---|
| | | };
|
|---|
| | | params = yesApp.getRequestBaseParams(params);
|
|---|
| | | $.ajax({
|
|---|
| | | type: "GET",
|
|---|
| | | data: JSON.parse(params),
|
|---|
| | | url: host + "/fanli/api/v2/invite/fansSearch",
|
|---|
| | | dataType: "jsonp",
|
|---|
| | | async: false,
|
|---|
| | | success: function(result) {
|
|---|
| | | yesApp.hideLoading();
|
|---|
| | | if (result.code == 0) {
|
|---|
| | | if (result.data.weixin == null || result.data.weixin.length == 0 || result.data.weixin == '') {
|
|---|
| | | app.wx = false;
|
|---|
| | | }
|
|---|
| | | if (result.data.phone == null || result.data.phone.length == 0 || result.data.phone == '') {
|
|---|
| | | app.phone = false;
|
|---|
| | | }
|
|---|
| | | app.phoneCopy = result.data.phone;
|
|---|
| | | app.boss = result.data.boss;
|
|---|
| | |
|
|---|
| | | app.userInfo = result.data;
|
|---|
| | | var reg1 = new RegExp("\n", "g");
|
|---|
| | | app.userInfo.fansNum = app.userInfo.fansNum.replace(reg1, "<br/>")
|
|---|
| | |
|
|---|
| | | var reg2 = new RegExp("\n", "g");
|
|---|
| | | app.userInfo.orderInfo = app.userInfo.orderInfo.replace(reg2, "<br/>")
|
|---|
| | |
|
|---|
| | | } else {
|
|---|
| | | yesApp.toast(result.msg);
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | error: function(XMLHttpRequest, textStatus, errorThrown) {
|
|---|
| | | yesApp.hideLoading();
|
|---|
| | | if (textStatus === 'timeout') {
|
|---|
| | | setTimeout(function() {}, 2000);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | |
|
|---|
| | | app.fetchFansSearch();
|
|---|
| | | });
|
|---|
| | |
|
|---|
| | | function touchSearch() {
|
|---|
| | | key = $('#input_key').val();
|
|---|
| | | app.fetchFansSearch();
|
|---|
| | | }
|
|---|
| | | </script>
|
|---|
| | | </html> |
|---|
| | |
|---|
| | | <script src="http://img.flqapp.com/resource/js/app2019112217.js"></script>
|
|---|
| | | <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
|
|---|
| | | </head>
|
|---|
| | | <body>
|
|---|
| | | <div id="root" style="display: block;">
|
|---|
| | | <body id="body" style="display: none;">
|
|---|
| | | <div id="root">
|
|---|
| | | <!-- 头é¨æç´¢ -->
|
|---|
| | | <div class="div_search" @click="enterSearch">
|
|---|
| | | <div class="div_search_gary">
|
|---|
| | | <img src="img/icon_search.png">
|
|---|
| | | <div>ææºå·/微信å·/é请ç /å¿«çID</div>
|
|---|
| | | <div>ææºå·/é请ç /å¿«çID</div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <!-- ç²ä¸ç»è®¡ -->
|
|---|
| | |
|---|
| | | <div v-if="index==0" class="div_flag" style="color: #D7B177;">{{index+1}}</div>
|
|---|
| | | <div v-else-if="index==1" class="div_flag" style="color: #AFBCC4;">{{index+1}}</div>
|
|---|
| | | <div v-else-if="index==2" class="div_flag" style="color: #C9C73E;">{{index+1}}</div>
|
|---|
| | | <div v-else class="div_flag" style="color: #888888;">{{index+1}}</div>
|
|---|
| | | <img class="div_imgheader" v-bind:src="item.portrait">
|
|---|
| | | <div v-else-if="index!=9" class="div_flag" style="color: #888888;">{{index+1}}</div>
|
|---|
| | | <div v-else class="div_flag" style="color: #888888;margin-left: 0.2rem;">{{index+1}}</div>
|
|---|
| | |
|
|---|
| | | <img v-if="item.portrait!=null&&item.portrait.length!=0" class="div_imgheader" v-bind:src="item.portrait">
|
|---|
| | | <div v-else class="div_imgheader" style="background-color: #CDCDCD; "></div>
|
|---|
| | |
|
|---|
| | | <div>
|
|---|
| | | <div class="name_type_bg">
|
|---|
| | | <div class="name">{{item.nickName}}</div>
|
|---|
| | | <div v-if="item.nickName!=null&&item.nickName.length!=0" class="name">{{item.nickName}}</div>
|
|---|
| | | <div v-else class="name" style="width: 2.16rem;background-color: #CDCDCD;height: 0.29rem; border-radius: 0.04rem;">{{item.nickName}}</div>
|
|---|
| | |
|
|---|
| | | <div v-if="item.grade==1" class="fans" style="width: 1rem;">ç´æ¥ç²ä¸</div>
|
|---|
| | | <div v-else-if="item.grade==2" class="fans" style="width: 1rem;">é´æ¥ç²ä¸</div>
|
|---|
| | | <div v-else-if="item.grade==null||item.grade.length==0" class="fans" style="display: none;">é´æ¥ç²ä¸</div>
|
|---|
| | | <div v-else class="fans" style="width: 1.4rem;">äºçº§ä»¥å¤ç²ä¸</div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="id_bg">
|
|---|
| | | <div class="bl_id">ID:{{item.uid}}</div>
|
|---|
| | | <div class="copy" @click="copyID(item.uid)">å¤å¶</div>
|
|---|
| | | <div v-if="item.uid!=null&&item.uid.length!=0" class="bl_id">ID:{{item.uid}}</div>
|
|---|
| | | <div v-else class="bl_id" style="width: 1.9rem;background-color: #CDCDCD; height: 0.29rem;border-radius: 0.04rem;"></div>
|
|---|
| | |
|
|---|
| | | <div v-if="item.uid!=null&&item.uid.length!=0" class="copy" @click="copyID(item.uid)">å¤å¶</div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | </div>
|
|---|
| | | <div class="div_items_right">{{item.number}}</div>
|
|---|
| | |
|
|---|
| | | <div v-if="item.number!=null&&item.number.length!=0" class="div_items_right">{{item.number}}ç¬</div>
|
|---|
| | | <div v-else class="div_items_right" style="width: 0.76rem;background-color: #CDCDCD; height: 0.44rem;border-radius: 0.04rem;margin-top: 0.41rem;">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | |
|---|
| | | inviteList: []
|
|---|
| | | },
|
|---|
| | | watch: {
|
|---|
| | | |
|---|
| | | inviteList: function(val) {
|
|---|
| | | $('#body').css('display', 'block');
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | methods: {
|
|---|
| | | enterSearch: function() {
|
|---|
| | |
|---|
| | | },
|
|---|
| | |
|
|---|
| | | copyID: function(uid) {
|
|---|
| | | yesApp.copyText(uid + '')
|
|---|
| | | yesApp.copyText(uid + '');
|
|---|
| | | var type = yesApp.getPlatform();
|
|---|
| | | if (type == 1) {
|
|---|
| | | yesApp.toast('å¤å¶æå');
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | | fetchTeamFans: function() {
|
|---|
| | |
|---|
| | | success: function(result) {
|
|---|
| | | if (result.code == 0) {
|
|---|
| | | app.fansInfo = result.data;
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | } else {
|
|---|
| | | yesApp.hideLoading();
|
|---|
| | |
|---|
| | | dataType: "jsonp",
|
|---|
| | | async: false,
|
|---|
| | | success: function(result) {
|
|---|
| | | if (result.code == 0) { |
|---|
| | | if (result.code == 0) {
|
|---|
| | | yesApp.hideLoading();
|
|---|
| | | app.inviteList = result.data.list;
|
|---|
| | |
|
|---|
| | | var dataList = [];
|
|---|
| | | for (i = 0; i < result.data.list.length; i++) {
|
|---|
| | | dataList.push(result.data.list[i]);
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | for (i = 0; i < (10 - result.data.list.length); i++) {
|
|---|
| | | var parmsData = {};
|
|---|
| | | dataList.push(parmsData);
|
|---|
| | | }
|
|---|
| | | app.inviteList = dataList;
|
|---|
| | |
|
|---|
| | | } else {
|
|---|
| | | yesApp.toast(result.msg);
|
|---|
| | |
|---|
| | | z-index: 100;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | border-bottom: #e0e0e0 solid 0.5px;
|
|---|
| | | border-bottom: #e0e0e0 solid 0.8px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_search_gary {
|
|---|
| | |
|---|
| | | margin-left: 0.03rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_BG {
|
|---|
| | | margin-top: 1.08rem;
|
|---|
| | | margin-left: 0.25rem;
|
|---|
| | | margin-right: 0.25rem;
|
|---|
| | | background-color: white;
|
|---|
| | | border-radius: 0.2rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_item_bg {
|
|---|
| | | background-color: #F6F6F6;
|
|---|
| | | margin-left: 0.25rem;
|
|---|
| | | margin-top: 0.88rem; |
|---|
| | | margin-left: 0.25rem; |
|---|
| | | margin-right: 0.25rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .items {
|
|---|
| | | /* display: -webkit-flex; |
|---|
| | | height: 1.8rem; */ |
|---|
| | | background-color: white; |
|---|
| | | border-radius: 0.2rem;
|
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_topBg { |
|---|
| | | display: -webkit-flex; |
|---|
| | | height: 1.8rem;
|
|---|
| | | height: 1.8rem; |
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_image {
|
|---|
| | | position: relative;
|
|---|
| | | width: 1.8rem;
|
|---|
| | | height: 1.8rem;
|
|---|
| | | height: 1.8rem; |
|---|
| | | margin-left: 0.23rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .image_goods {
|
|---|
| | |
|---|
| | | align-items: center; |
|---|
| | | margin-right: 0.25rem; |
|---|
| | | font-weight: bold;
|
|---|
| | | } |
|---|
| | | |
|---|
| | | .bouns_date { |
|---|
| | | color: #888888; |
|---|
| | | font-size: 0.26rem; |
|---|
| | | display: -webkit-flex; |
|---|
| | | align-items: center; |
|---|
| | | margin-left: 0.25rem; |
|---|
| | | margin-top: 0.1rem; |
|---|
| | | } |
|---|
| | |
|---|
| | | <script src="http://img.flqapp.com/resource/js/app2019112217.js"></script>
|
|---|
| | | <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
|
|---|
| | | </head>
|
|---|
| | | <body>
|
|---|
| | | <div id="root" style="display: block;">
|
|---|
| | | <body id="body" style="display: none;">
|
|---|
| | | <div id="root">
|
|---|
| | | <!-- 头é¨æç´¢ -->
|
|---|
| | | <div class="div_search" @click="enterSearch">
|
|---|
| | | <div class="div_search_gary">
|
|---|
| | |
|---|
| | | <div class="div_items_left">
|
|---|
| | | <div v-if="index==0" class="div_flag" style="color: #D7B177;">{{index+1}}</div>
|
|---|
| | | <div v-else-if="index==1" class="div_flag" style="color: #AFBCC4;">{{index+1}}</div>
|
|---|
| | | <div v-else-if="index==2" class="div_flag" style="color: #C9C73E;">{{index+1}}</div>
|
|---|
| | | <div v-else class="div_flag" style="color: #888888;">{{index+1}}</div>
|
|---|
| | | <img class="div_imgheader" v-bind:src="item.portrait">
|
|---|
| | |
|
|---|
| | | <div v-else-if="index==2" class="div_flag" style="color: #C9C73E;">{{index+1}}</div> |
|---|
| | | <div v-else-if="index!=9" class="div_flag" style="color: #888888;">{{index+1}}</div>
|
|---|
| | | <div v-else class="div_flag" style="color: #888888;margin-left: 0.2rem;">{{index+1}}</div> |
|---|
| | | |
|---|
| | | <img v-if="item.portrait!=null&&item.portrait.length!=0" class="div_imgheader" v-bind:src="item.portrait">
|
|---|
| | | <div v-else class="div_imgheader" style="background-color: #CDCDCD; " ></div> |
|---|
| | | |
|---|
| | | <div>
|
|---|
| | | <div class="name_type_bg">
|
|---|
| | | <div class="name">{{item.nickName}}</div>
|
|---|
| | | <div v-if="item.nickName!=null&&item.nickName.length!=0" class="name">{{item.nickName}}</div>
|
|---|
| | | <div v-else class="name" style="width: 2.16rem;background-color: #CDCDCD;height: 0.29rem; border-radius: 0.04rem;">{{item.nickName}}</div>
|
|---|
| | |
|
|---|
| | | <div v-if="item.grade==1" class="fans" style="width: 1rem;">ç´æ¥ç²ä¸</div>
|
|---|
| | | <div v-else-if="item.grade==2" class="fans" style="width: 1rem;">é´æ¥ç²ä¸</div>
|
|---|
| | | <div v-else-if="item.grade==null||item.grade.length==0" class="fans" style="display: none;">é´æ¥ç²ä¸</div>
|
|---|
| | | <div v-else class="fans" style="width: 1.4rem;">äºçº§ä»¥å¤ç²ä¸</div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="id_bg">
|
|---|
| | | <div class="bl_id">ID:{{item.uid}}</div>
|
|---|
| | | <div class="copy" @click="copyID(item.uid)">å¤å¶</div>
|
|---|
| | | <div v-if="item.uid!=null&&item.uid.length!=0" class="bl_id">ID:{{item.uid}}</div>
|
|---|
| | | <div v-else class="bl_id" style="width: 1.9rem;background-color: #CDCDCD; height: 0.29rem;border-radius: 0.04rem;"></div>
|
|---|
| | |
|
|---|
| | | <div v-if="item.uid!=null&&item.uid.length!=0" class="copy" @click="copyID(item.uid)">å¤å¶</div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | </div>
|
|---|
| | | <div class="div_items_right">{{item.number}}ç¬</div>
|
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div v-if="item.number!=null&&item.number.length!=0" class="div_items_right">{{item.number}}ç¬</div> |
|---|
| | | <div v-else class="div_items_right" style="width: 0.76rem;background-color: #CDCDCD; height: 0.44rem;border-radius: 0.04rem;margin-top: 0.41rem;"> </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | |
|---|
| | | rankList: []
|
|---|
| | | },
|
|---|
| | | watch: {
|
|---|
| | | |
|---|
| | | rankList: function(val) {
|
|---|
| | | $('#body').css('display', 'block');
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | methods: {
|
|---|
| | | enterSearch: function() {
|
|---|
| | |
|---|
| | | },
|
|---|
| | |
|
|---|
| | | copyID: function(uid) {
|
|---|
| | | yesApp.copyText(uid + '')
|
|---|
| | | yesApp.copyText(uid + ''); |
|---|
| | | var type = yesApp.getPlatform(); |
|---|
| | | if (type == 1) { |
|---|
| | | yesApp.toast('å¤å¶æå'); |
|---|
| | | }
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | | fetchTeamFans: function() {
|
|---|
| | |
|---|
| | | url: host + "/fanli/api/v2/usermoney/getRanking",
|
|---|
| | | dataType: "jsonp",
|
|---|
| | | async: false,
|
|---|
| | | success: function(result) { |
|---|
| | | success: function(result) {
|
|---|
| | | yesApp.hideLoading();
|
|---|
| | | //yesApp.toast('s'ï¼
|
|---|
| | | if (result.code == 0) {
|
|---|
| | | app.rankList = result.data.list;
|
|---|
| | |
|
|---|
| | | var dataList = [];
|
|---|
| | | for (i = 0; i < result.data.list.length; i++) {
|
|---|
| | | dataList.push(result.data.list[i]);
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | for (i = 0; i < (10 - result.data.list.length); i++) {
|
|---|
| | | var parmsData = {};
|
|---|
| | | dataList.push(parmsData);
|
|---|
| | | }
|
|---|
| | | app.rankList = dataList;
|
|---|
| | |
|
|---|
| | | } else {
|
|---|
| | | yesApp.toast(result.msg);
|
|---|
| | |
|---|
| | | <html>
|
|---|
| | | <head>
|
|---|
| | | <meta charset="utf-8">
|
|---|
| | | <title>å¢éç²ä¸</title>
|
|---|
| | | <title>å¢é订å</title>
|
|---|
| | | <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
|---|
| | | <link rel="stylesheet" type="text/css" href="../teamFans/css/fansSearchMain.css" />
|
|---|
| | | <script>
|
|---|
| | |
|---|
| | | <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
|
|---|
| | | </head>
|
|---|
| | | <body>
|
|---|
| | | <div id="root">
|
|---|
| | | <div id="root" style="display: none;">
|
|---|
| | | <div class="div_search">
|
|---|
| | | <div class="div_search_gary">
|
|---|
| | | <img src="img/icon_search.png">
|
|---|
| | | <input class="inputc" type="text" placeholder="è¾å
¥å¿«çID/订åå·" />
|
|---|
| | | <form action="" v-on:submit.prevent>
|
|---|
| | | <input id="input_result" class="inputc" type="search" autofocus="autofocus" placeholder="è¾å
¥å¿«çID/订åå·" />
|
|---|
| | | </form>
|
|---|
| | | </div>
|
|---|
| | | <div class="div_search_button" @click="touchSearch">
|
|---|
| | | æç´¢
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_historySearch">
|
|---|
| | | <div v-show="show" class="div_historySearch">
|
|---|
| | | <div class="historySearch">
|
|---|
| | | åå²æç´¢
|
|---|
| | | </div>
|
|---|
| | | <div class="clearSearch">
|
|---|
| | | <div class="clearSearch" @click="clearAll">
|
|---|
| | | æ¸
空
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_item_bg">
|
|---|
| | | <div class="items" v-for="(item, index) in dataList">
|
|---|
| | | <div class="items" v-for="(item, index) in dataList" @click="didSelect(item)">
|
|---|
| | | <div class="div_topHeader" style="height: 0.16rem;"></div>
|
|---|
| | | <div class="div_garyBG">
|
|---|
| | | <p>{{item}}</p>
|
|---|
| | |
|---|
| | | // "http://api.flqapp.com";
|
|---|
| | | var host = "http://192.168.1.253:8080";
|
|---|
| | | $(function() {
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | var app = new Vue({
|
|---|
| | | el: '#root',
|
|---|
| | | data: {
|
|---|
| | | buttonName: 'æ交é¢è§',
|
|---|
| | | dataList: ['26521651652161631561615656',
|
|---|
| | | '26521651652161631561615656',
|
|---|
| | | '26521651652161631561615656'
|
|---|
| | |
|
|---|
| | | ],
|
|---|
| | | show: false,
|
|---|
| | | dataList: [],
|
|---|
| | | },
|
|---|
| | | watch: {},
|
|---|
| | | watch: {
|
|---|
| | | dataList: function(val) {
|
|---|
| | | if (val != null && val.length != 0) {
|
|---|
| | | app.show = true;
|
|---|
| | | }
|
|---|
| | | $('#root').css('display', 'block');
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | methods: {
|
|---|
| | | deleteList: function(index) {
|
|---|
| | | yesApp.toast('delete')
|
|---|
| | | var list = app.dataList;
|
|---|
| | | list.splice(index, 1);
|
|---|
| | | app.dataList = list;
|
|---|
| | | if (list.length == 0 || list == null) {
|
|---|
| | | app.show = false;
|
|---|
| | | }
|
|---|
| | | localStorage.setItem('orderResut', JSON.stringify(list));
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | | didSelect: function(result) {
|
|---|
| | | yesApp.jumpWeb('http://192.168.1.114:8848/flqFront/AppInside/teamOrder/orderSearchResult.html?key=' + result,
|
|---|
| | | null)
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | | touchSearch: function() {
|
|---|
| | | yesApp.jumpWeb('http://192.168.1.114:8848/flqFront/AppInside/teamOrder/orderSearchResult.html', null)
|
|---|
| | | var result = $('#input_result').val();
|
|---|
| | | if (result == null || result.length == 0) {
|
|---|
| | | yesApp.toast('请è¾å
¥æç´¢å
³é®å');
|
|---|
| | | return;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | var userJsonStr = localStorage.getItem('orderResut');
|
|---|
| | | var userEntity = JSON.parse(userJsonStr);
|
|---|
| | |
|
|---|
| | | var list = userEntity;
|
|---|
| | | if (list == null || list.length == 0) {
|
|---|
| | | list = [];
|
|---|
| | |
|
|---|
| | | } else {
|
|---|
| | | for (i = 0; i < list.length; i++) {
|
|---|
| | | if (list[i] == result) {
|
|---|
| | | list.splice(i, 1);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | list.unshift(result);
|
|---|
| | | app.dataList = list;
|
|---|
| | |
|
|---|
| | | localStorage.setItem('orderResut', JSON.stringify(list));
|
|---|
| | |
|
|---|
| | | yesApp.jumpWeb('http://192.168.1.114:8848/flqFront/AppInside/teamOrder/orderSearchResult.html?key=' + result,
|
|---|
| | | null)
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | | clearAll: function() {
|
|---|
| | | app.dataList = [];
|
|---|
| | | app.show = false;
|
|---|
| | | localStorage.removeItem("orderResut");
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | | fetchData: function() {
|
|---|
| | | var userJsonStr = localStorage.getItem('orderResut');
|
|---|
| | | var userEntity = JSON.parse(userJsonStr);
|
|---|
| | |
|
|---|
| | | var list = userEntity;
|
|---|
| | | app.dataList = list;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | app.fetchData();
|
|---|
| | |
|
|---|
| | | setTimeout(function() {
|
|---|
| | | $('#input_result').focus();
|
|---|
| | | }, 1000);
|
|---|
| | |
|
|---|
| | | $("#input_result").keypress(function(e) {
|
|---|
| | | var key = $.trim($(this).val());
|
|---|
| | | if (e.keyCode === 13) {
|
|---|
| | |
|
|---|
| | | if (key == null || key.length == 0) {
|
|---|
| | | yesApp.toast('请è¾å
¥æç´¢å
³é®å');
|
|---|
| | | return;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | var userJsonStr = localStorage.getItem('orderResut');
|
|---|
| | | var userEntity = JSON.parse(userJsonStr);
|
|---|
| | |
|
|---|
| | | var list = userEntity;
|
|---|
| | | if (list == null || list.length == 0) {
|
|---|
| | | list = [];
|
|---|
| | |
|
|---|
| | | } else {
|
|---|
| | | for (i = 0; i < list.length; i++) {
|
|---|
| | | if (list[i] == key) {
|
|---|
| | | list.splice(i, 1);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | list.unshift(key);
|
|---|
| | | app.dataList = list;
|
|---|
| | |
|
|---|
| | | localStorage.setItem('orderResut', JSON.stringify(list));
|
|---|
| | |
|
|---|
| | | yesApp.jumpWeb('http://192.168.1.114:8848/flqFront/AppInside/teamOrder/orderSearchResult.html?key=' + key,
|
|---|
| | | null)
|
|---|
| | | }
|
|---|
| | | })
|
|---|
| | | });
|
|---|
| | | </script>
|
|---|
| | | </html> |
|---|
| | | </html> |
|---|
| | |
|---|
| | | <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
|
|---|
| | | </head>
|
|---|
| | | <body>
|
|---|
| | | <div id="root">
|
|---|
| | | <div class="div_search">
|
|---|
| | | <div class="div_search_gary">
|
|---|
| | | <img src="img/icon_search.png">
|
|---|
| | | <input class="inputc" type="text" placeholder="è¾å
¥å¿«çID/订åå·" />
|
|---|
| | | </div>
|
|---|
| | | <div class="div_search_button" @click="touchSearch">
|
|---|
| | | æç´¢
|
|---|
| | | </div>
|
|---|
| | | <div class="div_search">
|
|---|
| | | <div class="div_search_gary">
|
|---|
| | | <img src="img/icon_search.png">
|
|---|
| | | <input id="input_key" class="inputc" type="text" placeholder="è¾å
¥å¿«çID/订åå·" />
|
|---|
| | | </div>
|
|---|
| | | <div class="div_search_button" onclick="touchSearch()">
|
|---|
| | | æç´¢
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_BG">
|
|---|
| | | <div style="height: 0.23rem;"></div>
|
|---|
| | | <div class="div_item_bg">
|
|---|
| | | <div class="items" v-for="(item, index) in dataList">
|
|---|
| | | <div id="root" style="display: none;">
|
|---|
| | | <div class="div_item_bg">
|
|---|
| | | <div class="items" v-for="(item, index) in dataList">
|
|---|
| | | <div style="height: 0.2rem;background-color: #F3F3F3;"></div>
|
|---|
| | | <div style="height: 0.23rem;border-radius: 0.2rem;"></div>
|
|---|
| | | <div class="div_topBg">
|
|---|
| | | <div class="div_image">
|
|---|
| | | <img :src="item.por" class="image_goods">
|
|---|
| | | <img :src="item" class="image_goods">
|
|---|
| | | <img src="img/icon_suo.png" class="image_suo">
|
|---|
| | |
|
|---|
| | | </div>
|
|---|
| | | <div class="div_goodsInfo_BG">
|
|---|
| | | <div class="div_goodsInfo1">
|
|---|
| | | <img :src="item.header">
|
|---|
| | | <div class="nickName">æµç§°æµç§°æµç§°æµ</div>
|
|---|
| | | <img src="img/icon_highvip.png">
|
|---|
| | |
|
|---|
| | | <img :src="item.portrait">
|
|---|
| | |
|
|---|
| | | <div class="nickName">{{item.nickName}}</div>
|
|---|
| | | <img v-if="item.userRank=='daRen'" src="img/icon_daren.png">
|
|---|
| | | <img v-else-if="item.userRank=='highVIP'" src="img/icon_highvip.png">
|
|---|
| | | <img v-else-if="item.userRank=='superVIP'" src="img/icon_supvip.png">
|
|---|
| | | <img v-else src="img/icon_tearch.png">
|
|---|
| | | </div>
|
|---|
| | | <div class="div_goodsInfo2">
|
|---|
| | | ID:323030
|
|---|
| | | ID:{{item.uid}}
|
|---|
| | | </div>
|
|---|
| | | <div class="div_goodsInfo3">
|
|---|
| | | ç²ä¸ä»£æ°ï¼NO.999999
|
|---|
| | | ç²ä¸ä»£æ°ï¼NO.{{item.teamGrade}}
|
|---|
| | | </div>
|
|---|
| | | <div class="div_goodsInfo4">
|
|---|
| | | <img src="img/icon_pdd.png">
|
|---|
| | |
|
|---|
| | | <img v-if="item.sourceType==1" style="width: 0.63rem;" src="img/icon_tb.png">
|
|---|
| | | <img v-else-if="item.sourceType==2" style="width: 0.63rem;" src="img/icon_jd.png">
|
|---|
| | | <img v-else-if="item.sourceType==3" src="img/icon_pdd.png">
|
|---|
| | |
|
|---|
| | | <div>å¢é订å</div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <div class="content_fk">å®ä»æ¬¾ï¼ï¿¥9999.99</div>
|
|---|
| | | <div class="content_orderinfo">
|
|---|
| | | <div class="orderinfo">订åä¿¡æ¯ï¼282405643564645634125</div>
|
|---|
| | | <div class="copyButton">å¤å¶</div>
|
|---|
| | | </div>
|
|---|
| | | <div class="content_orderDate">
|
|---|
| | | <div class="oderdateDesc">
|
|---|
| | | 订åæ¶é´ï¼
|
|---|
| | |
|
|---|
| | | <div class="content_fk">å®ä»æ¬¾ï¼ï¿¥{{item.payment}}</div>
|
|---|
| | | <div class="content_orderinfo">
|
|---|
| | | <div class="orderinfo">订åä¿¡æ¯ï¼{{item.orderNo}}</div>
|
|---|
| | | <div class="copyButton">å¤å¶</div>
|
|---|
| | | </div>
|
|---|
| | | <div class="oderdateContent">
|
|---|
| | | ä¸å[2020.02.02 20:20]<br>
|
|---|
| | | æ¶è´§[2020.02.02 20:20]<br>
|
|---|
| | | å°è´¦[2020.02.02 20:20]<br>
|
|---|
| | | å®å[2020.02.02 20:20]
|
|---|
| | | <div class="content_orderDate">
|
|---|
| | | <div class="oderdateDesc">
|
|---|
| | | 订åæ¶é´ï¼
|
|---|
| | | </div>
|
|---|
| | | <div class="oderdateContent" v-html="item.orderTime"></div>
|
|---|
| | | </div>
|
|---|
| | | </div> |
|---|
| | | <div style="margin-left: 0.25rem;margin-right: 0.25rem;margin-top: 0.15rem;height: 1px;background-color: #E0E0E0;"></div> |
|---|
| | | <!-- å¢éå红 --> |
|---|
| | | <div class="teambonusBG"> |
|---|
| | | <div>é¢ä¼°å¢éå红 ï¿¥5.69</div> |
|---|
| | | <div>å·²å°å¸</div> |
|---|
| | | <div style="margin-left: 0.25rem;margin-right: 0.25rem;margin-top: 0.15rem;height: 1px;background-color: #E0E0E0;"></div>
|
|---|
| | | <!-- å¢éå红 -->
|
|---|
| | | <div class="teambonusBG">
|
|---|
| | | <div>é¢ä¼°å¢éå红 ï¿¥{{item.divMoney}}</div>
|
|---|
| | | <div v-if="item.divState==1">æªæ¶è´§ </div>
|
|---|
| | | <div v-else-if="item.divState==2">å·²æ¶è´§</div>
|
|---|
| | | <div v-else-if="item.divState==3">å·²å°å¸</div>
|
|---|
| | | <div v-else>失æ</div>
|
|---|
| | | </div>
|
|---|
| | | <div v-if="item.accountTime" class="bouns_date">
|
|---|
| | | å红å°è´¦{{item.accountTime}}
|
|---|
| | | </div>
|
|---|
| | | <div style="height: 0.3rem;"></div>
|
|---|
| | | </div>
|
|---|
| | | <div style="height: 0.3rem;"></div>
|
|---|
| | |
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </body>
|
|---|
| | |
|
|---|
| | | <script type="text/javascript">
|
|---|
| | | function getQueryString(name) {
|
|---|
| | | var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
|
|---|
| | | var r = window.location.search.substr(1).match(reg);
|
|---|
| | | if (r != null) return unescape(r[2]);
|
|---|
| | | return null;
|
|---|
| | | };
|
|---|
| | | </script>
|
|---|
| | |
|
|---|
| | | <script>
|
|---|
| | | // "http://api.flqapp.com";
|
|---|
| | | var host = "http://192.168.1.253:8080";
|
|---|
| | | var key = getQueryString('key');
|
|---|
| | | $('#input_key').val(key);
|
|---|
| | | var app = null;
|
|---|
| | |
|
|---|
| | | $(function() {
|
|---|
| | | var app = new Vue({
|
|---|
| | | app = new Vue({
|
|---|
| | | el: '#root',
|
|---|
| | | data: {
|
|---|
| | | buttonName: 'æ交é¢è§', |
|---|
| | | orderList:[{}],
|
|---|
| | | dataList: [{},{}],
|
|---|
| | | buttonName: 'æ交é¢è§',
|
|---|
| | | orderList: null,
|
|---|
| | | dataList: [],
|
|---|
| | | },
|
|---|
| | | watch: {},
|
|---|
| | | methods: {
|
|---|
| | | touchSearch: function() {
|
|---|
| | | watch: {
|
|---|
| | | orderList: function(val) {
|
|---|
| | | $('#root').css('display', 'block');
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | },
|
|---|
| | | methods: {
|
|---|
| | | fetchFansSearch: function() {
|
|---|
| | | // yesApp.toast('ç¹å»äº')
|
|---|
| | | yesApp.showLoading();
|
|---|
| | | var uid = yesApp.getUid();
|
|---|
| | | var params = {
|
|---|
| | | uid: uid,
|
|---|
| | | key: key
|
|---|
| | | };
|
|---|
| | | params = yesApp.getRequestBaseParams(params);
|
|---|
| | | $.ajax({
|
|---|
| | | type: "GET",
|
|---|
| | | data: JSON.parse(params),
|
|---|
| | | url: host + "/fanli/api/v2/user/order/teamOrderSearch",
|
|---|
| | | dataType: "jsonp",
|
|---|
| | | async: false,
|
|---|
| | | success: function(result) {
|
|---|
| | | yesApp.hideLoading();
|
|---|
| | | if (result.code == 0) {
|
|---|
| | | for (i = 0; i < result.data.list.length; i++) {
|
|---|
| | | var info = result.data.list[i];
|
|---|
| | | var reg = new RegExp("\n", "g");
|
|---|
| | | info.orderTime = info.orderTime.replace(reg, "<br/>");
|
|---|
| | | result.data.list[i] = info;
|
|---|
| | | }
|
|---|
| | | app.dataList = result.data.list;
|
|---|
| | |
|
|---|
| | | } else {
|
|---|
| | | yesApp.toast(result.msg);
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | error: function(XMLHttpRequest, textStatus, errorThrown) {
|
|---|
| | | yesApp.hideLoading();
|
|---|
| | | if (textStatus === 'timeout') {
|
|---|
| | | setTimeout(function() {}, 2000);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | |
|
|---|
| | | app.fetchFansSearch();
|
|---|
| | | });
|
|---|
| | |
|
|---|
| | | function touchSearch() {
|
|---|
| | | key = $('#input_key').val();
|
|---|
| | | app.fetchFansSearch();
|
|---|
| | | }
|
|---|
| | | </script>
|
|---|
| | | </html> |
|---|
