<!--验收列表 - 药品信息 列表页 - wwb--> <!doctype html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="import" href="./list_tpl.html" id="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> <a href="#" class="mui-pull-right batchAccetpance" style="height: 45px;padding-top: 12px;"> 批量验收 </a> </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 id="slider" class="mui-slider themes_tab mui-fullscreen"> <div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted"> <a class="mui-control-item themes_font_color_tab" href="#item1mobile">待验收</a> <a class="mui-control-item themes_font_color_tab" href="#item2mobile">已验收</a> </div> <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 id="item2mobile" class="mui-slider-item mui-control-content"> <div id="scroll2" class="mui-scroll-wrapper"> <div class="mui-scroll" id="mui-table-view-tab2"> <ul class="mui-table-view"> <li class="mui-table-view-cell mui-tab2" 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(); }) } var auditStatus = undefined, selected = undefined, //验收状态 1 待验收 2 已验收 selectTabs = 1; //去搜索页面 function toSearchPage (){ // document.activeElement.blur(); // 隐藏软键盘 var params = {}; params.id = 'basic_acc_list'; params.route = '../basicMedicine/basic_acc_list'; params.selected = selected; params.auditStatus = auditStatus; params.selectTabs = selectTabs; params.module = 'basicMedicine'; params.location = 'sub_list'; common.openwin('../commonPages/searchPage',{ params: JSON.stringify(params) },false) } (function($,$$) { $.init({ beforeback: function() { var list = plus.webview.currentWebview().opener(); mui.fire(list, 'pagefresh',{ hasAcceptance: selectTabs === 1 ? true: false}); return true; } }) var deceleration = mui.os.ios?0.003:0.0009; $('.mui-scroll-wrapper').scroll({ bounce: true, indicators: true, //是否显示滚动条 deceleration:deceleration }); var currentSelected = undefined; /* 渲染模板 */ var params = undefined, checkType = undefined, type = undefined, isShowTemprature = undefined, //是否显示验收温度 1 显示 0 隐藏 isPsList = undefined; // 验收单类型 selected = '.mui-tab1'; // 默认选中内容区块 var utils = new Utils(); utils.appendModule('#list_tpl'); var nullDataHtml = '<div class="mui-pull-bottom-tips"><div class="mui-pull-bottom-wrapper">'+ '<span class="mui-pull-loading">暂无数据</span></div></div>' var page = 1, totalPage = undefined, pageSize = 15, isMore = true, query = {}; var _url = '/a/exam/detail', // 分页接口 checkUrl = '/a/checkacceptdetail/checkList'; url = '/a/checkaccept/detail', pageLeft = 1, pageRight = 1, totalPageLeft = undefined, totalPageRight = undefined, isMore = true, distributeCode = undefined, status = undefined; function template(selected, data, insertType){ utils.innerTplHtml('list_tpl_view', selected , data, insertType); } // /* // 获取列表数据 // * */ // function genData(url,postData,selected){ // mui.ajaxRequest(url,{ // type: 'post', // data: postData, // showWaiting: true, // success: function(data){ // plus.nativeUI.closeWaiting(); // if(data.code === 200){ // detailData = { // unVerfiyList: { list: [] }, // verifyList: { list: [] } // } // isShowTemprature = data.data.isShowTemprature; // detailData.unVerfiyList.list = data.data.unVerfiyList && data.data.unVerfiyList.length ? data.data.unVerfiyList: []; // detailData.unVerfiyList.acceptance = true; // detailData.unVerfiyList.checkType = checkType; // detailData.unVerfiyList.isShowTemprature = data.data.isShowTemprature; // detailData.verifyList.list = data.data.verifyList && data.data.verifyList.length ? data.data.verifyList: [] ; // detailData.verifyList.acceptance = false; // detailData.verifyList.isShowTemprature = data.data.isShowTemprature; // showData(detailData,selected) // }else{ // mui.alert(data.msg) // } // }, // error: function(xhr,type,errorThrown){ // console.log(xhr.responseText) // } // }); // } // // /* // 展示数据 // * */ // function showData(data,selected){ // var batchAccetpance = document.querySelector('.batchAccetpance'); // var acceptanceTab1 = document.querySelector('.mui-tab1'); // var acceptanceTab2 = document.querySelector('.mui-tab2'); // var html1 = undefined, html2 = undefined; // batchAccetpance.style.display = selected === 'left'? 'block': 'none'; // if(data.unVerfiyList.list.length === 0){ // html1 = nullDataHtml; // }else{ // mui.each(data.unVerfiyList.list,function(index,item){ // item.editable = (params.accepttype === '101' || params.accepttype === '102' || params.accepttype === '103'|| params.accepttype === '104' ) ? true: false; // item.showEditBtn = item.editable; // }); // html1 = template('list_tpl_view',data.unVerfiyList); // } // acceptanceTab1.innerHTML = html1; // if(data.verifyList.list.length === 0){ // html2 = nullDataHtml // }else{ // html2 = template('list_tpl_view',data.verifyList); // } // acceptanceTab2.innerHTML = html2; // } // $.plusReady(function(){ let globalQuery = {}; window.addEventListener('pagefresh',function(event){ console.log('从详情回来') console.log(JSON.stringify(event.detail)) query = event.detail.query; console.log(typeof event.detail.selectTabs); let index = event.detail.selectTabs === '1' ? 0 : 1; console.log(index,'index') if(index === 1){ mui('#slider').slider().gotoItem(1); } setTimeout(function(){ mui('.mui-scroll-wrapper').scroll()[index].scrollTo(0,0,100); mui(".mui-scroll").pullToRefresh()[index].pullDownLoading(); },200) }); // 触发刷新 搜索页面搜的值 window.addEventListener('sub_search',function(event){ console.log('从搜索页面回来') console.log(JSON.stringify(event.detail) ); query = globalQuery = JSON.parse(event.detail.searchParams); console.log(typeof event.detail.selectTabs) let index = event.detail.selectTabs === 1 ? 0 : 1; $$('.mui-input-clear').val(query.hisDrugName); $$('.mui-placeholder').hide(); setTimeout(function(){ mui('.mui-scroll-wrapper').scroll()[index].scrollTo(0,0,100); mui(".mui-scroll").pullToRefresh()[index].pullDownLoading(); },300) console.log('刷新了') }) if(plus.storage.getItem('currDept')){ type = JSON.parse(plus.storage.getItem('currDept')).deptType; switch(type){ case '3': checkType = 1; // 药库 break; case '4': checkType = 2; // 药房 break; case '5': checkType = 3; // 基数药 break; default: break; } } var isUsual = undefined; var self = plus.webview.currentWebview(); params = JSON.parse(self.params);//获得参数 console.log(self.params) distributeCode = params.distributecode; isUsual = params.isusual; // 判断是否是配送单 isPsList = (params.accepttype === '101' || params.accepttype === '102' || params.accepttype === '103' ||params.accepttype === '104' ) ? true: false; console.log(isPsList) currentSelected = params.currentSelected; // 当前选中tabs console.log(currentSelected) status = currentSelected === 'left'? '1': '2'; auditStatus = currentSelected === 'left'? '1': '2'; selectTabs = currentSelected === 'left'? 1: 2; console.log('selectTabs') console.log(selectTabs) if(currentSelected === 'left'){ $$('.batchAccetpance').show(); }else{ $$('.batchAccetpance').hide(); } var checkUrl = '/a/checkacceptdetail/basemedic'; var url = '/a/checkaccept/detail'; var item2 = document.querySelector('#item2mobile'); var item1 = document.querySelector('#item1mobile'); document.getElementById('slider').addEventListener('slide', function(e) { $$('.mui-input-clear').val(''); let index = e.detail.slideNumber; if (index === 1) { status = '2'; selected = '.mui-tab2'; selectTabs = 2; mui('#slider').slider().gotoItem(1); $$('.batchAccetpance').hide(); $('.mui-slider-group .mui-scroll .mui-tab2')[0].innerHTML = ''; if (!item2.querySelector('.am-card')) { mui(".mui-slider-group .mui-scroll").pullToRefresh()[index].pullDownLoading(); } } if(index === 0){ status = '1'; selected = '.mui-tab1'; selectTabs = 1; $$('.batchAccetpance').show(); mui('#slider').slider().gotoItem(0); $('.mui-slider-group .mui-scroll .mui-tab1')[0].innerHTML = ''; if (!item1.querySelector('.am-card')) { mui(".mui-slider-group .mui-scroll").pullToRefresh()[index].pullDownLoading(); } } }); //循环初始化所有下拉刷新,上拉加载。 $.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()[ selectTabs -1 ].pullDownLoading(); //下拉刷新 function pulldownRefresh(){ console.log('下拉') var self = this; pageLeft = 1; pageRight = 1; status = selectTabs === 1 ? '1': '2'; var postData = { distributeCode: distributeCode, status:status, pageNo: 1, pageSize: pageSize }; if(query.hisDrugCode){ postData.hisDrugCode = query.hisDrugCode $$('.mui-input-clear').val(query.hisDrugName); }else{ globalQuery={} $$('.mui-input-clear').val(''); $$('.mui-placeholder').show(); } query = {}; console.log(JSON.stringify(postData)) mui.ajaxRequest(_url,{ type: 'POST', data: postData, success: function(data){ console.log( '*************************' ) var resData = data.data; resData.acceptance = selectTabs === 1 ? true: false; resData.checkType = checkType; totalPage = data.totalPage; if(resData.list.length === 0 || (resData.list.length <= resData.pageSize && resData.pageNo === resData.totalPage)){ var i = selectTabs === 1 ? 0 : 1; isMore = false; self.endPullDownToRefresh(true); document.querySelectorAll('.mui-pull-loading')[i].innerHTML = '没有更多数据'; }else{ isMore = true; self.endPullDownToRefresh(false); self.refresh(true); } return template(selected,resData, false) }, error: function(xhr,type,errorThrown){ console.log(xhr.responseText) } }); } //上拉加载更多 function pullupRefresh(){ console.log('下拉') 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 = selectTabs === 1 && checkType === 1 ? true: false; resData.acceptance = status === '1'? true: false; resData.checkType = checkType; if(resData.list.length <= resData.pageSize && resData.pageNo === resData.totalPage){ var i = selectTabs === 1 ? 0 : 1; isMore = false; self.endPullUpToRefresh(true); document.querySelectorAll('.mui-pull-loading')[i].innerHTML = '没有更多数据'; }else{ isMore = true; self.endPullUpToRefresh(false); self.refresh(true); } return template(selected, resData, true) }, error: function(xhr,type,errorThrown){ console.log(xhr.responseText) } }); }else{ var i = selectTabs === 1 ? 0 : 1; document.querySelectorAll('.mui-pull-loading')[i].innerHTML = '没有更多数据'; self.endPullUpToRefresh(true); } } //绑定点击事件 - 进入详情页 $('#slider').on('tap','.moreDetail',function(){ let id = this.dataset.id; let newData = {}; newData.checkType = checkType; // 药房,药库,基数药 区分 hasAcceptance = selectTabs === 1 ? true: false; newData.distributeCode = distributeCode; newData.isShowTemprature = isShowTemprature; newData.hasAcceptance = hasAcceptance;// 判断 详情页面是否有验收按钮 newData.status = status; newData.id = id; newData.selectTabs = selectTabs; newData.isPsList = isPsList; // 是否是配送单 newData.query = globalQuery; console.log(JSON.stringify(newData)) document.activeElement.blur(); // 隐藏软键盘 common.openwin('acc_detail',{ details: JSON.stringify(newData) },{ titleText: '验收详情' }) }); /* 批量验收 */ $('.mui-bar').on('tap','.batchAccetpance',function(){ var paramsData = {}; paramsData.isPsList = isPsList; paramsData.distributeCode = distributeCode; paramsData.status = '1'; paramsData.isShowTemprature = isShowTemprature; paramsData.itemData = params; paramsData.checkType = checkType; paramsData.acceptance = true; console.log(JSON.stringify(paramsData)); common.openwin('basic_acc_batch',{ params: JSON.stringify(paramsData) },{ titleText: '药品信息' }) // common.openwin('acc_batch',{ params: JSON.stringify(paramsData) },false) }) // 绑定事件 --确认验收 $('#slider').on('tap','.acceptance',function(){ document.activeElement.blur(); // 隐藏软键盘 let postData = {}, detailList = [], submitData = {}; postData.id = this.dataset.id; detailList.push(postData); submitData.detailList = detailList; submitData.distributeCode = distributeCode; console.log(submitData); var btnArray = ['否', '是']; mui.confirm('是否确认验收?', '确认', btnArray, function(e) { if (e.index == 1) { mui.ajaxRequest(checkUrl,{ type: 'POST', data: submitData, showWaiting: true, contentType: "application/json", success: function(data){ if(data.code === 200){ mui.toast('验收成功'); mui(".mui-scroll").pullToRefresh()[ selectTabs -1 ].pullDownLoading(); } }, error: function(xhr,type,errorThrown){ console.log(xhr.responseText) } }) } },'div') }); }); })(mui,jQuery); </script> </body> </html>