<?php include_once(mvc::$cfg['PATH_TPL'].'public/headMenu.php');?>
<link rel="stylesheet" type="text/css" href="<?php echo mvc::$cfg['SYS_URL'];?>static/css/user.css?ver=<?php echo mvc::$cfg['VER']['css'];?>">
<link href="<?php echo mvc::$cfg['SYS_URL'];?>static/mui/dist/css/mui.picker.min.css" rel="stylesheet" />
<link href="<?php echo mvc::$cfg['SYS_URL'];?>static/mui/dist/css/mui.poppicker.css" rel="stylesheet" />
<header id="header" class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">填写退货物流</h1>
</header>
<div class="mui-content ord-refund">
    <form id="refund-form" action="<?php echo mvc::$cfg['SELF_URI'];?>user/submitReturnBackForm" method="post">
        <input type="hidden" name="repId" value="<?php echo $repArr['rep_id'];?>">
        <div class="apply-refund-logistics ">
            <div class="apply-refund-logistics -root">
                <div class="item-info itemInfo apply-refund-logistics -itemInfo" style="padding-left: 100px; background-color: rgb(255, 255, 255);">
                    <div class="item-img-wrap" style="left: 12px;">
                        <a href="<?php echo mvc::$cfg['SELF_URI'];?>item/info?proId=<?php echo $repArr['orp_pro_id'];?>">
                            <?php if(!empty($repArr['proPicArr']['spi_name'])){?>
                            <img class="item-img" src="<?php echo mvc::$cfg['FILE_CENTER']['b2c']['url_get'];?>&c=product&f=<?php echo $repArr['proPicArr']['spi_path'];?>100/<?php echo $repArr['proPicArr']['spi_name'].$repArr['proPicArr']['spi_ext'];?><?php echo mvc::$cfg['FILE_CENTER']['b2c']['get_uri'];?>" style="width: 76px;">
                            <?php }else{?>
                            <img class="item-img" src="<?php echo mvc::$cfg['HOST']['b2c']?>static/images/noimg.png" style="width: 76px;">
                            <?php }?>
                        </a>
                    </div>
                    <div class="item-detail">
                        <div class="item-title"><?php echo $repArr['orp_pro_name'];?></div>
                        <div class="ext-skuinfo"></div>
                    </div>
                    <div class="item-price"></div>
                    <div class="item-amount"></div>
                    <div class="item-refund-info">
                        <span class="item-refund-title"></span>
                        <span class="item-refund-price"></span>
                    </div>
                </div>
                <div class="mod-separate-line blockSeparator">
                    <div class="line"></div>
                </div>
                <div class="mod-bridge">
                    <div class="mod-label label apply-refund-logistics -logisticsCompanySelectLabel flexcell">
                        <div class="link-wrap">
                            <div class="flexcell content-wrap">
                                <div class="title-wrap flexcell shrink align-self-start align-items-center ">
                                    <div class="title flexcell align-items-center">
                                        <span>物流公司</span>
                                    </div>
                                </div>
                                <div>
                                    <input type="hidden" class="hidden-select" name="expcode">
                                    <input type="hidden" class="hidden-select" name="company">
                                </div>
                                <p class="value flexcell " id="expressResult">请选择物流公司</p>
                                <span class="right-triangle flexcell shrink"></span>
                            </div>
                        </div>
                    </div>
                    <div class="mask" id="showExpressPicker"></div>
                </div>
                <div class="mod-input input apply-refund-logistics -logisticsNOInput">
                    <label class="flexcell center">
                        <p class="title flexcell shrink">物流单号：</p>
                        <div class="input-wrap flexcell center">
                            <input type="text" class="flexcell express-num" name="number" placeholder="填写物流单号" value="">
                        </div>
                    </label>
                </div>
                <div class="mod-separate-line lineSeparator">
                    <div class="line"></div>
                </div>
                <div class="mod-separate-line blockSeparator">
                    <div class="line"></div>
                </div>
                <div class="mod-input input apply-refund-logistics -buyerSubmitLogisticsInfoArea2">
                    <label class="flexcell center">
                        <p class="title flexcell shrink">联系电话：</p>
                        <div class="input-wrap flexcell center">
                            <input type="text" class="flexcell refund-phone" name="phone" placeholder="请填写手机号码" value="">
                        </div>
                    </label>
                </div>
                <div class="mod-separate-line blockSeparator">
                    <div class="line"></div>
                </div>
                <div class="mod-input input apply-refund-logistics -buyerSubmitLogisticsInfoArea2">
                    <label class="flexcell center">
                        <p class="title flexcell shrink">退货说明：</p>
                        <div class="input-wrap flexcell center">
                            <input type="text" class="flexcell" name="instruc" placeholder="选填" value="">
                        </div>
                    </label>
                </div>
                <div class="mod-separate-line blockSeparator">
                    <div class="line"></div>
                </div>
                <div class="mod-bottomfloatcontainer" id="bottomFloatContainer_1">
                    <div class="mod-fullbuttonlist flexcell">
                        <div class="flexcell center button-item highlight"><span class="btn-content">提交</span></div>
                    </div>
                </div>
                <div id="asynNotification_1" class=""></div>
            </div>
        </div>
    </form>
</div>
<script src="<?php echo mvc::$cfg['SYS_URL'];?>static/js/user.js"></script>
<script src="<?php echo mvc::$cfg['SYS_URL'];?>static/mui/dist/js/mui.picker.min.js"></script>
<script src="<?php echo mvc::$cfg['SYS_URL'];?>static/mui/dist/js/mui.poppicker.js"></script>
<script type="text/javascript">
    var data1=<?php echo $allAddrCompanyJson;?>;
$(document).ready(function(){
    var userPicker = new mui.PopPicker();
    userPicker.setData(data1);
    var showUserPickerButton = document.getElementById('showExpressPicker');
    var userResult = document.getElementById('expressResult');
    showUserPickerButton.addEventListener('tap', function(event) {
        userPicker.show(function(items) {
            console.log(items[0]);
            userResult.innerText = JSON.stringify(items[0]['text']);
            $('input[name="expcode"]').val(items[0]['value']);
            $('input[name="company"]').val(items[0]['text']);
        });
    }, false);
    checkForm('refund-form','bottomFloatContainer_1');
})
</script>
<?php include_once(mvc::$cfg['PATH_TPL'].'public/footBase.php');?>