q792602257/qlg.frontend
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

助购列表页，待接口

Browse Source
This commit is contained in:
Jerry Yan 2019-09-09 11:47:45 +08:00
parent 4ecca60927
commit 4dde804054
9 changed files with 272 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
css/my_help_sale.css Normal file
View File

@ -0,0 +1,62 @@
.mydata .mydata-content{
background: #fff;
width: 100%;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.mydata .mydata-content .mydata-table-view-cell{
width: 20%;
text-align: center;
border-right: 1px solid #ECECEC;
border-bottom: 1px solid #ECECEC;
}
.mydata .mydata-content .mydata-table-view-cell a {
color:#525252 ;
display: inline-block;
width: 100%;
}
.mydata .mydata-content .mydata-table-view-cell p {
font-size: 18px;
}
.mydata .mydata-content .mydata-table-view-cell .mydata-media-body {
font-size: 13px;
}
.helpSaleTableRow .c1 {
font-size: 18px;
color: black;
line-height: 42px;
width: 22%;
display: inline-block;
text-align: center;
}
.helpSaleTableRow .c2 {
font-size: 18px;
color: black;
line-height: 42px;
width: 30%;
display: inline-block;
text-align: center;
}
.helpSaleTableRow .c3 {
font-size: 18px;
color: black;
line-height: 42px;
width: 30%;
display: inline-block;
text-align: center;
}
.helpSaleTableRow .c4 {
font-size: 18px;
color: black;
line-height: 42px;
width: 16%;
display: inline-block;
text-align: center;
}

2
css/setting.css
View File

@ -49,7 +49,7 @@ body .header1{
.z{ .z{
width: 100%; width: 100%;
height: 66px; height: 50px;
} }
.block{ .block{
margin-top: 36px; margin-top: 36px;

2
index.html
View File

@ -47,7 +47,7 @@
<span class="mui-icon"><img class="img" src="" /></span> <span class="mui-icon"><img class="img" src="" /></span>
<!-- <span>逛商都</span> --> <!-- <span>逛商都</span> -->
</a> </a>
<a class="mui-tab-item" href="templete/zhugouba.html" style="display: none;" data-num='2'> <a class="mui-tab-item" href="templete/zhugouba.html" data-num='2'>
<span class="mui-icon"><img class="nav_out img" src="" /><img class="nav_in" src="" /></span> <span class="mui-icon"><img class="nav_out img" src="" /><img class="nav_in" src="" /></span>
<!-- <span>助购吧</span> --> <!-- <span>助购吧</span> -->
</a> </a>

3
js/my.js
View File

@ -305,6 +305,9 @@ var localAuthType = localStorage.getItem("authType");
mui.alert('只有合作认证才可以申请商厦') mui.alert('只有合作认证才可以申请商厦')
} }
}) })
$('.mydata-content').on('tap', '.help_sale', function() {
JZL.openWindow('my_help_sale.html', 'my_help_sale.html')
})
// setTimeout(function() { // setTimeout(function() {
// //console.log(authType); // //console.log(authType);
// if (2 == authType) { // 合作认证 // if (2 == authType) { // 合作认证

55
js/my_help_sale.js Normal file
View File

@ -0,0 +1,55 @@
mui.plusReady(function(){
// some Ajax
var data = [
{level_id: 1, level_name: '一层', helpSaleCount: 2, preGetHelpSale: 123.456, cancelledHelpSale: 78.90},
{level_id: 2, level_name: '二层', helpSaleCount: 4, preGetHelpSale: 123.456, cancelledHelpSale: 78.90},
{level_id: 3, level_name: '三层', helpSaleCount: 5, preGetHelpSale: 123.456, cancelledHelpSale: 78.90},
{level_id: 4, level_name: '四层', helpSaleCount: 7, preGetHelpSale: 123.456, cancelledHelpSale: 78.90},
{level_id: 5, level_name: '五层', helpSaleCount: 8, preGetHelpSale: 123.456, cancelledHelpSale: 78.90},
{level_id: 6, level_name: '六层', helpSaleCount: 10, preGetHelpSale: 123.456, cancelledHelpSale: 78.90},
{level_id: 7, level_name: '七层', helpSaleCount: 17, preGetHelpSale: 123.456, cancelledHelpSale: 78.90},
{level_id: 8, level_name: '八层', helpSaleCount: 28, preGetHelpSale: 123.456, cancelledHelpSale: 78.90},
{level_id: 9, level_name: '⑨层', helpSaleCount: 99, preGetHelpSale: 999.999, cancelledHelpSale: 99.999},
];
for (let i in data) {
let each = data[i];
$("#helpSaleTable").append('<div class="row helpSaleTableRow shadown_wai"><span class="c1">'+each.helpSaleCount+'</span><span class="c2">'+each.preGetHelpSale+'</span>'+
'<span class="c3">'+each.cancelledHelpSale+'</span><span class="c4">'+each.level_name+'</span></div>')
}
$("#userName").text(localStorage.getItem("userName"))
// some Ajax
JZL.ajax(qlgUrl('app/users/getIndex'), {}, function(data) {
// console.log(data); //服务器返回响应，根据响应结果，分析是否登录成功；
var data = toJson(data, 1);
if (data.status == 1) {
userId = parseInt(data.data.user.userId);
localStorage.setItem("userName", data.data.user.userName)
$("#userName").text(data.data.user.userName)
$("#preGetCouponCount").text("预获产品券：￥"+data.data.expectedCouponsNum);
}
})
$("#preGetCoupon").on("tap",function(){
JZL.openWindow("vouchers.html", "vouchers.html", {
data_href: 'expectedProduct',
data_type: '1',
data_expect: '1'
})
})
$("#myHelpSaleOrder").on("tap", function(){
mui.openWindow({
url: 'indent.html',
id: 'all',
extras: {
data_href: 'all'
},
createNew: false, //是否重复创建同样id的webview，默认为false:不重复创建，直接显示
waiting: {
autoShow: true, //自动显示等待框，默认为true
title: '正在加载...', //等待对话框上显示的提示内容
}
})
})
$("#toHelpSale").on("tap", function(){
JZL.openWindow('zhugouba.html', 'zhugouba.html');
})
})

2
js/setting.js
View File

@ -50,6 +50,8 @@ mui.plusReady(function() {
success: function(data) { //服务器返回响应，根据响应结果，分析是否登录成功； success: function(data) { //服务器返回响应，根据响应结果，分析是否登录成功；
// //console.log(data.data.goodsFavoritesNum) // //console.log(data.data.goodsFavoritesNum)
localStorage.removeItem("token"); localStorage.removeItem("token");
localStorage.removeItem("userId");
localStorage.removeItem("userName");
mui.fire(plus.webview.getWebviewById('templete/my.html'), 'refresh'); mui.fire(plus.webview.getWebviewById('templete/my.html'), 'refresh');
mui.fire(plus.webview.getWebviewById('templete/shoppingcart.html'), 'refresh'); mui.fire(plus.webview.getWebviewById('templete/shoppingcart.html'), 'refresh');
mui.back(); mui.back();

4
js/start.js
View File

@ -88,7 +88,7 @@ function jumpPage(ipxSizeBottom) {
var bSize = 50 + (+ipxSizeBottom) + 'px'; var bSize = 50 + (+ipxSizeBottom) + 'px';
var subpages = ['templete/home.html', 'templete/shops.html', 'templete/zhuweiba.html', var subpages = ['templete/home.html', 'templete/shops.html', 'templete/zhuweiba.html',
// 'templete/zhugouba.html', 'templete/zhugouba.html',
'templete/my.html' 'templete/my.html'
]; ];
var subpage_style = { var subpage_style = {
@ -103,8 +103,10 @@ function jumpPage(ipxSizeBottom) {
window.addEventListener('refresh', function(e) { window.addEventListener('refresh', function(e) {
var my = plus.webview.getWebviewById('templete/my.html'); //触发父页面的自定义事件(refresh),从而进行刷新 var my = plus.webview.getWebviewById('templete/my.html'); //触发父页面的自定义事件(refresh),从而进行刷新
var zhuweiba = plus.webview.getWebviewById('templete/zhuweiba.html'); //触发父页面的自定义事件(refresh),从而进行刷新 var zhuweiba = plus.webview.getWebviewById('templete/zhuweiba.html'); //触发父页面的自定义事件(refresh),从而进行刷新
var zhugouba = plus.webview.getWebviewById('templete/zhugouba.html'); //触发父页面的自定义事件(refresh),从而进行刷新
mui.fire(my, 'refresh'); mui.fire(my, 'refresh');
mui.fire(zhuweiba, 'refresh'); mui.fire(zhuweiba, 'refresh');
mui.fire(zhugouba, 'refresh');
}) })
// launchScreen(); // launchScreen();
plus.screen.lockOrientation("portrait-primary"); plus.screen.lockOrientation("portrait-primary");

8
templete/my.html
View File

@ -201,6 +201,14 @@
<p>申请商都</p> <p>申请商都</p>
</a> </a>
</div> </div>
<div class="mydata-table-view-cell help_sale">
<a href="javascript:;">
<div class="orderimg">
<img src="../img/trade.png"/></div>
<p>助购</p>
</a>
</div>
</div> </div>
</div> </div>

137
templete/my_help_sale.html Normal file
View File

@ -0,0 +1,137 @@
<!DOCTYPE html>
<html>
<head style="visibility:hidden;">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
<title>助购</title>
<link rel="stylesheet" type="text/css" href="../css/mui.css" />
</head>
<body style="visibility:hidden;">
<div class="header">
<div class="header_con">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<!--<img src="../img/title_news.png" class="oc_logo" />-->
<p class="title">助购</p>
</div>
</div>
<div class="z"></div>
<div class="block">
<div class="row shadown_wai" id="myHelpSaleOrder"><img class="img" src="../img/setting_lock1.png" /><span class="r1">我家订单</span><span
class="r2">我家全部订单</span><img class="youjiantou" src="../img/youjiantou.png" /></div>
<div class="mydata shadown_wai" style="margin-top: 6px;">
<div class="mydata-content">
<!-- <div class="mydata-table "> -->
<div class="mydata-table-view-cell helpSaleCart">
<a href="javascript:;">
<div class="orderimg">
<img src="../img/gouwuche.png" />
</div>
<p>助购车</p>
</a>
</div>
<div class="mydata-table-view-cell waitSend">
<a href="javascript:;">
<div class="orderimg">
<img src="../img/daifukuan.png" /></div>
<p>待发货</p>
</a>
</div>
<div class="mydata-table-view-cell waitDeliver">
<a href="javascript:;">
<div class="orderimg">
<img src="../img/daishouhuo.png" /></div>
<p>待收货</p>
</a>
</div>
<div class="mydata-table-view-cell waitAppraise">
<a href="javascript:;">
<div class="orderimg">
<img src="../img/pingjia.png" /></div>
<p>待评价</p>
</a>
</div>
<div class="mydata-table-view-cell abnormal">
<a href="javascript:;">
<div class="orderimg">
<img src="../img/orderdetail.png" /></div>
<p style="font-size: 88%;">退单售后</p>
</a>
</div>
</div>
</div>
<div class="mydata shadown_wai" style="margin-top: 6px;">
<div class="mydata-content">
<!-- <div class="mydata-table "> -->
<div class="mydata-table-view-cell helpSaleConfirm">
<a href="javascript:;">
<div class="orderimg">
<img src="../img/gouwuche.png" />
</div>
<p>待确认</p>
</a>
</div>
<div class="mydata-table-view-cell waitDeliver ">
<a href="javascript:;">
<div class="orderimg">
<img src="../img/daifukuan.png" /></div>
<p>待付款</p>
</a>
</div>
<div class="mydata-table-view-cell friends">
<a href="javascript:;">
<div class="orderimg">
<img src="../img/pengyou.png" /></div>
<p>待上传</p>
</a>
</div>
<div class="mydata-table-view-cell zhuweiba">
<a href="javascript:;">
<div class="orderimg">
<img src="../img/weiba.png" /></div>
<p>待收货</p>
</a>
</div>
<div class="mydata-table-view-cell userPaymentvoucher">
<a href="javascript:;">
<div class="orderimg">
<img src="../img/pingzheng.png" /></div>
<p style="font-size: 88%;">发起提现</p>
</a>
</div>
</div>
</div>
<div class="row shadown_wai" id="preGetCoupon" style="margin-top: 6px;"><img class="img" src="../img/setting_lock1.png" /><span class="r1" id="userName"></span><span
class="r2" id="preGetCouponCount" style="font-size: 90%;"></span><img class="youjiantou" src="../img/youjiantou.png" /></div>
<div id="helpSaleTable">
<div class="row helpSaleTableRow shadown_wai"><span class="c1">助购户</span><span class="c2">助购预获</span>
<span class="c3">放弃购物</span><span class="c4" id="toHelpSale">购物</span></div>
</div>
</div>
</body>
<script src="../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
mui.plusReady(function() {
var element;
var parent = document.body;
element = document.createElement('script');
element.src = localStorage.getItem("jsUrl") + 'common.js?ver=' + localStorage.getItem('version');
parent.appendChild(element);
element.onload = function() {
var style = [JZL.getCssUrl('my_help_sale.css'), JZL.getCssUrl('setting.css'), JZL.getCssUrl("global.css"), JZL.getCssUrl("header.css")];
JZL.css_init(style);
var script = [JZL.getJsUrl('my_help_sale.js')];
JZL.js_init(script);
setTimeout(function() {
parent.style.visibility = "visible";
}, 100);
};
})
</script>
</html>