<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<title>订单审批</title>
<link rel="stylesheet" type="text/css" href="//css.iamberry.com/watero/css/mui.min.css?v=2016101701" />
<link rel="stylesheet" type="text/css" href="//css.iamberry.com/watero/css/iconfont.css?v=2016101701" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<style>
html,body {
background-color: #fff;
}
.mui-views,
.mui-view,
.mui-pages,
.mui-page,
.mui-page-content {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: #efeff4;
}
.mui-pages {
top: 0;
height: auto;
}
.mui-scroll-wrapper,
.mui-scroll {
background-color: #fff;
}
.mui-page.mui-transitioning {
-webkit-transition: -webkit-transform 300ms ease;
transition: transform 300ms ease;
}
.mui-page-left {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.mui-ios .mui-page-left {
-webkit-transform: translate3d(-20%, 0, 0);
transform: translate3d(-20%, 0, 0);
}
.mui-navbar {
position: fixed;
right: 0;
left: 0;
z-index: 10;
height: 44px;
background-color: #f7f7f8;
}
.mui-navbar .mui-bar {
position: absolute;
background: transparent;
text-align: center;
}
.mui-android .mui-navbar-inner.mui-navbar-left {
opacity: 0;
}
.mui-ios .mui-navbar-left .mui-left,
.mui-ios .mui-navbar-left .mui-center,
.mui-ios .mui-navbar-left .mui-right {
opacity: 0;
}
.mui-navbar .mui-btn-nav {
-webkit-transition: none;
transition: none;
-webkit-transition-duration: .0s;
transition-duration: .0s;
}
.mui-navbar .mui-bar .mui-title {
display: inline-block;
width: auto;
}
.mui-page-shadow {
position: absolute;
right: 100%;
top: 0;
width: 16px;
height: 100%;
z-index: -1;
content: '';
}
.mui-page-shadow {
background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .2) 100%);
background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .2) 100%);
}
.mui-navbar-inner.mui-transitioning,
.mui-navbar-inner .mui-transitioning {
-webkit-transition: opacity 300ms ease, -webkit-transform 300ms ease;
transition: opacity 300ms ease, transform 300ms ease;
}
.mui-page {
display: none;
}
.mui-pages .mui-page {
display: block;
}
.mui-table-view span.mui-pull-right {
color: #999;
}
.mui-table-view-divider {
background-color: #efeff4;
font-size: 14px;
}
.mui-table-view-divider:before,
.mui-table-view-divider:after {
height: 0;
}
.head {
height: 40px;
}
#head {
line-height: 40px;
}
.head-img {
width: 40px;
height: 40px;
}
#head-img1 {
position: absolute;
bottom: 10px;
right: 40px;
width: 40px;
height: 40px;
}
.update {
font-style: normal;
color: #999999;
margin-right: -25px;
font-size: 15px
}
.mui-fullscreen {
position: fixed;
z-index: 20;
background-color: #000;
}
.mui-ios .mui-navbar .mui-bar .mui-title {
position: static;
}
.mui-content{padding-bottom: 60px;background-color: #fff;}
ul{list-style: none;margin: 0;padding: 0;}
#pro-menu{top: 0;border: 0; border-bottom: 1px solid rgba(0,0,0,.1);border-radius: 0;padding:0;}
#pro-menu .mui-control-item{color: #333;border-left: 0;position: relative;height: 44px;line-height: 44px;font-size: 16px;}
#pro-menu .mui-control-item:after{content: '';position: absolute;left: 0; width:100%;height: 1px;background-color: transparent;bottom: 0;}
#pro-menu .mui-control-item:first-child{border-left-width: 0px;}
/*#pro-menu .mui-control-item:last-child:after{width: 4em;}*/
#pro-menu .mui-control-item.mui-active{background-color: #fff;}
#pro-menu .mui-control-item.mui-active:after{background-color: #63ccde;}
.my-table-view-order>li{position: relative;padding-bottom: 0;}
.my-table-view-order>li
.my-table-view-order .mui-col-xs-6{font-size: 15px !important;}
.my-table-view-order>li:after{display: none;}
.my-table-view-order>li:last-child:after{display: none;}
.no-after:before,.no-after:after{display: none;}
.pro-cp-list{position: relative;padding-left: 3.5em;}
.pro-cp-list:before{content: '采购产品:';position: absolute;left: 0;top: 0;font-size: 12px;color: #999;}
.pro-cp-list>li{font-size: 12px;color: #999;}
.my-confirm-btn{border-radius: 20px;border: 1px solid #63ccde;color: #63ccde;padding: 6px 14px;}
.my-confirm-btn:active{background-color: #63ccde !important;color: #fff !important;}
.pro-li-tit{margin-bottom: 10px;color: #5882f7;}
.top-center{vertical-align:top !important;}
.my-table-view-order>li .my-view-no:after,.my-table-view-order>li .my-view-no:before{display: none;}
#pullrefresh_list{top: 45px;}
.mui-pull-caption{font-size: 12px !important;}
.cl-green{color: #4dc572;}
.add-btn{color: #63ccde;border: 1px solid #63ccde;background-color: #fff; width: 60px;height: 60px;text-align: center;line-height: 80px;border-radius: 60px; position: fixed;bottom: 30px;right: 12px;z-index: 3;}
.add-btn:after{content: '\e468';font-family: Muiicons;
font-size: 28px;
font-weight: 700;
font-style: normal;
line-height: 1;
display: inline-block;
text-decoration: none;
-webkit-font-smoothing: antialiased;position: fixed;bottom: 55px;right: 28px;}
.img-list>img{margin:5px 10px 5px 0;width: 65px; max-width: 65px;}
#textarea{font-size: 14px;margin-bottom: 0;}
.buy-footer {position: fixed;bottom: 0;left: 0;height: 50px;background-color: #5882f7;width: 100%;padding: 0;display: table;text-align: center;box-shadow: 0 0 0 #000;}
.buy-footer>div:first-child {display: table-cell;width: 40%;border-top: 1px solid #55c0dc;vertical-align: middle;}
.buy-footer>div:first-child img{width: 80%;padding-top: 3px;}
.buy-footer>div:nth-of-type(2) {display: table-cell;width: 30%;background: #a6c8ce;font-size: 18px;color: #fff;vertical-align: middle;}
.buy-footer>div:last-child {display: table-cell;width: 30%;background: #55c0dc;font-size: 18px;color: #fff;vertical-align: middle;}
.buy-footer.mui-bar .mui-btn{top: 0;line-height: 50px;padding: 0;}
.my-btn-hand{display:table-cell;width: 50%;height: 50px;background-color: #eef2fe;color: #5882f7;border: 0;border-radius: 0;font-size: 18px;}
.my-btn-send{display:table-cell;width: 100%; height: 50px;background-color: #eef2fe;color: #5882f7;border: 0;border-radius: 0;font-size: 18px;}
.my-btn-hand.btn-block{width: 100%;}
.my-btn-hand.active,.my-btn-send.active{background-color: #5882f7;color: #fff;}
.my-btn-hand:active,.my-btn-send:active{background-color: #5882f7 !important;color: #fff !;}
article, section, time, aside {
display: block;
}
.point-time {
content: "";
position: absolute;
width: 50px;
height: 50px;
line-height: 50px;
top: 0px;
left: 10%;
background: #5882f7;
margin-left: -23px;
border-radius: 50%;
box-shadow: 0 0 0 5px #fff;
text-align: center;
color: #fff;
font-size: 14px;
}
.content {
width: 100%;
margin: 0 auto;
}
.content article {
position: relative;
}
.content article > h3 {
width: 100%;
height: 20px;
line-height: 20px;
text-align: left;
text-indent: 3%;
font-size: 1.4em;
color: #fff;
padding: 10px 0 20px;
background-color: #dd6d01;
}
.content article section {
padding: 0 0 7px;
position: relative;
}
.content article section:before {
content: "";
width: 2px;
top: 17px;
bottom: 8px;
left: 10%;
background: #bbb;
position: absolute;
}
.content article section:after{
position: absolute;
width: 6px;
height: 6px;
content: "";
display: inline-block;
border-top: 2px solid #bbb;
border-right: 2px solid #bbb;
transform: rotate(135deg);
bottom: 7px;
left: 10%;
margin-left: -3px;
}
.content article section:last-child:before,.content article section:last-child:after{
display: none;
}
.content article section time {
width: 25%;
display: block;
position: absolute;
}
.content article section time > span {
display: block;
text-align: center;
}
.content article section aside {
color: #3a3a38;
margin-left: 20%;
padding-bottom: 15px;
padding-top: 2px;
}
.content article section aside .things{color:#222;margin-top: 3px;margin-bottom: 3px;}
.content article section aside .things.action{color:#222;margin-top: 12px;}
.content article section .brief {
color: #9f9f9f;
word-break: break-all;
}
.app-show{display: none;}
.app-hide{display: block;}
.lack{position: absolute;right: 30px;top: 10px;font-size: 14px;color: #f00;}
</style>
<script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
<script>
//屏蔽分享
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
WeixinJSBridge.call('hideOptionMenu');
});
</script>
</head>
<body class="mui-fullscreen">
<!-- 加载ing begin-->
<div class="loading covers">
<div class="loading-bj"></div>
<p>正在加载...</p>
</div>
<!-- 加载ing end -->
<!--页面主结构开始-->
<div id="app" class="mui-views">
<div class="mui-view">
<div class="mui-navbar" style="display: none;">
</div>
<div class="mui-pages">
</div>
</div>
</div>
<!--页面主结构结束-->
<!--单页面开始-->
<div id="setting" class="mui-page">
<!--页面主内容区开始-->
<div class="mui-navbar-inner mui-bar mui-bar-nav" style="display: none;">
</div>
<div class="mui-page-content">
<div class="mui-scroll-wrapper">
<div class="mui-scroll">
<nav class="mui-bar mui-bar-tab buy-footer">
<!--<button type="button" class="mui-btn my-btn-hand">驳回审批</button>
<button type="button" class="mui-btn my-btn-hand active">审批通过</button>-->
<!--<button type="button" class="mui-btn my-btn-hand">评论</button>
<button type="button" class="mui-btn my-btn-hand active">撤销</button>-->
<!--<button type="button" class="mui-btn my-btn-send active">评论</button>-->
<!--<button type="button" class="mui-btn my-btn-send active">提交申请</button>-->
</nav>
<!--容器-->
<div class="mui-content">
<!--列表-->
<ul class="my-table-view-order">
<li>
<ul class="mui-table-view mui-grid-view my-view-no">
<li class="mui-table-view-cell mui-media mui-col-xs-12 mui-text-left">
<h6 class="cl-red" id="approvalStatusDetails"></h6>
</li>
<li class="mui-table-view-cell mui-media mui-col-xs-12 mui-text-left">
<a>
<h5>申请人：<span id="approvalApplicant"></span></h5>
<h5>申请时间：<span id="approvalCreateTime"></span></h5>
<h5>订单名称：<span id="orderName"></span></h5>
<h5 class="app-show">订单编号：<span id=""></span></h5>
<h5 class="app-show">提货原因：<span id="applyPickReason"></span></h5>
</a>
</li>
</ul>
</li>
<li>
<ul class="mui-table-view mui-grid-view my-view-no">
<li class="mui-table-view-cell mui-media mui-col-xs-12 mui-text-left">
<a>
<div class="pro-li-tit">客户信息</div>
<h5>公司名称：<span id="companyName"></span></h5>
<h5>联系人：<span id="contactName"></span></h5>
<h5>联系电话：<span id="contactTel"></span></h5>
</a>
</li>
</ul>
</li>
<li>
<ul class="mui-table-view mui-grid-view my-view-no">
<li class="mui-table-view-cell mui-media mui-col-xs-12 mui-text-left">
<a>
<div class="pro-li-tit">订单信息</div>
<ul class="my-order-view">
<!--<li>
<ul>
<li><span class="cl-blue">产品明细 1</span></li>
<li>产品名称：优尼雅净水机</li>
<li>产品品牌：美国watero</li>
<li>产品型号：wb-1</li>
<li>产品颜色：黑色</li>
<li>产品数量：100台</li>
<li>箱 / 套数：100</li>
</ul>
</li>-->
</ul>
</a>
</li>
</ul>
</li>
<li class="app-hide">
<ul class="mui-table-view mui-grid-view my-view-no">
<li class="mui-table-view-cell mui-media mui-col-xs-12 mui-text-left">
<a>
<div class="pro-li-tit">交付信息</div>
<h5>期望交付：<span id="productionDeliveryDate"></span></h5>
<h5>交付方式：<span id="productionDeliveryWay"></span></h5>
<h5 class="word-break">交付备注：<span id="productionDeliveryDesc"></span></h5>
</a>
</li>
</ul>
</li>
<li class="app-hide">
<ul class="mui-table-view mui-grid-view my-view-no">
<li class="mui-table-view-cell mui-media mui-col-xs-12 mui-text-left">
<a>
<div class="pro-li-tit">包装说明</div>
<h5 class="word-break" id="productionPackingWay"></h5>
</a>
</li>
</ul>
</li>
<li class="app-hide">
<ul class="mui-table-view mui-grid-view my-view-no">
<li class="mui-table-view-cell mui-media mui-col-xs-12 mui-text-left">
<a>
<div class="pro-li-tit">合同信息</div>
<h5>合同名称：<span id="contractName"></span></h5>
</a>
</li>
<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-text-left">
<h5>合同图片：</h5>
</li>
<li class="mui-table-view-cell mui-media mui-col-xs-9 mui-text-left img-list" id="img-type1">
<!--<img width="60px" src="images/certificate1.jpg" />-->
</li>
<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-text-left img-type2">
<h5>合同附件：</h5>
</li>
<li class="mui-table-view-cell mui-media mui-col-xs-9 mui-text-left img-list" id="img-type2">
<!--<img width="60px" src="images/certificate1.jpg" />-->
</li>
</ul>
</li>
<li class="app-show">
<ul class="mui-table-view mui-grid-view my-view-no">
<li class="mui-table-view-cell mui-media mui-col-xs-12 mui-text-left">
<a>
<div class="pro-li-tit">提货凭证</div>
</a>
</li>
<li class="mui-table-view-cell mui-media mui-col-xs-12 mui-text-left img-list" id="img-type3">
<!--<img src="images/certificate1.jpg" />-->
</li>
</ul>
</li>
<li>
<ul class="mui-table-view mui-grid-view my-view-no">
<li class="mui-table-view-cell mui-media mui-col-xs-12 mui-text-left">
<a>
<div class="pro-li-tit">订单备注</div>
<h5 class="word-break" id="approvalRemark"></h5>
</a>
</li>
</ul>
</li>
<li>
<ul class="mui-table-view mui-grid-view my-view-no">
<li class="mui-table-view-cell mui-media mui-col-xs-12 mui-text-left">
<div class="pro-li-tit">审核流程<span class="mui-h6">（已预设流程）</span></div>
</li>
<li class="mui-table-view-cell mui-media mui-col-xs-12 mui-text-left">
<div class="container">
<div class="content">
<article class="approval-content">
<!--<section>
<span class="point-time">张三</span>
<aside>
<p class="things">
张三：<span class="cl-green">审核通过</span><span class=" mui-h6 mui-pull-right">2018-08-02 12:00</span>
</p>
<p class="brief">
请生产部门尽快完成，并给配送,You reached 500 followers on Twitter,New job position as Senior Designer at Fantasy Interactive
</p>
</aside>
</section>-->
</article>
</div>
</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<!--页面主内容区结束-->
</div>
<!--单页面结束-->
<div id="account" class="mui-page">
<div class="mui-navbar-inner mui-bar mui-bar-nav">
<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-center mui-title">账号与安全</h1>
</div>
<div class="mui-page-content">
<div class="mui-scroll-wrapper">
<div class="mui-scroll" style="min-height: 100%;">
<form class="mui-input-group my-input-group view-none">
<ul class="pro-list" >
<li style="border: 0;">
<div class="mui-input-row my-tit-row no-after">
<label style="width:100%;"><h4>订单产品<span class="mui-h5 mui-pull-right approvalCreateTime"></span></h4></label>
</div>
<ul class="pro-iteam-list">
<!--<li>
<div class="mui-input-row">
<label>产品名称</label>
<input type="text" readonly="readonly" subparam="itemProductName" value="优尼雅净水机">
</div>
<div class="mui-input-row">
<label>品牌名称</label>
<input type="text" readonly="readonly" subparam="itemBrandName" value="美国watero">
</div>
<div class="mui-input-row">
<label>产品型号</label>
<input type="text" readonly="readonly" subparam="itemProductModel" value="wb-1">
</div>
<div class="mui-input-row">
<label>产品颜色</label>
<input type="text" readonly="readonly" subparam="itemColorName" value="黑色">
</div>
<div class="mui-input-row">
<label>产品数量</label>
<input type="tel" readonly="readonly" subparam="itemProductNum" value="100台">
</div>
<div class="mui-input-row">
<label>箱 / 套数</label>
<input type="tel" readonly="readonly" subparam="itemProductBoxNumber" value="100">
</div>
<div class="mui-input-row">
<label>已入库</label>
<input type="tel" readonly="readonly" subparam="itemProductBoxNumber" value="50台">
<span class="lack">缺50台</span>
</div>
<div class="mui-input-row no-after">
<label>入库数量</label>
<input type="text" reg="num" subparam="itemProductNum" placeholder="请输入入库数量（1~100台）">
</div>
</li>-->
</ul>
</li>
</ul>
<nav class="mui-bar mui-bar-tab buy-footer"><a class="mui-btn my-btn-send btn-block active">确认入库</a></nav>
</div>
</div>
</form>
</div>
</div>
<script src="js/mui.min.js"></script>
<script src="js/mui.view.js "></script>
<script src="js/jquery-2.1.1.min.js"></script>
<script src="js/main.js"></script>
<script>
var approvalId=getParam("id"),type=getParam("type"),approvalType=getParam("approvalType"),adminId='',contactName='',inventoryRecordss=[],editData='';
mui.init();
//初始化单页view
var viewApi = mui('#app').view({
defaultPage: '#setting'
});
//初始化单页的区域滚动
mui('.mui-scroll-wrapper').scroll();
mui.ready(function() {
$.ajax(base_path + '/approval/getApprovalInfo?dates=' + new Date().getTime(), {
data: {
"approvalId": approvalId
},
dataType: 'json',
xhrFields: {
withCredentials: true
},
crossDomain: true,
type: 'post',
timeout: 15000,
success: function(dt) {
if(dt.isRedirect) {
location.href = dt.redirectURL;
} else {
if(dt.returnCode == "200") {
console.log(dt);
var appro=dt.returnMsg.approvalInfo.approvalProduction;
editData=dt;
$("#approvalStatusDetails").text(dt.returnMsg.approvalInfo.approvalStatusDetails);
$("#approvalApplicant").text(dt.returnMsg.approvalInfo.approvalApplicant);
$("#approvalCreateTime,.approvalCreateTime").text(formatDateMinute(dt.returnMsg.approvalInfo.approvalCreateTime));
var table=document.body.querySelector(".my-order-view"), table1=document.body.querySelector(".pro-iteam-list");
var str='';
if(approvalType==1){
$("#orderName").text(appro.orderName);
$("#contactName").text(appro.contactName);
$("#companyName").text(appro.companyName);
$("#contactTel").text(appro.contactTel);
contactName=appro.contactName;
mui(appro.listProductionItem).each(function (index, el) {
var li = document.createElement('li');
li.innerHTML='<ul><li><span class="cl-blue">产品明细 '+(index+1)+'</span></li><li>产品名称：'+this.itemProductName+'</li><li>产品品牌：'+this.itemBrandName+'</li><li>产品型号：'+this.itemProductModel+'</li><li>产品颜色：'+this.itemColorName+'</li><li>产品数量：'+this.itemProductNum+this.itemProductUnit+'</li><li>箱 / 套数：'+this.itemProductBoxNumber+'</li></ul>';
table.appendChild(li);
var li1=document.createElement("li");
li1.setAttribute("proId",this.productionId);
li1.setAttribute("itemId",this.itemId);
li1.innerHTML='<div class="mui-input-row"><label>产品名称</label><input type="text" readonly="readonly" subparam="itemProductName" value="'+this.itemProductName+'"></div><div class="mui-input-row"><label>品牌名称</label><input type="text" readonly="readonly" subparam="itemBrandName" value="'+this.itemBrandName+'"></div><div class="mui-input-row"><label>产品型号</label><input type="text" readonly="readonly" subparam="itemProductModel" value="'+this.itemProductModel+'"></div><div class="mui-input-row"><label>产品颜色</label><input type="text" readonly="readonly" subparam="itemColorName" value="'+this.itemColorName+'"></div><div class="mui-input-row"><label>产品数量</label><input type="tel" readonly="readonly" value="'+this.itemProductNum+this.itemProductUnit+'"></div><div class="mui-input-row"><label>箱 / 套数</label><input type="tel" readonly="readonly" subparam="itemProductBoxNumber" value="'+this.itemProductBoxNumber+'"></div><div class="mui-input-row"><label>已入库</label><input style="width: 35%;float: left;padding-right: 0;" type="tel" readonly="readonly" subparam="itemProductBoxNumber" value="'+this.itemActualStorage+this.itemProductUnit+'"><span class="lack">缺'+this.itemLackNumber+this.itemProductUnit+'</span></div><div class="mui-input-row no-after"><label>入库数量</label><input type="text" reg="num" subparam="itemProductNum" maxnum="'+this.itemLackNumber+'" maxlength="'+(this.itemLackNumber).toString().length+'" placeholder="请填写入库数量（1~'+this.itemLackNumber+this.itemProductUnit+'）"></div>';
table1.appendChild(li1);
});
if(appro.productionDeliveryDate<new Date().getMinutes()){
str=time_before(appro.productionDeliveryDate);
}else{
str="已超过交付时间";
}
$("#productionDeliveryDate").html(formatDateFull(appro.productionDeliveryDate)+'<span class="mui-h6">（'+str+'）</span>');
$("#productionDeliveryWay").text(appro.productionDeliveryWay);
$("#productionDeliveryDesc").text(appro.productionDeliveryDesc);
$("#productionPackingWay").text(appro.productionPackingWay);
$("#contractName").text(appro.contractName);
mui(dt.returnMsg.approvalInfo.listProductionContract).each(function (index, el) {
if(this.contractType==1){
$("#img-type1").append('<img src="'+ this.contractUrl+'">');
}else{
$("#img-type2").append('<img src="'+ this.contractUrl+'">');
}
if($("#img-type2 img").length<1){
$("#img-type2,.img-type2").hide();
}else{
$("#img-type2,.img-type2").show();
}
});
}else{
$(".app-hide").hide();
$(".app-show").show();
$("#applyPickReason").text(dt.returnMsg.approvalInfo.approvalApplyPick.applyPickReason);
$("#orderName").text(dt.returnMsg.approvalInfo.approvalName);
$("#contactName").text(dt.returnMsg.approvalInfo.approvalApplyPick.applyPickName);
// $("#companyName").text();公司名称
$("#contactTel").text(dt.returnMsg.approvalInfo.approvalApplyPick.applyPickTel);
contactName=dt.returnMsg.approvalInfo.approvalApplyPick.applyPickName;
mui(dt.returnMsg.approvalInfo.approvalApplyPick.listApplyPickItem).each(function (index, el) {
var li = document.createElement('li');
li.innerHTML='<ul><li><span class="cl-blue">产品明细 '+(index+1)+'</span></li><li>产品名称：'+this.itemProductName+'</li><li>产品品牌：'+this.itemBrandName+'</li><li>产品型号：'+this.itemProductModel+'</li><li>产品颜色：'+this.itemColorName+'</li><li>产品数量：'+this.itemProductNum+this.itemProductUnit+'</li><li>箱 / 套数：'+this.itemProductBoxNumber+'</li></ul>';
table.appendChild(li);
});
str=time_before(dt.returnMsg.approvalInfo.approvalApplyPick.applyPickCreateTime);
mui(dt.returnMsg.approvalInfo.listProductionContract).each(function (index, el) {
$("#img-type3").append('<img src="'+ this.contractUrl+'">');
});
}
adminId=dt.returnMsg.approvalInfo.adminId;
//1:待审批2:已审批3:已驳回4:已完成部分审批5:待入库6:部分入库7:全部入库8:已发货9:已撤销
$("#approvalRemark").text(dt.returnMsg.approvalInfo.approvalRemark);
if(type==1){
switch (dt.returnMsg.approvalInfo.approvalStatus){
case 1:
if(dt.returnMsg.adminid==dt.returnMsg.approvalInfo.adminId){
$("#setting .buy-footer").html('<button type="button" class="mui-btn my-btn-hand btn-block active" status="3">撤销</button>');
}else{
$("#setting .buy-footer").hide();
}
break;
case 2:
$("#setting .buy-footer").hide();
break;
case 3:
if(dt.returnMsg.adminid==dt.returnMsg.approvalInfo.adminId){
$("#setting .buy-footer").html('<button type="button" class="mui-btn my-btn-hand btn-block active" status="3">撤销</button>');
}else{
$("#setting .buy-footer").hide();
}
break;
case 4:
$("#setting .buy-footer").hide();
break;
case 5:
$("#setting .buy-footer").hide();
break;
case 6:
$("#setting .buy-footer").hide();
break;
case 7:
$("#setting .buy-footer").hide();
break;
case 8:
if(dt.returnMsg.adminid==dt.returnMsg.approvalInfo.adminId){
$("#setting .buy-footer").html('<button type="button" class="mui-btn my-btn-hand" btn-block status="7">已发货</button>');
}else{
$("#setting .buy-footer").hide();
}
break;
case 9:
if(dt.returnMsg.adminid==dt.returnMsg.approvalInfo.adminId){
$("#setting .buy-footer").html('<button type="button" class="mui-btn my-btn-hand btn-block active" status="9">重新填写</button>');
}else{
$("#setting .buy-footer").hide();
}
break;
default:
break;
}
}else if(type==2){
if(dt.returnMsg.historicalRecord!=null){
switch (dt.returnMsg.approvalInfo.approvalStatus){
case 1:
if(dt.returnMsg.adminid==dt.returnMsg.historicalRecord.adminId){
$("#setting .buy-footer").html('<a class="mui-btn my-btn-hand" status="2">驳回审批</a><a class="mui-btn my-btn-hand active" status="1">审批通过</a>');
}else{
$("#setting .buy-footer").hide();
}
break;
case 2:
if(dt.returnMsg.adminid==dt.returnMsg.historicalRecord.adminId){
$("#setting .buy-footer").html('<button type="button" class="mui-btn my-btn-hand btn-block active" status="4">评论</button>');
}else{
$("#setting .buy-footer").hide();
}
break;
case 3:
if(dt.returnMsg.adminid==dt.returnMsg.historicalRecord.adminId){
$("#setting .buy-footer").html('<button type="button" class="mui-btn my-btn-hand btn-block active" status="4">评论</button>');
}else{
$("#setting .buy-footer").hide();
}
break;
case 4:
if(dt.returnMsg.adminid==dt.returnMsg.historicalRecord.adminId){
$("#setting .buy-footer").html('<button type="button" class="mui-btn my-btn-hand btn-block active" status="4">评论</button>');
}else{
$("#setting .buy-footer").hide();
}
break;
case 5:
if(dt.returnMsg.adminid==dt.returnMsg.historicalRecord.adminId){
$("#setting .buy-footer").html('<button type="button" class="mui-btn my-btn-hand btn-block active" status="4">评论</button>');
}else{
$("#setting .buy-footer").hide();
}
break;
case 6:
if(dt.returnMsg.adminid==dt.returnMsg.historicalRecord.adminId){
$("#setting .buy-footer").html('<button type="button" class="mui-btn my-btn-hand btn-block active" status="4">评论</button>');
}else{
$("#setting .buy-footer").hide();
}
break;
case 7:
if(dt.returnMsg.adminid==dt.returnMsg.historicalRecord.adminId){
$("#setting .buy-footer").html('<button type="button" class="mui-btn my-btn-hand" status="4">评论</button><button type="button" class="mui-btn my-btn-hand active" status="6">入库记录</button>');
}else{
$("#setting .buy-footer").hide();
}
break;
case 8:
if(dt.returnMsg.adminid==dt.returnMsg.historicalRecord.adminId){
$("#setting .buy-footer").html('<button type="button" class="mui-btn my-btn-hand btn-block" status="7">已发货</button>');
}else{
$("#setting .buy-footer").hide();
}
break;
case 9:
if(dt.returnMsg.adminid==dt.returnMsg.historicalRecord.adminId){
$("#setting .buy-footer").html('<button type="button" class="mui-btn my-btn-hand btn-block" status="8">已撤销</button>');
}else{
$("#setting .buy-footer").hide();
}
break;
default:
break;
}}else{
$("#setting .buy-footer").hide();
}
}else{
if(dt.returnMsg.historicalRecord!=null){
switch (dt.returnMsg.approvalInfo.approvalStatus){
case 1:
$("#setting .buy-footer").hide();
break;
case 2:
if(dt.returnMsg.adminid==dt.returnMsg.historicalRecord.adminId){
$("#setting .buy-footer").html('<a href="#account" class="mui-btn my-btn-send btn-block active" status="5">确认入库</a>');
}else{
$("#setting .buy-footer").hide();
}
break;
case 3:
$(".buy-footer").hide();
break;
case 4:
$(".buy-footer").hide();
break;
case 5:
if(dt.returnMsg.adminid==dt.returnMsg.historicalRecord.adminId){
$("#setting .buy-footer").html('<a href="#account" class="mui-btn my-btn-send btn-block active" status="5">确认入库</a>');
}else{
$("#setting .buy-footer").hide();
}
break;
case 6:
if(dt.returnMsg.adminid==dt.returnMsg.historicalRecord.adminId){
$("#setting .buy-footer").html('<a href="#account" class="mui-btn my-btn-send btn-block active" status="5">确认入库</a>');
}else{
$("#setting .buy-footer").hide();
}
break;
case 7:
if(dt.returnMsg.adminid==dt.returnMsg.historicalRecord.adminId){
$("#setting .buy-footer").html('<button type="button" class="mui-btn my-btn-hand" status="6">入库记录</button><a class="mui-btn my-btn-hand active" status="5">发货</a>');
}else{
$("#setting .buy-footer").hide();
}
break;
case 8:
if(dt.returnMsg.adminid==dt.returnMsg.historicalRecord.adminId){
$("#setting .buy-footer").html('<button type="button" class="mui-btn my-btn-hand btn-block" status="7">已发货</button>');
}else{
$("#setting .buy-footer").hide();
}
break;
case 9:
if(dt.returnMsg.adminid==dt.returnMsg.historicalRecord.adminId){
$("#setting .buy-footer").html('<button type="button" class="mui-btn my-btn-hand btn-block" status="8">已撤销</button>');
}else{
$("#setting .buy-footer").hide();
}
break;
default:
break;
}
}else{
$("#setting .buy-footer").hide();
}
}
var tb=document.body.querySelector(".approval-content");
mui(dt.returnMsg.approvalInfo.listHistoricalRecord).each(function (index, el) {
var th=this,li=document.createElement("section"),str='',name=th.adminName,status='',action='action';
if(typeof(th.listProcessInfo).length>0 || typeof(th.listProcessInfo)!="undefined"){
mui(th.listProcessInfo).each(function (index, el) {
if(typeof(this.processDesc)!="undefined"){
str+='<p class="brief">'+this.processDesc+'</p>';
}
});
}else{
str+='<p class="brief"> </p>';
}
if(name.length>2){
name=name.substring(name.length-2);
}
switch (th.recordState){
case 1:
status='<span class="cl-red">待审核</span>';
break;
case 2:
status='<span class="cl-green">审核通过</span>';
break;
case 3:
status='<span class="cl-red">驳回申请</span>';
break;
default:
break;
}
var time='';
if(this.recordState!=1){
time=formatDateMinute(th.approvalTime);
}
// if(type==1){
// if(index==0){
// action="action";
// }else{
// action=''
// }
// }else if(type==2){
// if(th.taskId==dt.returnMsg.historicalRecord.taskId){
// action='action';
// }else{
// action=''
// }
// }else{
//
// }
li.innerHTML='<span class="point-time">'+name+'</span><aside><p class="things '+action+'">'+th.adminName+'：'+status+'<span class=" mui-h6 mui-pull-right">'+time+'</span></p>'+str+'</aside>';
console.log(li)
tb.appendChild(li);
});
}else{
mui.alert("获取数据失败！");
}
}
},
error: function(xhr, type, errorThrown) {
console.log(xhr);
mui.alert("获取数据失败！网络错误");
}
});
$(".loading").hide().css("opacity", "0");
});
$(document).on('tap','.my-btn-hand',function(){
console.log("222222")
var th=$(this),status='',txt='';
var parameter = {};
switch (th.attr("status")){
case "1":
status=1;
break;
case "2":
status=2;
break;
case "3":
status=3;
break;
case "4":
status=4;
var btnArray = ['取消', '提交'];
mui.prompt(' ', '请输入评论内容', '评论', btnArray, function(e) {
if (e.index == 1) {
if(e.value!=''){
var reg_Ch_En_Num = /^[A-Za-z0-9~!@#$%^&*()_+={}|<>?:;'"！@￥…（）｛｝【】《》/`、；‘’：\-—“”，。,.？·_\-\u4e00-\u9fa5]{1,140}$/; //简体中文英文数字，常用符号(1-140位)
if(reg_Ch_En_Num.test(e.value)) {
txt=e.value;
parameter["approvalDetails"]=txt;
updateinfo(parameter);
}else{
mui.toast("评论内容格式错误，请重新输入！");
}
}else{
mui.toast("您还没有输入评论内容哦！");
}
}
})
break;
case "5":
break;
case "6":
location.href='';
break;
case "7":
break;
case "8":
break;
case "9":
if(!window.sessionStorage) {
mui.alert("您的浏览器不支持sessionStorage");
} else {
//json格式化插入
sessionStorage.setItem('editData', JSON.stringify(editData));
location.href='submit_apply_order.html';
}
break;
default:
break;
}
parameter["status"]=status;
parameter["approvalId"]=approvalId;
parameter["approvalType"]=approvalType;
parameter["adminId"]=adminId;
parameter["contactName"]=contactName;
console.log(parameter);
if(status<4){
updateinfo(parameter);
}
});
var check = false,msg = '';
$(document).on('tap','#account .my-btn-send',function(){
mui(".pro-iteam-list input[subparam=itemProductNum]").each(function() {
//若当前input为空，则alert提醒
var th = this;
var label = th.previousElementSibling;
if(!th.value || (th.value).trim() == "") {
msg = label.innerText + "不允许为空";
check = false;
return false;
} else {
checkReg(th, label);
}
});
if(check){
var arr=[];
mui(".pro-iteam-list>li").each(function (index, el) {
if($(this).find("input[subparam=itemProductNum]").parent().hasClass("check")){
var parameter = {};
parameter["approvalId"]=this.getAttribute("proid");
parameter["itemId"]=this.getAttribute("itemid");
parameter["actualStorage"]=$(this).find("input[subparam=itemProductNum]").val();
arr.push(parameter);
}
});
console.log(JSON.stringify(arr));
$.ajax(base_path + '/approval/addInventoryRecords?dates=' + new Date().getTime(), {
data: {
"inventoryRecordss":JSON.stringify(arr)
},
dataType: 'json',
xhrFields: {
withCredentials: true
},
crossDomain: true,
traditional: true, //防止深度序列化
type: 'post',
timeout: 15000,
success: function(dt) {
console.log(dt)
if(dt.isRedirect) {
location.href = dt.redirectURL;
} else {
if(dt.returnCode == "200") {
mui.alert("提交入库成功！", function() {
location.reload();
// if(viewApi.canBack()) { //如果view可以后退，则执行view的后退
// viewApi.back();
// }
});
} else {
mui.alert("提交入库失败！");
}
}
},
error: function(xhr, type, errorThrown) {
console.log(xhr);
mui.alert("提交入库失败！网络错误");
}
});
}else{
mui.alert(msg);
}
});
function updateinfo(obj){
$.ajax(base_path + '/approval/updateApprovalInfo?dates=' + new Date().getTime(), {
data: obj,
dataType: 'json',
xhrFields: {
withCredentials: true
},
crossDomain: true,
traditional: true, //防止深度序列化
type: 'post',
timeout: 15000,
success: function(dt) {
console.log(dt)
if(dt.isRedirect) {
location.href = dt.redirectURL;
} else {
if(dt.returnCode == "200") {
mui.alert("提交成功！", function() {
location.reload();
});
} else {
mui.alert("提交失败！");
}
}
},
error: function(xhr, type, errorThrown) {
console.log(xhr);
mui.alert("提交失败！网络错误");
}
});
};
function checkReg(th, label) {
var reg_Tel = /^(0?(13|14|15|18|19)[\d]{9}$|(01|02|03|04|05|06|07|08|09)[\d]{7,10}$|(400|800)[0-9]{7}$)/; //手机,座机(400-800)
var reg_Ch = /^[\u4e00-\u9fa5]{2,}$/; //简体中文(2位以上)
var reg_Int = /^[1-9]\d*$/; //正整数0以上
var reg_Ch_Num = /^[0-9~!@#$%^&*()_+={}|<>?:;'"！@￥…（）｛｝【】《》/`、；‘’：\-—“”，。,.？·_\-\u4e00-\u9fa5]{1,140}$/; //简体中文数字,常用符号(1位以上)
var reg_En_Num = /^[A-Za-z0-9~!@#$%^&*()_+={}|<>?:;'"！@￥…（）｛｝【】《》/`、；‘’：\-—“”，。,.？·]{1,}$/; //英文数字,常用符号(1位以上)
var reg_Ch_En_Num = /^[A-Za-z0-9~!@#$%^&*()_+={}|<>?:;'"！@￥…（）｛｝【】《》/`、；‘’：\-—“”，。,.？·_\-\u4e00-\u9fa5]{1,140}$/; //简体中文英文数字，常用符号(1-140位)
var reg_Date = /^([0-9]{3}[1-9]|[0-9]{2}[1-9][0-9]{1}|[0-9]{1}[1-9][0-9]{2}|[1-9][0-9]{3})-(((0[13578]|1[02])-(0[1-9]|[12][0-9]|3[01]))|((0[469]|11)-(0[1-9]|[12][0-9]|30))|(02-(0[1-9]|[1][0-9]|2[0-8])))/; //日期(2018-11-11)
switch(th.getAttribute("reg")) {
case "ch":
if(reg_Ch.test(th.value)) {
check = true;
$(th).parent().addClass("check").removeClass("error");
} else {
check = false;
$(th).parent().removeClass("check").addClass("error");
msg = label.innerText + "格式错误";
}
break;
case "num":
if(reg_Int.test(th.value)) {
if(th.value<=parseInt(th.getAttribute("maxnum"))){
check = true;
$(th).parent().addClass("check").removeClass("error");
}else{
check = false;
$(th).parent().removeClass("check").addClass("error");
msg = label.innerText + "不能超过可入库数量";
}
} else {
check = false;
$(th).parent().removeClass("check").addClass("error");
msg = label.innerText + "格式错误";
}
break;
case "ch_num":
if(reg_Ch_Num.test(th.value)) {
check = true;
$(th).parent().removeClass("error").addClass("check");
} else {
check = false;
$(th).parent().removeClass("check").addClass("error");
msg = label.innerText + "格式错误";
}
break;
case "en_num":
if(reg_En_Num.test(th.value)) {
check = true;
$(th).parent().removeClass("error").addClass("check");
} else {
check = false;
$(th).parent().removeClass("check").addClass("error");
msg = label.innerText + "格式错误";
}
break;
case "ch_en_num":
if(reg_Ch_En_Num.test(th.value)) {
check = true;
$(th).parent().removeClass("error").addClass("check");
} else {
check = false;
$(th).parent().removeClass("check").addClass("error");
msg = label.innerText + "格式错误";
}
break;
case "date":
if(reg_Date.test(th.value)) {
check = true;
$(th).parent().removeClass("error").addClass("check");
} else {
check = false;
$(th).parent().removeClass("check").addClass("error");
msg = label.innerText + "格式错误";
}
break;
case "tel":
if(reg_Tel.test(th.value)) {
check = true;
$(th).parent().addClass("check").removeClass("error");
} else {
check = false;
$(th).parent().removeClass("check").addClass("error");
msg = label.innerText + "格式错误";
}
break;
default:
break;
}
}
//监听文本框
$(document).on('input', ".pro-iteam-list input[reg]", function() {
var th = this,
val = th.value;
var label = th.previousElementSibling;
//禁止用户输入空格
if(val.indexOf(" ") != -1) {
val = val.replace(" ", "");
$(th).val(val);
}
if(!val || val == "") {
$(th).parent().removeClass("check error");
} else {
checkReg(th, label);
}
});
</script>
</body>
</html>