<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
<link rel="stylesheet" type="text/css" href="css/mui.view.css" />
<link rel="stylesheet" type="text/css" href="css/common.css" />
<link rel="stylesheet" type="text/css" href="css/my.mui.css"/>
<link rel="stylesheet" type="text/css" href="css/app.css" />
<script type="text/javascript" src="js/mui.min.js" ></script>
<script type="text/javascript" src="js/jquip.min.js" ></script>
<script type="text/javascript" src="js/mui.view.js" ></script>
<script type="text/javascript" src="js/mui.ext.js" ></script>
<script type="text/javascript" src="js/mui.api.js" ></script>
<style type="text/css">
.my-table-view-list > .mui-table-view-cell > .mui-slider-right > .mui-btn {
padding-left: 8px;
padding-right: 8px;
}
.my-table-view-list > .mui-table-view-cell > .mui-slider-left > .mui-btn {
padding-left: 15px;
padding-right:0px;
}
.my-table-view-list > .mui-table-view-cell > .mui-slider-handle .mui-btn.my-btn-lg {
padding-left: 30px;
padding-right: 30px;
}
.c-3c3c3c{width: 80px;}
</style> </head>
<body class="bg-ffffff">
<div id="xiajiadiv"></div>
<!--
作者：896673734@qq.com
时间：2015-10-31
描述：下架弹出框
-->
<div id="div-down" class="mui-popover my-popover " >
<!--数据列表-->
<div style="height: 120px;;">
<div class="mui-scroll-wrapper" style="height: 120px;"> <div class="mui-scroll" style="text-align: center;line-height: 120px;">
是否确认下架该商品?
</div>
</div>
</div>
<button type="button" id="down-frim" value="" style="width: 50%; float: left;background: #EA6100;border-color: #EA6100;" class="mui-btn mui-btn-block my-secondary-btn my-btn-lgger my-radius-0 mr_b0">
确定
</button>
<button style="width: 50%;" id="down-back" value="" type="button" class="mui-btn mui-btn-block my-secondary-btn my-btn-lgger my-radius-0 mr_b0">
取消
</button>
</div> <!--
作者：896673734@qq.com
时间：2015-10-31
描述：删除商品
-->
<div id="div-del" class="mui-popover my-popover " >
<!--数据列表-->
<div style="height: 120px;;">
<div class="mui-scroll-wrapper" style="height: 120px;"> <div class="mui-scroll" style="text-align: center;line-height: 120px;">
是否确认删除该商品?
</div>
</div>
</div>
<button type="button" id="del-frim" value="" style="width: 50%; float: left;background: #EA6100;border-color: #EA6100;" class="mui-btn mui-btn-block my-secondary-btn my-btn-lgger my-radius-0 mr_b0">
确定
</button>
<button style="width: 50%;" id="del-back" value="" type="button" class="mui-btn mui-btn-block my-secondary-btn my-btn-lgger my-radius-0 mr_b0">
取消
</button>
</div>
<!--
作者：896673734@qq.com
时间：2015-10-31
描述：上架商品
-->
<div id="div-up" class="mui-popover my-popover " >
<!--数据列表-->
<div style="height: 160px;;">
<div class="mui-scroll-wrapper" style="height: 160px;"> <div class="mui-scroll" style="text-align: center;padding-top: 40px;">
<span style="display: block;">是否确认上架该商品?</span>
<span style="display: block;margin-top: 20px;"> <input id="spec_sale_price" type="number" style="width: 100px;" /> <span id="spec_value">元/份</span></span> </div>
</div>
</div>
<button type="button" id="up-frim" value="" style="width: 50%; float: left;background: #EA6100;border-color: #EA6100;" class="mui-btn mui-btn-block my-secondary-btn my-btn-lgger my-radius-0 mr_b0">
确定
</button>
<button style="width: 50%;" id="up-back" value="" type="button" class="mui-btn mui-btn-block my-secondary-btn my-btn-lgger my-radius-0 mr_b0">
取消
</button>
</div>
<div id="confirm-popover" class="mui-popover mui-popover-action">
<div>
<div>钱包余额</div>
<div>￥100</div>
<hr>
<div>输入支付密码</div>
<div>
<input maxlength="6">
</div>
</div>
</div>
<div class="mui-views">
<div class="mui-view">
<div class="mui-navbar">
</div>
<div class="mui-pages">
</div>
</div>
</div>
<div id="main-page" class="mui-page">
<div class="mui-navbar-inner mui-bar mui-bar-nav my-header">
<button type="button" class="mui-left mui-action-back mui-btn mui-btn-link mui-btn-nav mui-pull-left">
<span class="mui-icon mui-icon-left-nav c-ffffff"></span>
</button>
<h1 class="mui-center mui-title">理货</h1>
<span style="color: white;position: absolute;right: 10px;bottom: 10px;font-size: 12px;font-weight: bold;" id="piliang">批量下架</span>
</div>
<div class="mui-page-content" id="weitidiv">
<div class="ub-con ub ub-ver">
<div class="pd_v5 pd_h15 bd-b-e3e3e3">
<div class="my-search my-radius-lgger ub">
<label class="ub ub-ac">
<i class="mui-icon mui-icon-search" id="btn-search" ></i>
</label>
<div class="ub-f1">
<input type="search" id="search" class="mui-input-clear" placeholder="请输入菜品名">
</div>
<div class="ub ub-ac mr_l5">
<button type="button" class="mui-btn mui-btn-link pd_0">
<span class="mui-icon mui-icon-close-filled"></span>
</button>
</div>
</div>
</div>
<div class="ub-f1">
<div id="slider" class="mui-slider mui-fullscreen my-segmented">
<div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
<a class="mui-control-item mui-active" href="#item1">销售中的菜品</a>
<a class="mui-control-item" href="#item2">未上架的菜品</a>
</div>
<!--<div id="sliderProgressBar" class="mui-slider-progress-bar mui-col-xs-6"></div>-->
<div class="mui-slider-group">
<div id="item1" class="mui-slider-item mui-control-content mui-active">
<div id="scroll1" class="mui-scroll-wrapper">
<div class="mui-scroll" >
<ul class="mui-table-view my-table-view-list mr_t0 mui-hidden" id="quanxuancheckbox">
<li class="mui-table-view-cell">
<div class="mui-slider-handle ub">
<div class="" style="width: 40px;display: block;">
<label class="mui-checkbox my-checkbox" >
<input id="quanxuan" type="checkbox" style="margin-top: 6px;" />
</label>
</div>
<div class="ub ub-ac fs_15 c-3c3c3c">
全选
</div>
</div>
</li></ul>
<ul class="mui-table-view my-table-view-list mr_t0" id="uplist">
</ul>
</div>
</div>
</div>
<div id="item2" class="mui-slider-item mui-control-content " >
<div id="scroll1" class="mui-scroll-wrapper">
<div class="mui-scroll">
<ul class="mui-table-view my-table-view-list" id="downlist">
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<button id="btmButton1" type="button" class="mui-btn mui-btn-block my-secondary-btn my-btn-lger mr_b0 my-radius-0 mui-hidden" >
下架
</button>
<button id="btmButton2" type="button" class="mui-btn mui-btn-block my-secondary-btn my-btn-lger mr_b0 my-radius-0 mui-hidden">
上新
</button>
</div>
</div>
</div>
</div>
<script type="text/javascript">
function load(){
var keyword = document.getElementById("search").value;
$("#uplist").html("");
$("#downlist").html("");
downs(keyword);
ups(keyword)
}
PAGE_COUNT=10000;
mui.init();
mui(function(){
mui('.mui-scroll-wrapper').scroll();
var viewApi = mui('.mui-views').view({defaultPage:'#main-page'});
var oldBack = mui.back;
mui.back = function(){ viewApi.canBack() ? viewApi.back() : oldBack(); };
document.getElementById('slider').addEventListener('slide', function(e) {
if (e.detail.slideNumber === 0 ) {
// mui('#btmButton1').removeClass('mui-hidden');
mui('#btmButton2').addClass('mui-hidden');
mui('#piliang').removeClass('mui-hidden');
} else if (e.detail.slideNumber === 1) {
mui('#btmButton2').removeClass('mui-hidden');
mui('#btmButton1').addClass('mui-hidden');
mui('#piliang').addClass('mui-hidden');
}
});
mui("#weitidiv").on("tap",".weiti",function(){
if($(this).attr("value")==undefined){
return;
}
var product_id = $(this).attr("value").split(",")[0]
var name = $(this).attr("value").split(",")[1]
var today_not_count = $(this).attr("value").split(",")[2]
mui.openWindow({
url:"my-order.html",
id:"my-order.html",
createNew:true,
waiting:{
autoShow:false,//自动显示等待框，默认为true
title:'正在加载...'//等待对话框上显示的提示内容
},
extras:{
product_id:product_id,
today_not_count:today_not_count,
name:name
}
})
})
/**
* 确认删除事件
*/
document.getElementById("del-frim").addEventListener("tap",function(){
var product_id = this.getAttribute("value");
mui.api.ptdelete({
product_id: product_id
},function(data){
if(data.error_code="SUCCESS"){
$("#down"+product_id).remove()
mui.toast("删除成功")
mui("#div-del").popover("hide");
}else{
mui.toast(data.error_msg)
}
});
})
document.getElementById("del-back").addEventListener("tap",function(){
mui("#div-del").popover("hide");
})
//上架确认按钮
document.getElementById("up-frim").addEventListener("tap",function(){
var product_id = this.getAttribute("value");
var spec_sale_price = document.getElementById("spec_sale_price").value;
mui.api.up({
product_id: product_id,
spec_sale_price:spec_sale_price
},function(data){
if(data.error_code="SUCCESS"){
$("#down"+product_id).remove()
$("#uplist").html("");
mui.toast("上架成功")
downs(document.getElementById("search").value);
mui("#div-up").popover("hide");
}else{
mui.toast(data.error_msg)
}
});
})
//上新按钮点击
document.getElementById("btmButton2").addEventListener("tap",function(){
mui.openWindow({
url:"shangxin.html",
id:"shangxin.html",
createNew:true,
waiting:{
autoShow:false,//自动显示等待框，默认为true
title:'正在加载...'//等待对话框上显示的提示内容
}
})
})
//上架取消按钮
document.getElementById("up-back").addEventListener("tap",function(){
mui("#div-up").popover("hide");
})
//全选全不选
document.getElementById("quanxuan").addEventListener("tap",function(){
if(this.checked){
selectAllNullorReserve("productid","全不选");
}else{
selectAllNullorReserve("productid","全选");
}
})
//批量下架按钮
document.getElementById("piliang").addEventListener("tap",function(){
var text = $(this).html();
if(text=="批量下架"){
mui('#quanxuancheckbox').removeClass('mui-hidden');
mui('#btmButton1').removeClass('mui-hidden');
$(this).html("取消");
var btncheckbox = document.getElementsByClassName("btn-checkbox");
for(var i=0;i<btncheckbox.length;i++){
btncheckbox[i].style.display="block"
}
}else{
mui('#quanxuancheckbox').addClass('mui-hidden');
mui('#btmButton1').addClass('mui-hidden');
$(this).html("批量下架");
var btncheckbox = document.getElementsByClassName("btn-checkbox");
for(var i=0;i<btncheckbox.length;i++){
btncheckbox[i].style.display="none"
btncheckbox[i].children[0].children[0].checked=false;
}
}
//mui('.quanxuan').offCanvas('toggle');
})
//批量下架
document.getElementById("btmButton1").addEventListener("tap",function(){
var btncheckbox = document.getElementsByClassName("btn-checkbox");
var product_ids = "";
for(var i=0;i<btncheckbox.length;i++){
if(btncheckbox[i].children[0].children[0].checked){
product_ids+=btncheckbox[i].children[0].children[0].getAttribute("value")+",";
}
}
if(product_ids==""){
mui.toast("请选中至少一个商品")
return;
}else{
product_ids = product_ids.substring(0,product_ids.length-1);
}
document.getElementById("down-frim").setAttribute("value",product_ids)
mui("#div-down").popover("show");
})
});
function downs(keyword){
mui.api.splist({
seller_id: plus.storage.getItem("seller_id"),
sale_flag:"1",
keyword:keyword,
page_no:1,
page_count:PAGE_COUNT,
},function(data){
if(data.error_code=="SUCCESS"){
for(var i=0;i<data.modellist.length;i++){
$("#uplist").append('<li id="up'+data.modellist[i].id+'" class="mui-table-view-cell" > '+
'<div class="mui-slider-handle ub">'+
'<div class="btn-checkbox" style="width: 40px;display: none;">'+
'<label class="mui-checkbox my-checkbox" >'+
'<input name="productid" type="checkbox" value="'+data.modellist[i].id+'" style="margin-top: 6px;" />'+
'</label> '+
'</div> '+
'<div class="ub ub-ac fs_15 c-3c3c3c xiajia">'+
data.modellist[i].name+
'<br /><span class="fs_12 c-aaaaaa lh_1 mr_t10">(￥'+data.modellist[i].spec_sale_price+'/'+data.modellist[i].spec_name+')</span>'+
'</div>'+
'<div class="ub-f1 mr_l20 weiti" >'+
'<p class="fs_12 c-3c3c3c lh_1">未提 <strong class="c-ea6100 fs_15 no_bold">0</strong></p>'+
'<p class="fs_12 c-aaaaaa lh_1 mr_t10">(今日合计销售<span>0</span>)</p>'+
'</div>'+
'<div class="ub ub-ac">'+
'<button type="button" value="'+data.modellist[i].id+'" class="mui-btn mui-btn-outlined my-primary-btn my-btn-radius my-btn-lg btn-product_down">'+
' 下架'+
' </button>'+
' </div>'+
' </div>'+
'</li>');
console.log("商家id:"+plus.storage.getItem("seller_id"))
console.log("商品id:"+data.modellist[i].id)
console.log("日期"+Today())
mui.api.getTodayNotNa({
seller_id: plus.storage.getItem("seller_id"),
product_id:data.modellist[i].id,
date:Today(),
i:i
},function(dataa){
//console.log("1111111111111111111111111111111111111111111111111")
if(dataa.error_code=="SUCCESS"){
$("#up"+data.modellist[dataa.i].id).find("strong").html(dataa.today_not_count)
$("#up"+data.modellist[dataa.i].id).find("span").html(dataa.today_all_count)
$("#up"+data.modellist[dataa.i].id).find(".weiti").attr("value",data.modellist[dataa.i].id+","+data.modellist[dataa.i].name+","+dataa.today_not_count)
}})
}
//下架按钮点击事件
var downs = document.getElementsByClassName("btn-product_down");
for(var i=0;i<downs.length;i++){
downs[i].addEventListener("tap",function(){
mui("#div-down").popover("show");
document.getElementById("down-frim").setAttribute("value",this.getAttribute("value"));
})
}
}else{
//mui.toast(data.error_msg)
}
})
}
function ups(keyword){
mui.api.splist({
seller_id: plus.storage.getItem("seller_id"),
sale_flag:"0",
keyword:keyword,
page_no:1,
page_count:PAGE_COUNT,
},function(data){
if(data.error_code=="SUCCESS"){
for(var i=0;i<data.modellist.length;i++){
$("#downlist").append('<li id="down'+data.modellist[i].id+'" class="mui-table-view-cell ">'+
'<div class="mui-slider-right mui-disabled">'+
'<button type="button" value="'+data.modellist[i].id+'" class="mui-btn my-secondary-btn btn-product_del" >'+
'<span class="mui-icon mui-icon-closeempty c-ffffff fs_36"></span>'+
'</button>'+
'</div>'+
'<div class="mui-slider-handle ub">'+
'<div class="ub ub-ac fs_15 c-3c3c3c">'+
data.modellist[i].name+
'</div>'+
'<div class="ub-f1 mr_l20 weiti" >'+
'<p class="fs_12 c-3c3c3c lh_1">未提 <strong class="c-ea6100 fs_15 no_bold">0</strong></p>'+
'<p class="fs_12 c-aaaaaa lh_1 mr_t10">(单价：￥'+data.modellist[i].spec_sale_price+'/'+data.modellist[i].spec_name+')</p>'+
'</div>'+
'<div class="ub ub-ac">'+
'<button type="button" value="'+data.modellist[i].id+'" spec_value="'+data.modellist[i].spec_value+'" spec_sale_price="'+data.modellist[i].spec_sale_price+'" class="mui-btn my-primary-btn my-btn-radius my-btn-lg btn-product_up">'+
'上架'+
'</button>'+
'</div>'+
'</div>'+
'</li>');
mui.api.getTodayNotNa({
seller_id: plus.storage.getItem("seller_id"),
product_id:data.modellist[i].id,
date:Today(),
i:i
},function(dataa){
if(dataa.error_code=="SUCCESS"){
$("#down"+data.modellist[dataa.i].id).find("strong").html(dataa.today_not_count)
$("#down"+data.modellist[dataa.i].id).find(".weiti").attr("value",data.modellist[dataa.i].id+","+data.modellist[dataa.i].name+","+dataa.today_not_count)
}})
}
//上架按钮点击事件
var ups = document.getElementsByClassName("btn-product_up");
for(var i=0;i<ups.length;i++){
ups[i].addEventListener("tap",function(){
document.getElementById("up-frim").setAttribute("value",this.getAttribute("value"));
document.getElementById("spec_sale_price").value = this.getAttribute("spec_sale_price");
mui("#div-up").popover("show");
})
}
//删除按钮点击事件
var dels = document.getElementsByClassName("btn-product_del");
for(var i=0;i<dels.length;i++){
dels[i].addEventListener("tap",function(){
document.getElementById("del-frim").setAttribute("value",this.getAttribute("value"));
mui("#div-del").popover("show");
})
}
}else{
// mui.toast(data.error_msg)
}
})
}
/**
* 搜索按钮点击事件
*/
document.getElementById("btn-search").addEventListener("tap",function(){
var keyword = document.getElementById("search").value;
$("#uplist").html("");
$("#downlist").html("");
downs(keyword);
ups(keyword)
})
mui.plusReady(function(){
downs("");
ups("");
})
/**
* 下架操作
*/
document.getElementById("down-frim").addEventListener("tap",function(){
var product_id = this.getAttribute("value");
var product_ids;
mui.api.down({
product_ids: product_id
},function(data){
if(data.error_code="SUCCESS"){
if(product_id.indexOf(",")!=-1){
product_ids = product_id.split(",");
for(var i=0;i<product_ids.length;i++){
$("#up"+product_ids[i]).remove()
}
}else{
$("#up"+product_id).remove()
}
$("#downlist").html("");
mui.toast("下架成功")
ups(document.getElementById("search").value);
mui("#div-down").popover("hide");
}else{
mui.toast("下架失败")
}
});
})
//取消下架
document.getElementById("down-back").addEventListener("tap",function(){
mui("#div-down").popover("hide");
})
</script> </body>
</html>
0 个回复