detail.html 4.8 KB
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="__TMPL__/public/mobile/css/swiper-4.3.5.min.css" />
    <link rel="stylesheet" type="text/css" href="__TMPL__/public/mobile/css/init.css" />
    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_734777_vnh7328kh.css" />
    <link rel="stylesheet" type="text/css" href="__TMPL__/public/mobile/css/augly.css" />
    <link rel="stylesheet" type="text/css" href="__TMPL__/public/mobile/css/pay/order_confirm.css" />
    <script src="__TMPL__/public/mobile/js/base.js" type="text/javascript" charset="utf-8"></script>
    <title>订单详情</title>
    <style type="text/css">

    </style>
</head>

<body>
<div class="content_height">
    <div class="header">
        <div class="return">
            <span class="back_href">
                <i class="iconfont icon-jiantou-copy"></i>返回
            </span>
        </div>
        订单详情
    </div>
    <div class="header_place"></div>

    <!--宝宝信息-->
    <div class="order_item">
        <div class="item_tit">
            <i class="iconfont icon-icon-test1"></i>基本信息
        </div>
        <volist name="orderInfo.groupA" id="vo">
            <div class="item_info">
                <p class="info_item">{$vo.name}</p>
                <p>{$vo.user_choose}</p>
            </div>
        </volist>
    </div>

    <notempty name="orderInfo.groupB">
        <!--订购信息-->
        <div class="order_item">
            <div class="item_tit">
                <i class="iconfont icon-icon-test2"></i>订购人信息
            </div>
            <volist name="orderInfo.groupB" id="vo">
                <div class="item_info">
                    <p class="info_item">{$vo.name}</p>
                    <p>{$vo.user_choose}</p>
                </div>
            </volist>
        </div>
    </notempty>

    <notempty name="orderInfo.groupC">
        <!--收货信息-->
        <div class="order_item">
            <div class="item_tit">
                <i class="iconfont icon-shouhuodizhi"></i>收货信息
            </div>
            <volist name="orderInfo.groupC" id="vo">
                <div class="item_info">
                    <p class="info_item">{$vo.name}</p>
                    <p>{$vo.user_choose}</p>
                </div>
            </volist>
        </div>
    </notempty>

    <notempty name="orderInfo.groupD">
        <!--订购信息-->
        <div class="order_item">
            <div class="item_tit">
                <i class="iconfont icon-gouwugouwuchedinggou"></i>订购信息
            </div>
            <volist name="orderInfo.groupD" id="vo">
                <eq name="vo.type" value="8">
                    <div class="item_info">
                        <p class="info_item" style="display: flex;align-items: center;">{$vo.name}</p>
                        <p class="detail_image"><notempty name="vo.user_choose"><img src="{:cmf_get_asset_url($vo['user_choose'])}"/></notempty></p>
                    </div>
                    <else/>
                    <div class="item_info">
                        <p class="info_item">{$vo.name}</p>
                        <p>{$vo.user_choose}</p>
                    </div>
                </eq>
            </volist>
        </div>
    </notempty>

    <eq name="orderInfo.status" value="0">
        <div class="btn">
            修 改
        </div>
    </eq>
</div>
<div class="bottom_icon">
    <img src="__TMPL__/public/mobile/images/biglogo@2x.png" class="bottom_img" />
    <p class="bottom_text">{$site_info.site_name}</p>
</div>

<!--选择支付方式-->
<div class="mask" style="display: ;">
    <!--订单修改-->
    <div class="order_lose" style="display: block;">
        <div class="order_lose_pic">
            <img src="__TMPL__/public/mobile/images/tucengs.png"/>
        </div>
        <div class="lose_text">
            <img src="__TMPL__/public/mobile/images/closeimg.png" class="change_close close"/>
            <p class="change_text_o">抱歉,客户已支付订单</p>
            <p class="change_text_o" style="margin-top: 0.16rem;">您无法进行修改</p>
            <p class="change_btnt">确认</p>
        </div>
    </div>
</div>
<script src="__TMPL__/public/mobile/js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
<script src="__TMPL__/public/mobile/js/swiper-4.3.5.min.js" type="text/javascript" charset="utf-8"></script>
<script src="__TMPL__/public/mobile/js/common.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    $('.close').click(function(){
        $('.mask').hide()
    })
    $('.btn').click(function(){
        $('.mask').show()
    })
</script>
</body>

</html>