<!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>
|
<script src="../../js/mui.min.js"></script>
|
<script src="../../js/api.js"></script>
|
<script src="../../js/common.js"></script>
|
<script src="../../js/template-web.js"></script>
|
<link href="../../css/mui.min.css" rel="stylesheet" />
|
<link rel="stylesheet" type="text/css" href="../../css/iconfont.css" />
|
<style type="text/css">
|
.mui-content {
|
margin-top: 2px;
|
}
|
.font-seal{
|
font-size: 10px;z-index: 2;position: absolute;right:14px;top: 15px; border: 1px solid #F73A3C;
|
transform: rotate(25deg);width: 43px;line-height: 20px;text-align: center;
|
color: #F73A3C;font-weight: bold;
|
}
|
|
</style>
|
</head>
|
<body class="mui-fullscreen">
|
<header class="mui-bar mui-bar-nav" id="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"></span>
|
</button>
|
<h1 class="mui-title">投料物料记录</h1>
|
</header>
|
<div class="mui-content" id="contentId">
|
<div class="mui-segmented-control" id="tabId">
|
</div>
|
<div class="mui-content-padded">
|
<div id="tab1" class="mui-control-content mui-active">
|
<!--下拉刷新容器-->
|
<!--数据列表-->
|
<div id="cardId"></div>
|
</div>
|
</div>
|
</div>
|
|
<script id='card-template' type="text/template">
|
<ul class="mui-table-view">
|
<% for(var i in record){ var item=record[i]; %>
|
<li class="mui-table-view-cell mui-media" >
|
|
<div class="mui-media-body">
|
<a href="#">物料名称:<%=(item.ITEM_NAME)%></a>
|
<p class='mui-ellipsis'>
|
物料条码:<%=(item.ITEM_BARCODE)%></br>
|
数量:<%=(item.QUANTITY)%></br>
|
</p>
|
</div>
|
|
</li>
|
<% } %>
|
</ul>
|
</script>
|
|
<script id='detail-template' type="text/template">
|
<% for(var i in record){ var item=record[i]; %>
|
<li class="mui-table-view-cell mui-media">
|
<a href="javascript:;">
|
<div class="mui-media-body">
|
<%=(item.ITEM_NAME)%>
|
<p class='mui-ellipsis'><%=(item.ITEM_BARCODE)%>-<%=(item.QUANTITY)%></p>
|
</div>
|
</a>
|
</li>
|
<% } %>
|
</script>
|
|
|
<script type="text/javascript" charset="utf-8">
|
mui.init();
|
var pid='';
|
mui.plusReady(function() {
|
//addTabTap();
|
var self = plus.webview.currentWebview();
|
pid= self.pid;
|
console.log(pid)
|
toList(1,2);
|
|
})
|
|
var count = 1;
|
function pulldownRefresh(){
|
count=1;//第一页
|
type=1;//代表下拉刷新
|
toList(count,type);//具体取数据的方法
|
}
|
function pullupRefresh(){
|
//setTimeout(function() {
|
count++;//翻下一页
|
type=2;//代表上拉加载
|
toList(count,type);//具体取数据的方法
|
//}, 100);
|
}
|
function toList(page,type){
|
aj.post("/glueinput/getDetailList", {
|
/* factory: api_localStorageGet("factory"),
|
company: api_localStorageGet("company"), */
|
pid:pid
|
}, function (data) {
|
if (data.result) {
|
//console.log(JSON.stringify(data.data))
|
//var d = [{"QUANTITY":"1000","ITEM_BARCODE":"1A2004038000301","ITEM_NAME":"电芯"},{"QUANTITY":"1000","ITEM_BARCODE":"1A2004038000301","ITEM_NAME":"电芯"}];
|
document.getElementById('cardId').innerHTML = template('card-template', {
|
"record":data.data
|
})
|
} else {
|
mui.alert(data.msg, '错误', function() {
|
//关闭回调函数
|
})
|
;
|
}
|
});
|
}
|
function tapDelete(){
|
mui("#cardId").on('tap','#delBtn',function(){
|
var elem = this;
|
var li = elem.parentNode.parentNode;
|
var btnArray = ['确认', '取消'];
|
mui.confirm('确认删除该条记录？', '系统提示', btnArray, function(e) {
|
if (e.index == 0) {
|
|
console.log(elem.getAttribute('data-id'))
|
//doDelete(elem.getAttribute('data-id'));
|
aj.post("/little/delete", {
|
/* factory: api_localStorageGet("factory"),
|
company: api_localStorageGet("company"), */
|
pid:elem.getAttribute('data-id')
|
}, function (data) {
|
if (data.result) {
|
li.parentNode.removeChild(li);
|
plus.ui.toast(data.msg);
|
} else {
|
//plus.ui.toast(data.msg);
|
mui.alert(data.msg, '错误', function() {
|
//关闭回调函数
|
});
|
}
|
});
|
} else {
|
setTimeout(function() {
|
$.swipeoutClose(li);
|
}, 0);
|
}
|
});
|
});
|
}
|
function doDelete(pid){
|
aj.post("/repair/delete", {
|
/* factory: api_localStorageGet("factory"),
|
company: api_localStorageGet("company"), */
|
pid:pid
|
}, function (data) {
|
if (data.result) {
|
plus.ui.toast(data.msg);
|
} else {
|
plus.ui.toast(data.msg);
|
}
|
});
|
}
|
|
function tapDetail(){
|
mui("#cardId").on("tap", "li", function(event) {
|
var pid = this.getAttribute('data-id');
|
aj.post("/glueinput/getDetailList", {
|
/* factory: api_localStorageGet("factory"),
|
company: api_localStorageGet("company"), */
|
pid:pid
|
}, function (data) {
|
if (data.result) {
|
//console.log(JSON.stringify(data.data))
|
//var d = [{"QUANTITY":"1000","ITEM_BARCODE":"1A2004038000301","ITEM_NAME":"电芯"},{"QUANTITY":"1000","ITEM_BARCODE":"1A2004038000301","ITEM_NAME":"电芯"}];
|
document.getElementById('cardId').innerHTML = template('detail-template', {
|
"record":data.data
|
})
|
} else {
|
mui.alert(data.msg, '错误', function() {
|
//关闭回调函数
|
})
|
;
|
}
|
});
|
}) ;
|
}
|
</script>
|
</body>
|
</html>
|
