1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177 |
- <!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>
|