<!--验收列表 - 药品信息 列表页 - wwb-->
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="import" href="./list_tpl.html" id="acc_list_tpl"/>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link href="../../css/mui.min.css" rel="stylesheet" />
<link href="../../css/themes.css" rel="stylesheet" />
<link href="../../css/index_view.css" rel="stylesheet" />
</head>
<body>
<header class="mui-bar mui-bar-nav themes_bg_color">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left">
<label class="mui-pull-right theme_back_font">返回</label>
</a>
<h1 class="mui-title themes_title">药品信息</h1>
</header>
<div class="mui-content">
<div class="mui-input-row mui-search search_head" onclick="toSearchPage()">
<input type="search" class="mui-input-clear" readonly="readonly" placeholder="通用名/商品名/生产厂家" >
</div>
<div class="home-card-wrapper" style="padding: 8px;margin-top: 0;margin-bottom: 8px;">
<div class="home-card-title">已验收</div>
</div>
<div id="slider" class="mui-slider themes_tab mui-fullscreen" style="margin-top: 45px;">
<div id="sliderProgressBar" class="mui-slider-progress-bar mui-col-xs-6"></div>
<div class="mui-slider-group">
<div id="item1mobile" class="mui-slider-item mui-control-content">
<div id="scroll1" class="mui-scroll-wrapper">
<div class="mui-scroll" id="mui-table-view-tab1">
<ul class="mui-table-view">
<li class="mui-table-view-cell mui-tab1" style="padding: 0;">
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="../../js/mui.min.js"></script>
<script src="../../js/jquery.min.js" ></script>
<script src="../../js/mui.pullToRefresh.js"></script>
<script src="../../js/mui.pullToRefresh.material.js"></script>
<script src="../../js/template-web.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/utils.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/request.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
if(window.plus) {
plusready();
} else {
document.addEventListener('plusready', plusready, false);
}
function plusready() {
plus.key.addEventListener('backbutton',function(){
plus.webview.currentWebview().close();
})
}
//去搜索页面
function toSearchPage (){
document.activeElement.blur(); // 隐藏软键盘
var params = {};
params.id = 'basic_has_acc';
params.route = '../basicMedicine/basic_has_acc';
params.auditStatus = '2'; // 都是已验收单据
params.selectTabs = 2;
params.selected = 'right';
params.module = 'basicMedicine';
params.location = 'sub_list';
common.openwin('../commonPages/searchPage',{ params: JSON.stringify(params) },false)
}
(function($,$JQ) {
$.init({
beforeback: function() {
var list = plus.webview.currentWebview().opener();
mui.fire(list, 'pagefresh',{ hasAcceptance: true }); // 参数判断是某一个Tabs 右侧tabs 刷寻右侧列表
return true;
}
})
var deceleration = mui.os.ios?0.003:0.0009;
$('.mui-scroll-wrapper').scroll({
scrollX: false,
bounce: true,
indicators: true, //是否显示滚动条
deceleration:deceleration
});
/* 渲染模板 */
var params = undefined,
checkType = undefined,
type = undefined,
isShowTemprature = undefined, //是否显示验收温度 1 显示 0 隐藏
isPsList = undefined; // 验收单类型
var utils = new Utils();
utils.appendModule('#acc_list_tpl');
$('.mui-scroll-wrapper').scroll({
bounce: true,
indicators: true, //是否显示滚动条
deceleration:deceleration
});
var page = 1,
totalPage = undefined,
pageSize = 15,
isMore = true,
query = {};
var _url = '/a/exam/detail'; // 分页接口
var distributeCode = undefined , status = '2';
function template(data, insertType){
utils.innerTplHtml('list_tpl_view','.mui-tab1', data, insertType);
}
/*
下拉刷新
* */
function pulldownRefresh(){
var self = this;
page = 1;
var postData = {
distributeCode: distributeCode,
status,status,
pageNo: page,
pageSize: pageSize
};
if(query.hisDrugCode){
postData.hisDrugCode = query.hisDrugCode
}else{
globalQuery={}
$JQ('.mui-input-clear').val('');
$JQ('.mui-placeholder').show();
}
query = {};
mui.ajaxRequest(_url,{
type: 'POST',
data: postData,
success: function(data){
var resData = data.data;
resData.acceptance = false;
console.log(resData)
totalPage = data.totalPage;
if(resData.list.length === 0 ||resData.list.length <= resData.pageSize && resData.pageNo === resData.totalPage){
isMore = false;
self.endPullDownToRefresh(true);
document.querySelectorAll('.mui-pull-loading')[0].innerHTML = '没有更多数据';
}else{
isMore = true;
self.endPullDownToRefresh(false);
self.refresh(true);
}
return template(resData, false)
},
error: function(xhr,type,errorThrown){
console.log(xhr.responseText)
}
});
}
/*
* 上拉加载更多
* */
function pullupRefresh(){
var self = this;
console.log(isMore,'isMore')
if(isMore){
page++;
mui.ajaxRequest(_url,{
type: 'POST',
data:{
distributeCode: distributeCode,
status,status,
pageNo: page,
pageSize: pageSize
},
success: function(data){
var resData = data.data;
resData.acceptance = false;
if(resData.list.length <= resData.pageSize && resData.pageNo === resData.totalPage){
isMore = false;
self.endPullUpToRefresh(true);
document.querySelectorAll('.mui-pull-loading').innerHTML = '没有更多数据';
}else{
isMore = true;
self.endPullUpToRefresh(false);
self.refresh(true);
}
return template(resData, true)
},
error: function(xhr,type,errorThrown){
console.log(xhr.responseText)
}
});
}else{
document.querySelector('.mui-pull-loading').innerHTML = '没有更多数据';
self.endPullUpToRefresh(true);
}
}
// 模板加载
$.plusReady(function(){
let globalQuery = {};
window.addEventListener('pagefresh',function(e){
console.log('从详情回来')
console.log(e.detail.query)
query = e.detail.query;
setTimeout(function(){
console.log('刷新了啊啊啊啊 啊');
mui('.mui-scroll-wrapper').scroll().scrollTo(0,0);
mui(".mui-scroll").pullToRefresh().pullDownLoading();
},200)
});
// 触发刷新 搜索页面搜的值
window.addEventListener('sub_search',function(event){
console.log('从搜索页面回来')
console.log(JSON.stringify(event.detail) );
query = globalQuery = JSON.parse(event.detail.searchParams);
$JQ('.mui-input-clear').val(query.hisDrugName);
$JQ('.mui-placeholder').hide();
setTimeout(function(){
mui(".mui-scroll").pullToRefresh().pullDownLoading();
},200)
console.log('刷新了')
})
var isUsual = undefined;
var self = plus.webview.currentWebview();
params = JSON.parse(self.params);//获得参数
console.log(JSON.stringify(params))
distributeCode = params.distributecode;
isUsual = params.isusual;
//循环初始化所有下拉刷新，上拉加载。
$.each(document.querySelectorAll('.mui-scroll'), function(index, pullRefreshEl) {
$(pullRefreshEl).pullToRefresh({
down: {
style:'circle',
contentdown : "下拉可以刷新",
contentover : "释放立即刷新",
contentrefresh : "正在刷新...",
callback: pulldownRefresh
},
up: {
contentrefresh : "正在加载...",//可选，正在加载状态时，上拉加载控件上显示的标题内容
contentnomore:'没有更多数据',
callback: pullupRefresh
}
});
});
// 第一个tab 默认加载一次数据
mui(".mui-scroll").pullToRefresh().pullDownLoading();
if(plus.storage.getItem('currDept')){
checkType = '3';
}else{
mui.toast('请重新登陆');
common.openwin('../login/index')
}
//绑定点击事件 - 进入详情页
$('#slider').on('tap','.moreDetail',function(){
let id = this.dataset.id;
let newData = {};
newData.checkType = checkType; // 药房，药库，基数药 区分
newData.distributeCode = distributeCode;
newData.isShowTemprature = isShowTemprature;
newData.hasAcceptance = false;// 判断 详情页面是否有验收按钮
newData.status = status;
newData.id = id;
newData.isPsList = false; // 是否是配送单
newData.query = globalQuery ;
console.log('newData',JSON.stringify(newData))
console.log('query',JSON.stringify(globalQuery))
console.log(JSON.stringify(Object.assign(newData,globalQuery)))
document.activeElement.blur(); // 隐藏软键盘
common.openwin('acc_detail',{ details: JSON.stringify(newData) },{
titleText: '验收详情'
})
});
});
})(mui,jQuery);
</script>
</body>
</html>