|
楼主 |
发表于 2023-5-15 17:57:52
|
显示全部楼层
源代码
- <!DOCTYPE html>
- <html class="no-js" lang="zxx">
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <title>校园快捷订餐</title>
- <meta name="description" content="">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <!-- Favicon -->
- <link rel="icon" href="/assets/images/favicon.ico">
- <!-- CSS
- ============================================ -->
- <!-- Bootstrap CSS -->
- <link href="/assets/css/bootstrap.min.css" rel="stylesheet">
- <!-- FontAwesome CSS -->
- <link href="/assets/css/font-awesome.min.css" rel="stylesheet">
- <!-- Ionicons CSS -->
- <link href="/assets/css/ionicons.min.css" rel="stylesheet">
- <!-- Plugins CSS -->
- <link href="/assets/css/plugins.css" rel="stylesheet">
- <!-- Helper CSS -->
- <link href="/assets/css/helper.css" rel="stylesheet">
- <!-- Main CSS -->
- <link href="/assets/css/main.css" rel="stylesheet">
- <!-- Modernizer JS -->
- <script src="/assets/js/vendor/modernizr-2.8.3.min.js"></script>
- </head>
- <body class="grey-bg">
- <!--=============================================
- = header container =
- =============================================-->
- <div class="header-container header-container-home-4 header-sticky white-bg">
- <!--=============================================
- = header top =
- =============================================-->
- <div class="header-top pt-15 pb-15">
- <div class="container">
- <div class="row">
- <div class="col-12 col-lg-6">
- <!--======= header top dropdowns =======-->
- <div class="header-top-dropdown d-flex justify-content-center justify-content-lg-end">
- <!--======= single dropdown =======-->
- <div class="single-dropdown">
- <a href="/fore/foreIndex" id="changeLanguage"><span id="languageName">首页</span></a>
- </div>
- <span class="separator pl-15 pr-15">|</span>
- <!--======= End of single dropdown =======-->
-
- <div class="single-dropdown">
- <a href="#"><span>欢迎您,byh
-
- </span>
- </a>
- </div>
- <span class="separator pl-15 pr-15">|</span>
- <div class="single-dropdown">
- <a href="/fore/foreCstLoginOut"><span>退出</span></a>
- </div>
-
-
- <!--======= End of single dropdown =======-->
- </div>
- <!--======= End of header top dropdowns =======-->
- </div>
- </div>
- </div>
- </div>
- <!--===== End of header top ======-->
- <!--=============================================
- = navigation menu top =
- =============================================-->
- <div class="navigation-menu-top navigation-menu-top-home-4 pt-35 pb-35 pt-md-15 pb-md-15 pt-sm-15 pb-sm-15 mb-md-55 mb-sm-55">
- <div class="container">
- <div class="row align-items-center">
- <div class="col-6 col-lg-2 col-md-6 col-sm-6 order-1 order-lg-1">
- <!--======= logo =======-->
- <div class="logo">
- <a href="/fore/foreIndex">
- <img src="/assets/images/logo.png" class="img-fluid" alt="">
- </a>
- </div>
- <!--======= End of logo =======-->
- </div>
- <!--======= End of header feature container =======-->
- </div>
- </div>
- </div>
- </div>
- <!--======= End of navigation menu top =======-->
- <!--=============================================
- = navigation menu =
- =============================================-->
- <div class="navigation-menu">
- <div class="container">
- <div class="row align-items-center justify-content-between">
- <div class="col-12 col-lg-3 col-md-12 col-sm-12">
- <!--======= category menu =======-->
- <div class="hero-side-category">
- <!-- Category Toggle Wrap -->
- <div class="category-toggle-wrap">
- <!-- Category Toggle -->
- <button class="category-toggle" id="categorys"> <i class="fa fa-bars"></i> 商品分类 </button>
- </div>
- <!-- Category Menu -->
- <nav class="category-menu">
- <ul>
-
- <li><a href="foreFindCategory?id=1" >奶茶专区</a></li>
-
- <li><a href="foreFindCategory?id=2" >甜品/蛋糕</a></li>
-
- <li><a href="foreFindCategory?id=3" >包子/早点</a></li>
-
- <li><a href="foreFindCategory?id=4" >午饭套餐</a></li>
-
- <li><a href="foreFindCategory?id=5" >肉类炒菜</a></li>
-
- <li><a href="foreFindCategory?id=6" >素菜专区</a></li>
-
- </ul>
- </nav>
- </div>
- <!--======= End of category menu =======-->
- <!--======= sticky logo =======-->
- <div class="sticky-logo" style="margin-top: -33px">
- <a href="/fore/foreIndex">
- <img src="/assets/images/logo.png" class="img-fluid" alt="">
- </a>
- </div>
- <!--======= End of sticky logo =======-->
- <!--======= search icon for tablet =======-->
- <div class="search-icon-menutop-tablet text-right d-inline-block d-lg-none">
- <a href="#" id="search-overlay-active-button">
- <i class="icon ion-md-search"></i>
- </a>
- </div>
- <!--======= End of search icon for tablet =======-->
- </div>
- <div class="col-12 col-lg-6">
- <!-- navigation section -->
- <div class="main-menu">
- <nav>
- <ul>
- <li><a href="/fore/forecart">我的购物车</a></li>
- <li><a href="/fore/forebought">我的订单</a></li>
- <li><a href="/fore/faq">常问问题</a></li>
- </ul>
- </nav>
- </div>
- <!-- end of navigation section -->
- </div>
- <div class="col-12 col-lg-3">
- <!--======= navigation search bar =======-->
- <div class="navigation-search d-none d-lg-block">
- <form method="post" action="/fore/foreNameLike">
- <input type="search" placeholder="Search product ..." name="pName" id="">
- <button type="submit"><i class="icon ion-md-search"></i></button>
- </form>
- </div>
- <!--======= End of navigation search bar =======-->
- </div>
- <div class="col-12 d-block d-lg-none">
- <!-- Mobile Menu -->
- <div class="mobile-menu"></div>
- </div>
- </div>
- </div>
- </div>
- <!--===== End of navigation menu ======-->
- </div>
- <style>
- .order_goods_list li {
- float: left;
- height: 80px;
- line-height: 80px;
- }
- .order_goods_list .col01 {
- width: 20%
- }
- .order_goods_list .col01 img {
- width: 60px;
- height: 60px;
- border: 1px solid #ddd;
- margin: 10px auto;
- }
- .order_goods_list .col02 {
- width: 24%;
- text-align: center;
- }
- .order_goods_list .col02 em {
- color: #999;
- margin-left: 10px
- }
- .order_goods_list .col03 {
- width: 10%
- }
- .order_goods_list .col04 {
- width: 20%
- }
- .order_list_th {
- width: 1107.2px;
- border: 1px solid #ddd;
- background-color: #f7f7f7;
- margin: 20px auto 0;
- }
- .order_list_th li {
- float: left;
- height: 30px;
- line-height: 30px
- }
- .order_list_th .col01 {
- width: 35%;
- margin-left: 20px
- }
- .order_list_th .col02 {
- width: 20%
- }
- </style>
- <div class="breadcrumb-area pt-15 pb-15">
- <div class="container">
- <div class="row">
- <div class="col-lg-12">
- <!--======= breadcrumb container =======-->
- <div class="breadcrumb-container">
- <nav>
- <ul>
- <li class="parent-page"><a href="/fore/foreIndex">Home</a></li>
- <li>orders</li>
- </ul>
- </nav>
- </div>
- <!--======= End of breadcrumb container =======-->
- </div>
- </div>
- </div>
- </div>
- <!--=== My Account page content ===-->
- <div class="page-section mb-50">
- <div class="container">
- <div class="row">
- <div class="col-12">
- <div class="row">
- <!-- My Account Tab Content Start -->
- <div class="col-lg-12 col-12">
- <div class="tab-content" id="myaccountContent">
- <!-- Single Tab Content Start -->
- <div class="tab-pane fade show active" role="tabpanel">
- <div class="myaccount-content">
- <h3>Orders</h3>
-
- <ul style="float:left" class="order_list_th">
- <li class="col01">1 订单号:201811021055177112826,已支付</li>
- </ul>
- <div class="myaccount-table table-responsive text-center">
- <table class="table table-bordered" width='100%' border='0' cellspacing='0'
- cellpadding='0' style='table-layout: fixed'>
- <tbody>
- <tr>
- <td width="55%">
-
- <ul class="order_goods_list">
- <li class="col01"><img
- src="/images/product/2.jpg"
- width="50px" height="50px"></li>
- <li class="col02"><a
- href="foreDetailUI?id=2">焦糖珍奶,10.0</a>
- </li>
- <li class="col03">1</li>
- <li class="col04">¥10.0</li>
- </ul>
-
- </td>
- <td width="15%">10.0元</td>
- <td width="15%">
- <div class="hover-icons">
- <a href="#" id="addressMsg"
- onclick="showAddressMsg('5a124');"
- title="5a124">
- <img src="/images/address.png"
- width="30px" height="30px">
- </a>
- </div>
- </td>
- <td width="15%">
- <button style="margin-bottom: 10px"
- onclick="receiving(1) "
- class="btn btn-default">收货
- </button>
- <br>
-
- 已发货
-
-
-
- <br>
- <button style="margin-top: 10px" onclick="returns(1) "
- class="btn btn-default">退货
- </button>
- </td>
- </tr>
- </tbody>
- </table>
- </div>
-
- </div>
- </div>
- <!-- Single Tab Content End -->
- </div>
- </div>
- <!-- My Account Tab Content End -->
- </div>
- </div>
- </div>
- </div>
- </div>
- <script type="text/javascript" src="/js/jquery/2.0.0/jquery.min.js"></script>
- <script type="text/javascript">
- function returns(id) {
- $.ajax({
- url: '/order/returns',
- type: 'get',
- dataType: 'json',
- data: {id: id},
- success: function (data) {
- if (data.status === 200) {
- alert(data.msg)
- location = location
- } else {
- alert(data.msg)
- }
- }
- })
- }
- function receiving(id) {
- $.ajax({
- url: '/order/receiving',
- type: 'get',
- dataType: 'json',
- data: {id: id},
- success: function (data) {
- if (data.status === 200) {
- alert(data.msg)
- location = location
- } else {
- alert(data.msg)
- }
- }
- })
- }
- function showAddressMsg(msg) {
- alert(msg)
- }
- </script>
复制代码 |
|