caolong
/
jiemit


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253
							<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!DOCTYPE HTML>
<html>
<head>
    <title id="pageTitle">接米沪牌代拍</title>
    <meta name="renderer" content="webkit"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0 user-scalable=no"/>
    <meta id="description" name="Description" content=""/>
    <meta id="key" name="Keywords" content=""/>

    <link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/static/css/swiper.min.css"/>
    <link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/static/css/common.css"/>
    <link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/static/css/index.css"/>
    <script language="javascript" type="text/javascript"
            src="${pageContext.request.contextPath}/static/js/jquery.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/static/js/swiper.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/static/js/config.js"></script>
</head>
<body class="gray ">
<div class="body_tit">
    <p class="bodytitname">确认订单</p>
    <a onclick="window.history.back()" class="back_btn"></a>
    <a href="index.html" class="home_btn"></a>
</div>
<div class="height46"></div>

<div class="msmsg">
    <img src="${pageContext.request.contextPath}/static/images/be_no2.png" alt="" class="be_icon maiint">
    <p class="msdadtie">
        标书不足6次也能下单!标书到期后,别忘了到“我的订单中找到“待续标“订单上传新标书!
    </p>
    <img src="${pageContext.request.contextPath}/static/images/close_con.png" alt="" class="be_icon marginsfd">
</div>
<div class="bgcfff overhid">
    <p class="oreder_ctit">尊享定制套餐</p>

    <p class="serc_tit">订单结束未拍中一次性赔付5000元</p>

    <div class="eprice clearfix">
        <ul>
            <li class="pgkp_li clearfix" style="border:0;">
                <div class="left_pre">
                    <p class="serc_tit">代拍价格</p>
                    <p class="seg_nuber">${meal.price}元</p>
                </div>
                <div class="linetg"></div>
                <div class="right_pre">
                    <p class="serc_tit">赔付金额</p>
                    <p class="seg_nuber">${meal.num}次不中拍赔${meal.payforprice}元</p>
                </div>
            </li>
        </ul>
    </div>
</div>

<div class="matop10 bgcfff">
    <div class="tebddc clearfix">
        <p class="tablists activest">下单信息</p>
        <p class="tablists">套餐说明</p>
        <p class="tablists">注意事项</p>
    </div>

    <div class="tab1_cont">

        <p class="pfsmed">选择标书</p>
        <c:if test="${labelbooks == null}">
            <a href="new_biding.html" class="uoloudbd">
                <img src="${pageContext.request.contextPath}/static/images/addbs.png" alt="" class="addbs">
                <p class="addbs_tixt">您还没有标书，点此上传标书</p>
            </a>
        </c:if>
        <!-- 有标书时显示 -->
        <c:if test="${labelbooks != null}">
            <c:forEach items="${labelbooks}" var="labelbook" begin="0" end="0">
                <div class="bslist">
                    <p class="fndsi">*标书</p>
                    <div class="bjidfo selebiding">
                        <span id="biaoshu">${labelbook.labelnum}</span>
                        <i class="myli_ocn sebidcon"></i>
                    </div>
                </div>
            </c:forEach>
        </c:if>
        <p class="pfsmed">赔付说明</p>
        <div class="tablebox clearfix">
            <div class="tred">
                单次赔付
            </div>
            <div class="thgnf">
                --元
            </div>
            <div class="tred">
                赔付总额
            </div>
            <div class="thgnf">
                ${meal.payforprice}元
            </div>
            <div class="tred border_no">
                赔付时间
            </div>
            <div class="thgnf border_no">
                ${meal.paytime}
            </div>
        </div>
        <p class="pfsmed">是否需要发票</p>

        <div class="fapiaobox clearfix">
            <div class="inirtle inirtrh_avt">
                不需要开发票
            </div>
            <a href="invoice.html" class="inirtrh ">
                需要开发票
            </a>
        </div>
        <p class="fpmsg"><span class="color_red">*</span>如需开发票,需要自行承担套餐金额8%的费用(6%的税率+2%的开票服务费</p>

        <a onclick="sendorder()" class="submitdes magnji">确认提交</a>
        <!-- <a href="pay_way.html" class="submitdes magnji">确认提交</a> -->

        <p class="fbhdusia">点击确认提交即表示已阅读并同意
            <a href="xieyi.html" class="blurec">《代拍委托协议》</a>
        </p>
    </div>
    <div class="tab2_cont" style="padding:20px 0;">
        ${meal.explains}
    </div>
    <div class="tab3_cont" style="padding:20px 0;">
        ${meal.notes}
    </div>
</div>

<!-- 点击请选择标书弹出层 -->

<div class="shadow_selece_biding">
    <div class="sele_biding_box">
        <div class="biding_itemname clearfix">
            <p>标书号</p>
            <p>有效期</p>
            <p>可用次数</p>
            <p>选择</p>
        </div>
        <ul>
            <c:forEach items="${labelbooks}" var="labelbooks">
                <li class="type_li">
                    <label>
                        <input type="radio" name="help" id="q1_1" value="1" hidden="">
                        <label for="q1_1" class="advice selbidrd"></label>
                        <p class="radio-name selebidp">
                            <span>${labelbooks.labelnum}</span>
                            <span>${labelbooks.overtime}</span>
                            <span>${labelbooks.useing}</span>
                        </p>
                    </label>
                </li>
            </c:forEach>
        </ul>
        <div class="seatch_btnbox">
            <a href="javascript:;" class="surebid suresbtn">确定</a>
            <a href="javascript:;" class="surebid cancelbid">取消</a>
        </div>
    </div>
</div>


<!-- <div class="footer_nav">
    <a href="index.html" class="foot_nav">
        <img src="images/timg.jpg" alt="" class="foot_nav_icon">
        <p class="foot_nav_tit">首页</p>
    </a>
    <a href="packages.html" class="foot_nav">
        <img src="images/timg.jpg" alt="" class="foot_nav_icon">
        <p class="foot_nav_tit">套餐</p>
    </a>
    <a href="javascript:;" class="foot_nav">
        <img src="images/timg.jpg" alt="" class="foot_nav_icon">
        <p class="foot_nav_tit">代理邀请</p>
    </a>
    <a href="store.html" class="foot_nav">
        <img src="images/timg.jpg" alt="" class="foot_nav_icon">
        <p class="foot_nav_tit">门店</p>
    </a>
    <a href="my.html" class="foot_nav">
        <img src="images/timg.jpg" alt="" class="foot_nav_icon">
        <p class="foot_nav_tit">我的</p>
    </a>
</div>
<div class="botmbox"></div> -->
<!-- 代码部分end -->
<script>

    /**
     * 页面跳转
     */
    function sendorder() {
        var reg = new RegExp("^[0-9]*$");
        var mealid = '${meal.id}';
        var biaoshu = $("#biaoshu").text();
        if (!reg.test(biaoshu)) {
            layer.msg("标书不能为空");
            return false;
        } else {
            window.location.href = "xieyiqr.html?mealid=" + mealid + "&biaoshu=" + biaoshu;
        }

    }


    $(".tablists").click(function () {
        $(".tablists").removeClass("activest")
        $(this).addClass("activest")
        var indexs = $(this).index();
        console.log(indexs)
        if (indexs == 0) {
            $(".tab1_cont").show();
            $(".tab2_cont").hide();
            $(".tab3_cont").hide();
        } else if (indexs == 1) {
            $(".tab1_cont").hide();
            $(".tab2_cont").show();
            $(".tab3_cont").hide();
        } else {
            $(".tab1_cont").hide();
            $(".tab2_cont").hide();
            $(".tab3_cont").show();
        }
    })


    // 弹出选择标书方法
    $(".selebiding").click(function () {
        $(".shadow_selece_biding").show();
    })
    //点击确定
    $(".suresbtn").click(function () {
        $(".shadow_selece_biding").hide();
    })

    //点击取消
    $(".cancelbid").click(function () {
        $(".shadow_selece_biding").hide();
    })
</script>
</body>
</html>