更新
@ -101,6 +101,12 @@ public class EbuyController {
|
||||
return "/account/personalHomepage/toBeEvaluated.html";
|
||||
}
|
||||
|
||||
//购物车页面
|
||||
@RequestMapping("/cart")
|
||||
public String cart() {
|
||||
return "/cart.html";
|
||||
}
|
||||
|
||||
//验证登录
|
||||
@ResponseBody
|
||||
@RequestMapping("/verifyLogin")
|
||||
@ -139,8 +145,19 @@ public class EbuyController {
|
||||
//获取全部订单
|
||||
@RequestMapping("/allOrderTable")
|
||||
@ResponseBody
|
||||
public List<Map<String,Object>> allOrderTable() {
|
||||
List<Map<String,Object>> result = ebuyService.allOrderTable();
|
||||
public List<Map<String,Object>> allOrderTable(@RequestParam("orderStatus") String orderStatus) {
|
||||
List<Map<String,Object>> result = ebuyService.allOrderTable(orderStatus);
|
||||
return result;
|
||||
}
|
||||
|
||||
//获取商品分类
|
||||
@RequestMapping("/commodityType")
|
||||
@ResponseBody
|
||||
public List<Map<String,Object>> commodityType(String typeDowns) {
|
||||
String str = typeDowns.substring(typeDowns.indexOf("[")+2,typeDowns.indexOf("]")-1);
|
||||
String[] typeDownsArr = str.split("\",\"");
|
||||
List<Map<String,Object>> result = new ArrayList<>();
|
||||
result = ebuyService.typeDown(typeDownsArr);
|
||||
return result;
|
||||
}
|
||||
|
||||
|
@ -1,6 +1,7 @@
|
||||
package com.phy.ebuy.dao;
|
||||
|
||||
import org.apache.ibatis.annotations.Mapper;
|
||||
import org.apache.ibatis.annotations.One;
|
||||
import org.apache.ibatis.annotations.Select;
|
||||
|
||||
import java.util.List;
|
||||
@ -21,10 +22,16 @@ public interface EbuyMapper {
|
||||
/**
|
||||
* 所有订单Table
|
||||
*/
|
||||
List<Map<String,Object>> allOrderTable();
|
||||
List<Map<String,Object>> allOrderTable(String orderStatus);
|
||||
|
||||
/**
|
||||
* 查询字典表
|
||||
*/
|
||||
List<Map<String,Object>> queryDictionary(String[] ids);
|
||||
|
||||
/**
|
||||
* 获取商品分类
|
||||
*/
|
||||
String[] typeDown(String typeDown);
|
||||
|
||||
}
|
||||
|
@ -31,7 +31,7 @@
|
||||
</insert>
|
||||
|
||||
<!--获取所有订单-->
|
||||
<select id="allOrderTable" resultType="map">
|
||||
<select id="allOrderTable" resultType="map" parameterType="String">
|
||||
SELECT
|
||||
o.creat_time creat_time,
|
||||
o.order_id order_id,
|
||||
@ -47,6 +47,10 @@ FROM
|
||||
ebuy_order o
|
||||
INNER JOIN ebuy_businesses b ON o.businesses_id = b.business_id
|
||||
INNER JOIN ebuy_commodity c ON o.commodity_id = c.commodity_id
|
||||
where 1 = 1
|
||||
<if test="orderStatus != null and orderStatus != ''">
|
||||
and order_status=#{orderStatus}
|
||||
</if>
|
||||
</select>
|
||||
|
||||
<!--查询字典表-->
|
||||
@ -61,4 +65,14 @@ WHERE
|
||||
#{id}
|
||||
</foreach>
|
||||
</select>
|
||||
|
||||
<!--获取商品分类-->
|
||||
<select id="typeDown" resultType="string" parameterType="string">
|
||||
SELECT
|
||||
type_down_details
|
||||
FROM
|
||||
ebuy_dictionaries
|
||||
WHERE
|
||||
type_down = #{typeDown}
|
||||
</select>
|
||||
</mapper>
|
@ -18,5 +18,10 @@ public interface EbuyService{
|
||||
/**
|
||||
* 所有订单Table
|
||||
*/
|
||||
List<Map<String,Object>> allOrderTable();
|
||||
List<Map<String,Object>> allOrderTable(String orderStatus);
|
||||
|
||||
/**
|
||||
* 获取商品分类
|
||||
*/
|
||||
List<Map<String, Object>> typeDown(String[] typeDown);
|
||||
}
|
||||
|
@ -5,6 +5,7 @@ import com.phy.ebuy.service.EbuyService;
|
||||
import org.springframework.beans.factory.annotation.Autowired;
|
||||
import org.springframework.stereotype.Service;
|
||||
|
||||
import java.io.File;
|
||||
import java.util.ArrayList;
|
||||
import java.util.HashMap;
|
||||
import java.util.List;
|
||||
@ -46,8 +47,11 @@ public class EbuyServiceImpl implements EbuyService {
|
||||
}
|
||||
|
||||
@Override
|
||||
public List<Map<String, Object>> allOrderTable() {
|
||||
List<Map<String,Object>> result = ebuyMapper.allOrderTable();
|
||||
public List<Map<String, Object>> allOrderTable(String orderStatus) {
|
||||
if ("05".equals(orderStatus)) {
|
||||
orderStatus = null;
|
||||
}
|
||||
List<Map<String,Object>> result = ebuyMapper.allOrderTable(orderStatus);
|
||||
for (Map<String, Object> map : result ) {
|
||||
String ids = (String) map.get("commodity_attribute");
|
||||
String[] idses = ids.split(",");
|
||||
@ -62,4 +66,14 @@ public class EbuyServiceImpl implements EbuyService {
|
||||
}
|
||||
return result;
|
||||
}
|
||||
|
||||
@Override
|
||||
public List<Map<String, Object>> typeDown(String[] typeDowns) {
|
||||
List<Map<String,Object>> result = new ArrayList<>();
|
||||
for (int i = 0; i < typeDowns.length; i++) {
|
||||
String[] one = {};
|
||||
one = ebuyMapper.typeDown(typeDowns[i]);
|
||||
}
|
||||
return result;
|
||||
}
|
||||
}
|
||||
|
36
src/main/java/com/phy/ebuy/util/Folder.java
Normal file
@ -0,0 +1,36 @@
|
||||
/*
|
||||
package com.phy.ebuy.util;
|
||||
|
||||
import com.phy.ebuy.dao.EbuyMapper;
|
||||
|
||||
|
||||
import java.io.File;
|
||||
import java.util.List;
|
||||
import java.util.Map;
|
||||
|
||||
*/
|
||||
/**
|
||||
* 建文件夹
|
||||
*//*
|
||||
|
||||
public class Folder{
|
||||
public static void main(String[] args) {
|
||||
EbuyMapper ebuyMapper = null;
|
||||
List<Map<String,Object>> list = ebuyMapper.file();
|
||||
for ( Map<String,Object> one : list) {
|
||||
File file=new File("D:\\work\\IDEAwork\\ebuy\\src\\main\\webapp\\static\\img\\commodity\\"+one.get("type_down"));
|
||||
if(!file.exists()){//如果文件夹不存在
|
||||
file.mkdir();//创建文件夹
|
||||
}
|
||||
File file1=new File("D:\\work\\IDEAwork\\ebuy\\src\\main\\webapp\\static\\img\\commodity\\"+one.get("type_down")+"\\"+one.get("type_down_details"));
|
||||
if(!file1.exists()){//如果文件夹不存在
|
||||
file1.mkdir();//创建文件夹
|
||||
}
|
||||
}
|
||||
|
||||
System.out.println("已创建文件夹");
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
*/
|
@ -4,13 +4,14 @@
|
||||
<meta charset="UTF-8">
|
||||
<title>待付款</title>
|
||||
<link rel="stylesheet" href="../../../../static/css/pendingPayment.css">
|
||||
<link rel="stylesheet" href="../../../../static/css/allOrder.css">
|
||||
<link rel="stylesheet" href="../../static/layui/css/layui.css">
|
||||
<script src="../../static/layui/layui.all.js"></script>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="content">
|
||||
<!--<div class="orderSearch">-->
|
||||
<!--<input type="text" placeholder="输入商品标题或订单号进行搜索" name="" id="" value="">-->
|
||||
<!--<span class="span">订单搜索</span>-->
|
||||
<!--</div>-->
|
||||
<div class="table">
|
||||
<div class="table-head">
|
||||
<div class="div1">宝贝</div>
|
||||
@ -22,175 +23,11 @@
|
||||
<div class="div4">交易操作</div>
|
||||
</div>
|
||||
<div class="table-body">
|
||||
<!--待付款-->
|
||||
<div class="oneOrder">
|
||||
<div class="top">
|
||||
<div class="timeAndOrderId">
|
||||
<div class="time">2020-01-13</div>
|
||||
<div class="orderId">订单号: 814491555504605953</div>
|
||||
</div>
|
||||
<div class="businessName">
|
||||
<span>幽炫数码专营店</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<div class="commodityInfo">
|
||||
<img src="../../../../static/img/commodity/chufang01.jpg" class="commodityPhoto" alt=""/>
|
||||
<div class="commodityNameAndCommodityAttribute">
|
||||
<div class="commodityName">【活动】威刚16G 8G 4G 2666 2400 2133笔记本电脑内存条ddr4高速 [交易快照]</div>
|
||||
<div class="commodityAttribute">内存频率:2400MHz颜色分类:威刚 8G DDR4 笔记本内存条</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="commodityPrice">
|
||||
¥229.00
|
||||
</div>
|
||||
<div class="commodityAmount">1</div>
|
||||
<div class="commodityOperation">
|
||||
<span>违规举报</span>
|
||||
</div>
|
||||
<div class="actualPayment">
|
||||
<span>¥241.00</span>
|
||||
<span>(含运费:¥12.00)</span>
|
||||
</div>
|
||||
<div class="orderStatus">
|
||||
<span>等待买家付款</span>
|
||||
<span>订单详情</span>
|
||||
</div>
|
||||
<div class="orderOperation">
|
||||
<button>立即付款</button>
|
||||
<span>找朋友帮忙付</span>
|
||||
<span>取消订单</span>
|
||||
<span>修改订单</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--<!–待发货–>-->
|
||||
<!--<div class="oneOrder">-->
|
||||
<!--<div class="top">-->
|
||||
<!--<div class="timeAndOrderId">-->
|
||||
<!--<div class="time">2020-01-13</div>-->
|
||||
<!--<div class="orderId">订单号: 814491555504605953</div>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="businessName">-->
|
||||
<!--<span>幽炫数码专营店</span>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="bottom">-->
|
||||
<!--<div class="commodityInfo">-->
|
||||
<!--<img src="../../../../static/img/commodity/chufang01.jpg" class="commodityPhoto" alt=""/>-->
|
||||
<!--<div class="commodityNameAndCommodityAttribute">-->
|
||||
<!--<div class="commodityName">【活动】威刚16G 8G 4G 2666 2400 2133笔记本电脑内存条ddr4高速 [交易快照]</div>-->
|
||||
<!--<div class="commodityAttribute">内存频率:2400MHz颜色分类:威刚 8G DDR4 笔记本内存条</div>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="commodityPrice">-->
|
||||
<!--¥229.00-->
|
||||
<!--</div>-->
|
||||
<!--<div class="commodityAmount">1</div>-->
|
||||
<!--<div class="commodityOperation">-->
|
||||
<!--<span>退款/退货</span>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="actualPayment">-->
|
||||
<!--<span>¥241.00</span>-->
|
||||
<!--<span>(含运费:¥12.00)</span>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="orderStatus">-->
|
||||
<!--<span>买家已付款</span>-->
|
||||
<!--<span>订单详情</span>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="orderOperation">-->
|
||||
<!--<span>提醒卖家发货</span>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--<!–待收货–>-->
|
||||
<!--<div class="oneOrder">-->
|
||||
<!--<div class="top">-->
|
||||
<!--<div class="timeAndOrderId">-->
|
||||
<!--<div class="time">2020-01-13</div>-->
|
||||
<!--<div class="orderId">订单号: 814491555504605953</div>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="businessName">-->
|
||||
<!--<span>幽炫数码专营店</span>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="bottom">-->
|
||||
<!--<div class="commodityInfo">-->
|
||||
<!--<img src="../../../../static/img/commodity/chufang01.jpg" class="commodityPhoto" alt=""/>-->
|
||||
<!--<div class="commodityNameAndCommodityAttribute">-->
|
||||
<!--<div class="commodityName">【活动】威刚16G 8G 4G 2666 2400 2133笔记本电脑内存条ddr4高速 [交易快照]</div>-->
|
||||
<!--<div class="commodityAttribute">内存频率:2400MHz颜色分类:威刚 8G DDR4 笔记本内存条</div>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="commodityPrice">-->
|
||||
<!--¥229.00-->
|
||||
<!--</div>-->
|
||||
<!--<div class="commodityAmount">1</div>-->
|
||||
<!--<div class="commodityOperation">-->
|
||||
<!--<span>退款/退换货</span>-->
|
||||
<!--<span>投诉商家</span>-->
|
||||
<!--<span>退运保险</span>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="actualPayment">-->
|
||||
<!--<span>¥241.00</span>-->
|
||||
<!--<span>(含运费:¥12.00)</span>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="orderStatus">-->
|
||||
<!--<span>等待买家付款</span>-->
|
||||
<!--<span>订单详情</span>-->
|
||||
<!--<span>花呗账单</span>-->
|
||||
<!--<span class="evaluate">查看物流</span>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="orderOperation">-->
|
||||
<!--<button>确认收货</button>-->
|
||||
<!--<span>申请开票</span>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--<!–待评价–>-->
|
||||
<!--<div class="oneOrder">-->
|
||||
<!--<div class="top">-->
|
||||
<!--<div class="timeAndOrderId">-->
|
||||
<!--<div class="time">2020-01-13</div>-->
|
||||
<!--<div class="orderId">订单号: 814491555504605953</div>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="businessName">-->
|
||||
<!--<span>幽炫数码专营店</span>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="bottom">-->
|
||||
<!--<div class="commodityInfo">-->
|
||||
<!--<img src="../../../../static/img/commodity/chufang01.jpg" class="commodityPhoto" alt=""/>-->
|
||||
<!--<div class="commodityNameAndCommodityAttribute">-->
|
||||
<!--<div class="commodityName">【活动】威刚16G 8G 4G 2666 2400 2133笔记本电脑内存条ddr4高速 [交易快照]</div>-->
|
||||
<!--<div class="commodityAttribute">内存频率:2400MHz颜色分类:威刚 8G DDR4 笔记本内存条</div>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="commodityPrice">-->
|
||||
<!--¥229.00-->
|
||||
<!--</div>-->
|
||||
<!--<div class="commodityAmount">1</div>-->
|
||||
<!--<div class="commodityOperation">-->
|
||||
<!--<span>申请售后</span>-->
|
||||
<!--<span>投诉商家</span>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="actualPayment">-->
|
||||
<!--<span>¥241.00</span>-->
|
||||
<!--<span>(含运费:¥12.00)</span>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="orderStatus">-->
|
||||
<!--<span>交易成功</span>-->
|
||||
<!--<span>订单详情</span>-->
|
||||
<!--<span>花呗账单</span>-->
|
||||
<!--<span>查看物流</span>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="orderOperation">-->
|
||||
<!--<div class="evaluate">评价</div>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script src="../../static/layui/layui.js"></script>
|
||||
<script src="../../static/js/jquery-1.12.2.js"></script>
|
||||
<script src="../../../../static/js/pendingPayment.js"></script>
|
||||
</html>
|
@ -4,13 +4,13 @@
|
||||
<meta charset="UTF-8">
|
||||
<title>待评价</title>
|
||||
<link rel="stylesheet" href="../../../../static/css/toBeEvaluated.css">
|
||||
<link rel="stylesheet" href="../../../../static/css/allOrder.css">
|
||||
<link rel="stylesheet" href="../../static/layui/css/layui.css">
|
||||
<script src="../../static/layui/layui.all.js"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="content">
|
||||
<div class="orderSearch">
|
||||
<input type="text" placeholder="输入商品标题或订单号进行搜索" name="" id="" value="">
|
||||
<span class="span">订单搜索</span>
|
||||
</div>
|
||||
<div class="table">
|
||||
<div class="table-head">
|
||||
<div class="div1">宝贝</div>
|
||||
@ -22,175 +22,11 @@
|
||||
<div class="div4">交易操作</div>
|
||||
</div>
|
||||
<div class="table-body">
|
||||
<!--<!–待付款–>-->
|
||||
<!--<div class="oneOrder">-->
|
||||
<!--<div class="top">-->
|
||||
<!--<div class="timeAndOrderId">-->
|
||||
<!--<div class="time">2020-01-13</div>-->
|
||||
<!--<div class="orderId">订单号: 814491555504605953</div>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="businessName">-->
|
||||
<!--<span>幽炫数码专营店</span>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="bottom">-->
|
||||
<!--<div class="commodityInfo">-->
|
||||
<!--<img src="../../../../static/img/commodity/chufang01.jpg" class="commodityPhoto" alt=""/>-->
|
||||
<!--<div class="commodityNameAndCommodityAttribute">-->
|
||||
<!--<div class="commodityName">【活动】威刚16G 8G 4G 2666 2400 2133笔记本电脑内存条ddr4高速 [交易快照]</div>-->
|
||||
<!--<div class="commodityAttribute">内存频率:2400MHz颜色分类:威刚 8G DDR4 笔记本内存条</div>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="commodityPrice">-->
|
||||
<!--¥229.00-->
|
||||
<!--</div>-->
|
||||
<!--<div class="commodityAmount">1</div>-->
|
||||
<!--<div class="commodityOperation">-->
|
||||
<!--<span>违规举报</span>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="actualPayment">-->
|
||||
<!--<span>¥241.00</span>-->
|
||||
<!--<span>(含运费:¥12.00)</span>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="orderStatus">-->
|
||||
<!--<span>等待买家付款</span>-->
|
||||
<!--<span>订单详情</span>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="orderOperation">-->
|
||||
<!--<button>立即付款</button>-->
|
||||
<!--<span>找朋友帮忙付</span>-->
|
||||
<!--<span>取消订单</span>-->
|
||||
<!--<span>修改订单</span>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--待发货-->
|
||||
<div class="oneOrder">
|
||||
<div class="top">
|
||||
<div class="timeAndOrderId">
|
||||
<div class="time">2020-01-13</div>
|
||||
<div class="orderId">订单号: 814491555504605953</div>
|
||||
</div>
|
||||
<div class="businessName">
|
||||
<span>幽炫数码专营店</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<div class="commodityInfo">
|
||||
<img src="../../../../static/img/commodity/chufang01.jpg" class="commodityPhoto" alt=""/>
|
||||
<div class="commodityNameAndCommodityAttribute">
|
||||
<div class="commodityName">【活动】威刚16G 8G 4G 2666 2400 2133笔记本电脑内存条ddr4高速 [交易快照]</div>
|
||||
<div class="commodityAttribute">内存频率:2400MHz颜色分类:威刚 8G DDR4 笔记本内存条</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="commodityPrice">
|
||||
¥229.00
|
||||
</div>
|
||||
<div class="commodityAmount">1</div>
|
||||
<div class="commodityOperation">
|
||||
<span>退款/退货</span>
|
||||
</div>
|
||||
<div class="actualPayment">
|
||||
<span>¥241.00</span>
|
||||
<span>(含运费:¥12.00)</span>
|
||||
</div>
|
||||
<div class="orderStatus">
|
||||
<span>买家已付款</span>
|
||||
<span>订单详情</span>
|
||||
</div>
|
||||
<div class="orderOperation">
|
||||
<span>提醒卖家发货</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--<!–待收货–>-->
|
||||
<!--<div class="oneOrder">-->
|
||||
<!--<div class="top">-->
|
||||
<!--<div class="timeAndOrderId">-->
|
||||
<!--<div class="time">2020-01-13</div>-->
|
||||
<!--<div class="orderId">订单号: 814491555504605953</div>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="businessName">-->
|
||||
<!--<span>幽炫数码专营店</span>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="bottom">-->
|
||||
<!--<div class="commodityInfo">-->
|
||||
<!--<img src="../../../../static/img/commodity/chufang01.jpg" class="commodityPhoto" alt=""/>-->
|
||||
<!--<div class="commodityNameAndCommodityAttribute">-->
|
||||
<!--<div class="commodityName">【活动】威刚16G 8G 4G 2666 2400 2133笔记本电脑内存条ddr4高速 [交易快照]</div>-->
|
||||
<!--<div class="commodityAttribute">内存频率:2400MHz颜色分类:威刚 8G DDR4 笔记本内存条</div>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="commodityPrice">-->
|
||||
<!--¥229.00-->
|
||||
<!--</div>-->
|
||||
<!--<div class="commodityAmount">1</div>-->
|
||||
<!--<div class="commodityOperation">-->
|
||||
<!--<span>退款/退换货</span>-->
|
||||
<!--<span>投诉商家</span>-->
|
||||
<!--<span>退运保险</span>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="actualPayment">-->
|
||||
<!--<span>¥241.00</span>-->
|
||||
<!--<span>(含运费:¥12.00)</span>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="orderStatus">-->
|
||||
<!--<span>等待买家付款</span>-->
|
||||
<!--<span>订单详情</span>-->
|
||||
<!--<span>花呗账单</span>-->
|
||||
<!--<span class="evaluate">查看物流</span>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="orderOperation">-->
|
||||
<!--<button>确认收货</button>-->
|
||||
<!--<span>申请开票</span>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--<!–待评价–>-->
|
||||
<!--<div class="oneOrder">-->
|
||||
<!--<div class="top">-->
|
||||
<!--<div class="timeAndOrderId">-->
|
||||
<!--<div class="time">2020-01-13</div>-->
|
||||
<!--<div class="orderId">订单号: 814491555504605953</div>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="businessName">-->
|
||||
<!--<span>幽炫数码专营店</span>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="bottom">-->
|
||||
<!--<div class="commodityInfo">-->
|
||||
<!--<img src="../../../../static/img/commodity/chufang01.jpg" class="commodityPhoto" alt=""/>-->
|
||||
<!--<div class="commodityNameAndCommodityAttribute">-->
|
||||
<!--<div class="commodityName">【活动】威刚16G 8G 4G 2666 2400 2133笔记本电脑内存条ddr4高速 [交易快照]</div>-->
|
||||
<!--<div class="commodityAttribute">内存频率:2400MHz颜色分类:威刚 8G DDR4 笔记本内存条</div>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="commodityPrice">-->
|
||||
<!--¥229.00-->
|
||||
<!--</div>-->
|
||||
<!--<div class="commodityAmount">1</div>-->
|
||||
<!--<div class="commodityOperation">-->
|
||||
<!--<span>申请售后</span>-->
|
||||
<!--<span>投诉商家</span>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="actualPayment">-->
|
||||
<!--<span>¥241.00</span>-->
|
||||
<!--<span>(含运费:¥12.00)</span>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="orderStatus">-->
|
||||
<!--<span>交易成功</span>-->
|
||||
<!--<span>订单详情</span>-->
|
||||
<!--<span>花呗账单</span>-->
|
||||
<!--<span>查看物流</span>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="orderOperation">-->
|
||||
<!--<div class="evaluate">评价</div>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script src="../../static/layui/layui.js"></script>
|
||||
<script src="../../static/js/jquery-1.12.2.js"></script>
|
||||
<script src="../../../../static/js/toBeEvaluated.js"></script>
|
||||
</html>
|
@ -4,13 +4,14 @@
|
||||
<meta charset="UTF-8">
|
||||
<title>待收货</title>
|
||||
<link rel="stylesheet" href="../../../../static/css/toBeReceived.css">
|
||||
<link rel="stylesheet" href="../../../../static/css/allOrder.css">
|
||||
<link rel="stylesheet" href="../../static/layui/css/layui.css">
|
||||
<script src="../../static/layui/layui.all.js"></script>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="content">
|
||||
<!--<div class="orderSearch">-->
|
||||
<!--<input type="text" placeholder="输入商品标题或订单号进行搜索" name="" id="" value="">-->
|
||||
<!--<span class="span">订单搜索</span>-->
|
||||
<!--</div>-->
|
||||
<div class="table">
|
||||
<div class="table-head">
|
||||
<div class="div1">宝贝</div>
|
||||
@ -22,175 +23,12 @@
|
||||
<div class="div4">交易操作</div>
|
||||
</div>
|
||||
<div class="table-body">
|
||||
<!--<!–待付款–>-->
|
||||
<!--<div class="oneOrder">-->
|
||||
<!--<div class="top">-->
|
||||
<!--<div class="timeAndOrderId">-->
|
||||
<!--<div class="time">2020-01-13</div>-->
|
||||
<!--<div class="orderId">订单号: 814491555504605953</div>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="businessName">-->
|
||||
<!--<span>幽炫数码专营店</span>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="bottom">-->
|
||||
<!--<div class="commodityInfo">-->
|
||||
<!--<img src="../../../../static/img/commodity/chufang01.jpg" class="commodityPhoto" alt=""/>-->
|
||||
<!--<div class="commodityNameAndCommodityAttribute">-->
|
||||
<!--<div class="commodityName">【活动】威刚16G 8G 4G 2666 2400 2133笔记本电脑内存条ddr4高速 [交易快照]</div>-->
|
||||
<!--<div class="commodityAttribute">内存频率:2400MHz颜色分类:威刚 8G DDR4 笔记本内存条</div>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="commodityPrice">-->
|
||||
<!--¥229.00-->
|
||||
<!--</div>-->
|
||||
<!--<div class="commodityAmount">1</div>-->
|
||||
<!--<div class="commodityOperation">-->
|
||||
<!--<span>违规举报</span>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="actualPayment">-->
|
||||
<!--<span>¥241.00</span>-->
|
||||
<!--<span>(含运费:¥12.00)</span>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="orderStatus">-->
|
||||
<!--<span>等待买家付款</span>-->
|
||||
<!--<span>订单详情</span>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="orderOperation">-->
|
||||
<!--<button>立即付款</button>-->
|
||||
<!--<span>找朋友帮忙付</span>-->
|
||||
<!--<span>取消订单</span>-->
|
||||
<!--<span>修改订单</span>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--<!–待发货–>-->
|
||||
<!--<div class="oneOrder">-->
|
||||
<!--<div class="top">-->
|
||||
<!--<div class="timeAndOrderId">-->
|
||||
<!--<div class="time">2020-01-13</div>-->
|
||||
<!--<div class="orderId">订单号: 814491555504605953</div>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="businessName">-->
|
||||
<!--<span>幽炫数码专营店</span>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="bottom">-->
|
||||
<!--<div class="commodityInfo">-->
|
||||
<!--<img src="../../../../static/img/commodity/chufang01.jpg" class="commodityPhoto" alt=""/>-->
|
||||
<!--<div class="commodityNameAndCommodityAttribute">-->
|
||||
<!--<div class="commodityName">【活动】威刚16G 8G 4G 2666 2400 2133笔记本电脑内存条ddr4高速 [交易快照]</div>-->
|
||||
<!--<div class="commodityAttribute">内存频率:2400MHz颜色分类:威刚 8G DDR4 笔记本内存条</div>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="commodityPrice">-->
|
||||
<!--¥229.00-->
|
||||
<!--</div>-->
|
||||
<!--<div class="commodityAmount">1</div>-->
|
||||
<!--<div class="commodityOperation">-->
|
||||
<!--<span>退款/退货</span>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="actualPayment">-->
|
||||
<!--<span>¥241.00</span>-->
|
||||
<!--<span>(含运费:¥12.00)</span>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="orderStatus">-->
|
||||
<!--<span>买家已付款</span>-->
|
||||
<!--<span>订单详情</span>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="orderOperation">-->
|
||||
<!--<span>提醒卖家发货</span>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--待收货-->
|
||||
<div class="oneOrder">
|
||||
<div class="top">
|
||||
<div class="timeAndOrderId">
|
||||
<div class="time">2020-01-13</div>
|
||||
<div class="orderId">订单号: 814491555504605953</div>
|
||||
</div>
|
||||
<div class="businessName">
|
||||
<span>幽炫数码专营店</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<div class="commodityInfo">
|
||||
<img src="../../../../static/img/commodity/chufang01.jpg" class="commodityPhoto" alt=""/>
|
||||
<div class="commodityNameAndCommodityAttribute">
|
||||
<div class="commodityName">【活动】威刚16G 8G 4G 2666 2400 2133笔记本电脑内存条ddr4高速 [交易快照]</div>
|
||||
<div class="commodityAttribute">内存频率:2400MHz颜色分类:威刚 8G DDR4 笔记本内存条</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="commodityPrice">
|
||||
¥229.00
|
||||
</div>
|
||||
<div class="commodityAmount">1</div>
|
||||
<div class="commodityOperation">
|
||||
<span>退款/退换货</span>
|
||||
<span>投诉商家</span>
|
||||
<span>退运保险</span>
|
||||
</div>
|
||||
<div class="actualPayment">
|
||||
<span>¥241.00</span>
|
||||
<span>(含运费:¥12.00)</span>
|
||||
</div>
|
||||
<div class="orderStatus">
|
||||
<span>等待买家付款</span>
|
||||
<span>订单详情</span>
|
||||
<span>花呗账单</span>
|
||||
<span class="evaluate">查看物流</span>
|
||||
</div>
|
||||
<div class="orderOperation">
|
||||
<button>确认收货</button>
|
||||
<span>申请开票</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--<!–待评价–>-->
|
||||
<!--<div class="oneOrder">-->
|
||||
<!--<div class="top">-->
|
||||
<!--<div class="timeAndOrderId">-->
|
||||
<!--<div class="time">2020-01-13</div>-->
|
||||
<!--<div class="orderId">订单号: 814491555504605953</div>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="businessName">-->
|
||||
<!--<span>幽炫数码专营店</span>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="bottom">-->
|
||||
<!--<div class="commodityInfo">-->
|
||||
<!--<img src="../../../../static/img/commodity/chufang01.jpg" class="commodityPhoto" alt=""/>-->
|
||||
<!--<div class="commodityNameAndCommodityAttribute">-->
|
||||
<!--<div class="commodityName">【活动】威刚16G 8G 4G 2666 2400 2133笔记本电脑内存条ddr4高速 [交易快照]</div>-->
|
||||
<!--<div class="commodityAttribute">内存频率:2400MHz颜色分类:威刚 8G DDR4 笔记本内存条</div>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="commodityPrice">-->
|
||||
<!--¥229.00-->
|
||||
<!--</div>-->
|
||||
<!--<div class="commodityAmount">1</div>-->
|
||||
<!--<div class="commodityOperation">-->
|
||||
<!--<span>申请售后</span>-->
|
||||
<!--<span>投诉商家</span>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="actualPayment">-->
|
||||
<!--<span>¥241.00</span>-->
|
||||
<!--<span>(含运费:¥12.00)</span>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="orderStatus">-->
|
||||
<!--<span>交易成功</span>-->
|
||||
<!--<span>订单详情</span>-->
|
||||
<!--<span>花呗账单</span>-->
|
||||
<!--<span>查看物流</span>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="orderOperation">-->
|
||||
<!--<div class="evaluate">评价</div>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script src="../../static/layui/layui.js"></script>
|
||||
<script src="../../static/js/jquery-1.12.2.js"></script>
|
||||
<script src="../../../../static/js/toBeRecevied.js"></script>
|
||||
</html>
|
@ -4,15 +4,13 @@
|
||||
<meta charset="UTF-8">
|
||||
<title>待发货</title>
|
||||
<link rel="stylesheet" href="../../../../static/css/toBeShipped.css">
|
||||
<link rel="shortcut icon" type="image/x-icon" href="../../static/img/favicon.ico" rel="external nofollow" />
|
||||
<link rel="stylesheet" href="../../../../static/css/allOrder.css">
|
||||
<link rel="stylesheet" href="../../static/layui/css/layui.css">
|
||||
<script src="../../static/layui/layui.all.js"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="content">
|
||||
<!--<div class="orderSearch">-->
|
||||
<!--<input type="text" placeholder="输入商品标题或订单号进行搜索" name="" id="" value="">-->
|
||||
<!--<span class="span">订单搜索</span>-->
|
||||
<!--</div>-->
|
||||
<div class="table">
|
||||
<div class="table-head">
|
||||
<div class="div1">宝贝</div>
|
||||
@ -24,179 +22,12 @@
|
||||
<div class="div4">交易操作</div>
|
||||
</div>
|
||||
<div class="table-body">
|
||||
<!--<!–待付款–>-->
|
||||
<!--<div class="oneOrder">-->
|
||||
<!--<div class="top">-->
|
||||
<!--<div class="timeAndOrderId">-->
|
||||
<!--<div class="time">2020-01-13</div>-->
|
||||
<!--<div class="orderId">订单号: 814491555504605953</div>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="businessName">-->
|
||||
<!--<span>幽炫数码专营店</span>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="bottom">-->
|
||||
<!--<div class="commodityInfo">-->
|
||||
<!--<img src="../../../../static/img/commodity/chufang01.jpg" class="commodityPhoto" alt=""/>-->
|
||||
<!--<div class="commodityNameAndCommodityAttribute">-->
|
||||
<!--<div class="commodityName">【活动】威刚16G 8G 4G 2666 2400 2133笔记本电脑内存条ddr4高速 [交易快照]</div>-->
|
||||
<!--<div class="commodityAttribute">内存频率:2400MHz颜色分类:威刚 8G DDR4 笔记本内存条</div>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="commodityPrice">-->
|
||||
<!--¥229.00-->
|
||||
<!--</div>-->
|
||||
<!--<div class="commodityAmount">1</div>-->
|
||||
<!--<div class="commodityOperation">-->
|
||||
<!--<span>违规举报</span>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="actualPayment">-->
|
||||
<!--<span>¥241.00</span>-->
|
||||
<!--<span>(含运费:¥12.00)</span>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="orderStatus">-->
|
||||
<!--<span>等待买家付款</span>-->
|
||||
<!--<span>订单详情</span>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="orderOperation">-->
|
||||
<!--<button>立即付款</button>-->
|
||||
<!--<span>找朋友帮忙付</span>-->
|
||||
<!--<span>取消订单</span>-->
|
||||
<!--<span>修改订单</span>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--<!–待发货–>-->
|
||||
<!--<div class="oneOrder">-->
|
||||
<!--<div class="top">-->
|
||||
<!--<div class="timeAndOrderId">-->
|
||||
<!--<div class="time">2020-01-13</div>-->
|
||||
<!--<div class="orderId">订单号: 814491555504605953</div>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="businessName">-->
|
||||
<!--<span>幽炫数码专营店</span>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="bottom">-->
|
||||
<!--<div class="commodityInfo">-->
|
||||
<!--<img src="../../../../static/img/commodity/chufang01.jpg" class="commodityPhoto" alt=""/>-->
|
||||
<!--<div class="commodityNameAndCommodityAttribute">-->
|
||||
<!--<div class="commodityName">【活动】威刚16G 8G 4G 2666 2400 2133笔记本电脑内存条ddr4高速 [交易快照]</div>-->
|
||||
<!--<div class="commodityAttribute">内存频率:2400MHz颜色分类:威刚 8G DDR4 笔记本内存条</div>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="commodityPrice">-->
|
||||
<!--¥229.00-->
|
||||
<!--</div>-->
|
||||
<!--<div class="commodityAmount">1</div>-->
|
||||
<!--<div class="commodityOperation">-->
|
||||
<!--<span>退款/退货</span>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="actualPayment">-->
|
||||
<!--<span>¥241.00</span>-->
|
||||
<!--<span>(含运费:¥12.00)</span>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="orderStatus">-->
|
||||
<!--<span>买家已付款</span>-->
|
||||
<!--<span>订单详情</span>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="orderOperation">-->
|
||||
<!--<span>提醒卖家发货</span>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--<!–待收货–>-->
|
||||
<!--<div class="oneOrder">-->
|
||||
<!--<div class="top">-->
|
||||
<!--<div class="timeAndOrderId">-->
|
||||
<!--<div class="time">2020-01-13</div>-->
|
||||
<!--<div class="orderId">订单号: 814491555504605953</div>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="businessName">-->
|
||||
<!--<span>幽炫数码专营店</span>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="bottom">-->
|
||||
<!--<div class="commodityInfo">-->
|
||||
<!--<img src="../../../../static/img/commodity/chufang01.jpg" class="commodityPhoto" alt=""/>-->
|
||||
<!--<div class="commodityNameAndCommodityAttribute">-->
|
||||
<!--<div class="commodityName">【活动】威刚16G 8G 4G 2666 2400 2133笔记本电脑内存条ddr4高速 [交易快照]</div>-->
|
||||
<!--<div class="commodityAttribute">内存频率:2400MHz颜色分类:威刚 8G DDR4 笔记本内存条</div>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="commodityPrice">-->
|
||||
<!--¥229.00-->
|
||||
<!--</div>-->
|
||||
<!--<div class="commodityAmount">1</div>-->
|
||||
<!--<div class="commodityOperation">-->
|
||||
<!--<span>退款/退换货</span>-->
|
||||
<!--<span>投诉商家</span>-->
|
||||
<!--<span>退运保险</span>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="actualPayment">-->
|
||||
<!--<span>¥241.00</span>-->
|
||||
<!--<span>(含运费:¥12.00)</span>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="orderStatus">-->
|
||||
<!--<span>等待买家付款</span>-->
|
||||
<!--<span>订单详情</span>-->
|
||||
<!--<span>花呗账单</span>-->
|
||||
<!--<span class="evaluate">查看物流</span>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="orderOperation">-->
|
||||
<!--<button>确认收货</button>-->
|
||||
<!--<span>申请开票</span>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--待评价-->
|
||||
<div class="oneOrder">
|
||||
<div class="top">
|
||||
<div class="timeAndOrderId">
|
||||
<div class="time">2020-01-13</div>
|
||||
<div class="orderId">订单号: 814491555504605953</div>
|
||||
</div>
|
||||
<div class="businessName">
|
||||
<span>幽炫数码专营店</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<div class="commodityInfo">
|
||||
<img src="../../../../static/img/commodity/chufang01.jpg" class="commodityPhoto" alt=""/>
|
||||
<div class="commodityNameAndCommodityAttribute">
|
||||
<div class="commodityName">【活动】威刚16G 8G 4G 2666 2400 2133笔记本电脑内存条ddr4高速 [交易快照]</div>
|
||||
<div class="commodityAttribute">内存频率:2400MHz颜色分类:威刚 8G DDR4 笔记本内存条</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="commodityPrice">
|
||||
¥229.00
|
||||
</div>
|
||||
<div class="commodityAmount">1</div>
|
||||
<div class="commodityOperation">
|
||||
<span>申请售后</span>
|
||||
<span>投诉商家</span>
|
||||
</div>
|
||||
<div class="actualPayment">
|
||||
<span>¥241.00</span>
|
||||
<span>(含运费:¥12.00)</span>
|
||||
</div>
|
||||
<div class="orderStatus">
|
||||
<span>交易成功</span>
|
||||
<span>订单详情</span>
|
||||
<span>花呗账单</span>
|
||||
<span>查看物流</span>
|
||||
</div>
|
||||
<div class="orderOperation">
|
||||
<div class="evaluate">评价</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script src="../../static/layui/layui.all.js"></script>
|
||||
<script src="../../static/js/jquery-1.12.2.js"></script>
|
||||
<script src="../../static/layui/layui.js"></script>
|
||||
<script src="../../static/js/jquery-1.12.2.js"></script>
|
||||
<script src="../../static/js/jquery-1.12.2.js"></script>
|
||||
<script src="../../../../static/js/toBeShipped.js"></script>
|
||||
</html>
|
88
src/main/webapp/WEB-INF/view/cart.html
Normal file
@ -0,0 +1,88 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>我的购物车</title>
|
||||
<link rel="shortcut icon" type="image/x-icon" href="../../static/img/favicon.ico" rel="external nofollow" />
|
||||
<link rel="stylesheet" href="../../static/layui/css/layui.css">
|
||||
<link rel="stylesheet" href="../../static/css/cart.css">
|
||||
<script src="../../static/layui/layui.all.js"></script>
|
||||
<link rel="stylesheet" href="../../static/css/public.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="header">
|
||||
<div class="logo">
|
||||
<img src="../../static/img/ebuy-logo.png" alt="">
|
||||
<p>购物车</p>
|
||||
</div>
|
||||
<div class="search">
|
||||
<div class="check-type">
|
||||
<select name="check-type" id="check-type">
|
||||
<option class="option" value="宝贝" selected>宝贝</option>
|
||||
<option class="option" value="店铺">店铺</option>
|
||||
</select>
|
||||
</div>
|
||||
<input type="text">
|
||||
<div class="button">搜索</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="middle">
|
||||
<div class="cart-header">
|
||||
<div class="null"></div>
|
||||
<div class="commodity-info">商品信息</div>
|
||||
<div class="commodity-attribute"></div>
|
||||
<div class="commodity-price">单价</div>
|
||||
<div class="commodity-amount">数量</div>
|
||||
<div class="commodity-money">金额</div>
|
||||
<div class="operation">操作</div>
|
||||
</div>
|
||||
<div class="cart-info">
|
||||
<div class="info-one">
|
||||
<div class="business-name">
|
||||
<input type="checkbox" class="checkbox">
|
||||
<span>店铺:</span>
|
||||
<span class="name selection-text">CEDY潮牌店</span>
|
||||
</div>
|
||||
<div class="one-commodity">
|
||||
<div class="check">
|
||||
<input type="checkbox" class="checkbox">
|
||||
</div>
|
||||
<div class="commodity-info">
|
||||
<img src="../../static/img/commodity/lingshi01.jpg"/>
|
||||
<div class="commodity-name selection-text">
|
||||
ins嘻哈国潮棉服oversize宽松大毛领连帽中长款男女情侣棉衣外套
|
||||
</div>
|
||||
</div>
|
||||
<div class="commodity-attribute frame">
|
||||
<span>修改</span>
|
||||
<i class="layui-icon layui-icon-edit"></i>
|
||||
<p>颜色:米白色(现货)</p>
|
||||
<p>尺码:XL</p>
|
||||
</div>
|
||||
<div class="commodity-price">
|
||||
¥268.00
|
||||
</div>
|
||||
<div class="commodity-amount">
|
||||
<div class="amount-box">
|
||||
<div class="subtraction arithmetic hand-shape">-</div>
|
||||
<input type="text" id="amount" value="1">
|
||||
<div class="addition arithmetic hand-shape">+</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="commodity-money">¥268.00</div>
|
||||
<div class="operation">
|
||||
<p class="selection-text">移入收藏夹</p>
|
||||
<p class="selection-text">删除</p>
|
||||
<p class="selection-text">相似宝贝</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
<script src="../../static/js/jquery-1.12.2.js"></script>
|
||||
<script src="../../static/layui/layui.js"></script>
|
||||
<script src="../../static/js/cart.js"></script>
|
||||
</html>
|
@ -7,6 +7,7 @@
|
||||
<link rel="stylesheet" href="../../static/css/index.css">
|
||||
<link rel="stylesheet" href="../../static/layui/css/layui.css">
|
||||
<script src="../../static/layui/layui.all.js"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="middle">
|
||||
@ -33,19 +34,15 @@
|
||||
<div class="navigation">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://www.taobao.com/markets/nvzhuang/taobaonvzhuang?spm=a21bo.2017.201867-main.1.5af911d91VIWuw">女装</a> / <a href="">男装</a> / <a href="">内衣</a><i class="layui-icon layui-icon-right"></i>
|
||||
<a href="">女装</a> / <a href="">男装</a> / <a href="">内衣</a><i class="layui-icon layui-icon-right"></i>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href="">鞋靴</a> / <a href="">箱包</a> / <a href="">配件</a><i class="layui-icon layui-icon-right"></i>
|
||||
<a href="">鞋靴</a> / <a href="">箱包</a> / <a href="">配件配饰</a><i class="layui-icon layui-icon-right"></i>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href="">童装玩具</a> / <a href="">孕产</a> / <a href="">用品</a><i class="layui-icon layui-icon-right"></i>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href="">家电</a> / <a href="">数码</a> / <a href="">手机</a><i class="layui-icon layui-icon-right"></i>
|
||||
<a href="">童装玩具</a> / <a href="">孕产</a> / <a href="">奶粉</a><i class="layui-icon layui-icon-right"></i>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
@ -53,7 +50,7 @@
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href="">运动</a> / <a href="">户外</a> / <a href="">乐器</a><i class="layui-icon layui-icon-right"></i>
|
||||
<a href="">手表</a> / <a href="">户外</a> / <a href="">乐器</a><i class="layui-icon layui-icon-right"></i>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
@ -65,11 +62,15 @@
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href="">家具</a> / <a href="">家饰</a> / <a href="">家纺</a><i class="layui-icon layui-icon-right"></i>
|
||||
<a href="">家电</a> / <a href="">数码</a> / <a href="">手机</a><i class="layui-icon layui-icon-right"></i>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href="">百货</a> / <a href="">餐厨</a> / <a href="">家庭保健</a><i class="layui-icon layui-icon-right"></i>
|
||||
<a href="">家具</a> / <a href="">布艺软饰</a> / <a href="">床上用品</a><i class="layui-icon layui-icon-right"></i>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href="">百货</a> / <a href="">餐厨</a> / <a href="">学习</a><i class="layui-icon layui-icon-right"></i>
|
||||
|
||||
</li>
|
||||
</ul>
|
||||
@ -415,7 +416,7 @@
|
||||
</body>
|
||||
|
||||
<script src="../../static/js/jquery-1.12.2.js"></script>
|
||||
<script src="../../static/js/index.js"></script>
|
||||
<script src="../../static/layui/layui.js"></script>
|
||||
|
||||
<script src="../../static/js/index.js"></script>
|
||||
<script src="../../static/js/middle.js"></script>
|
||||
</html>
|
@ -14,17 +14,17 @@ body{
|
||||
flex-direction:column;
|
||||
}
|
||||
.head{
|
||||
height: 5em;
|
||||
padding: 0 10%;
|
||||
height: 5em;
|
||||
padding: 0 17.5%;
|
||||
background: #17b5fe;
|
||||
}
|
||||
.head .my-logo{
|
||||
float: left;
|
||||
height: 100%;
|
||||
width: 15%;
|
||||
background-image: url("../img/my-logo.png");
|
||||
background-image: url(../img/my-logo.png);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-position: -16px 0;
|
||||
background-size: 100% 100%;
|
||||
cursor: pointer;
|
||||
}
|
||||
@ -48,6 +48,7 @@ body{
|
||||
float: right;
|
||||
width: 30%;
|
||||
height: 100%;
|
||||
margin-right: -6px;
|
||||
|
||||
}
|
||||
.head .search input{
|
||||
|
239
src/main/webapp/static/css/cart.css
Normal file
@ -0,0 +1,239 @@
|
||||
*{
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
html{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
body{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.checkbox,img,.hand-shape{
|
||||
cursor: pointer;
|
||||
}
|
||||
.header{
|
||||
height: 6em;
|
||||
padding: 0 17.5%;
|
||||
}
|
||||
.header .logo{
|
||||
height: 100%;
|
||||
width: 30%;
|
||||
line-height: 6em;
|
||||
float: left;
|
||||
}
|
||||
.header .logo img{
|
||||
width: 150px;
|
||||
margin-left: -7px;
|
||||
float: left;
|
||||
}
|
||||
.header .logo p{
|
||||
float: left;
|
||||
margin-left: 0.2em;
|
||||
font-weight: bold;
|
||||
font-size: 2em;
|
||||
color: rgb(60,60,60);
|
||||
}
|
||||
.header .search{
|
||||
float: right;
|
||||
width: 40%;
|
||||
border: 2px solid #17b5fe;
|
||||
height: 3em;
|
||||
margin: 1.5em 0;
|
||||
}
|
||||
.header .search .check-type{
|
||||
float: left;
|
||||
height: 100%;
|
||||
width: 20%;
|
||||
}
|
||||
.header .search .check-type select{
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background: rgb(245,245,245);
|
||||
border: 1px solid rgb(229,229,229);
|
||||
color: rgb(107,107,107);
|
||||
text-align: center;
|
||||
text-align-last: center;
|
||||
|
||||
}
|
||||
.header .search input{
|
||||
float: left;
|
||||
height: 100%;
|
||||
width: 60%;
|
||||
text-indent: 10px;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
.header .search .button{
|
||||
float: left;
|
||||
height: 100%;
|
||||
line-height: 1.9em;
|
||||
background: #17b5fe;
|
||||
width: 20%;
|
||||
color: #fff;
|
||||
font-size: 1.5em;
|
||||
text-align: center;
|
||||
}
|
||||
.middle{
|
||||
width: 65%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.middle .cart-header{
|
||||
display: flex;
|
||||
/*background: rgb(245,245,245);*/
|
||||
height: 3em;
|
||||
line-height: 3em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
.middle .null{
|
||||
flex:1;
|
||||
padding: 1em 0 0 1em;
|
||||
}
|
||||
.middle .commodity-info{
|
||||
flex:14;
|
||||
text-align: center;
|
||||
padding: 0 1em;
|
||||
}
|
||||
|
||||
.middle .commodity-attribute{
|
||||
flex: 8;
|
||||
text-align: center;
|
||||
padding: 0 1em;
|
||||
}
|
||||
.middle .commodity-price{
|
||||
flex: 6;
|
||||
text-align: center;
|
||||
padding: 0 1em;
|
||||
}
|
||||
.middle .commodity-amount{
|
||||
flex:5;
|
||||
text-align: center;
|
||||
padding: 0 1em;
|
||||
}
|
||||
.middle .commodity-money{
|
||||
flex:5;
|
||||
text-align: center;
|
||||
padding: 0 1em;
|
||||
}
|
||||
.middle .operation{
|
||||
flex:10;
|
||||
text-align: center;
|
||||
padding: 0 1em;
|
||||
}
|
||||
.middle .cart-info .info-one{
|
||||
margin-top: 1em;
|
||||
/*background: rgb(245,245,245);*/
|
||||
/*height: 3em;*/
|
||||
/*line-height: 3em;*/
|
||||
height: 12em;
|
||||
}
|
||||
.middle .cart-info .info-one .business-name{
|
||||
height: 2em;
|
||||
}
|
||||
.middle .cart-info .info-one .one-commodity{
|
||||
display: flex;
|
||||
border: 1px solid rgb(204,204,204);
|
||||
height: 10em;
|
||||
|
||||
}
|
||||
.middle .cart-info .info-one .one-commodity .check{
|
||||
flex: 1;
|
||||
padding: 1em 0 0 1em;
|
||||
}
|
||||
.middle .one-commodity .commodity-info{
|
||||
flex:14;
|
||||
text-align: center;
|
||||
padding: 1em;
|
||||
}
|
||||
.commodity-info img{
|
||||
height: 6rem;
|
||||
width: 6rem;
|
||||
float: left;
|
||||
}
|
||||
.commodity-info .commodity-name{
|
||||
float: left;
|
||||
width: 10rem;
|
||||
margin-left: 1rem;
|
||||
text-align: initial;
|
||||
color: rgb(60,60,60);
|
||||
}
|
||||
.middle .one-commodity .commodity-attribute{
|
||||
flex: 8;
|
||||
text-align: inherit;
|
||||
padding: 1em;
|
||||
color: rgb(156,156,156);
|
||||
}
|
||||
.middle .one-commodity .commodity-price{
|
||||
flex: 6;
|
||||
text-align: center;
|
||||
padding: 1em;
|
||||
font-weight: bold;
|
||||
}
|
||||
.middle .one-commodity .commodity-amount{
|
||||
flex:5;
|
||||
text-align: center;
|
||||
padding:1em;
|
||||
}
|
||||
.commodity-amount .amount-box{
|
||||
width: 5rem;
|
||||
display: flex;
|
||||
margin: 0 auto;
|
||||
height: 2em;
|
||||
line-height: 2em;
|
||||
}
|
||||
.amount-box .subtraction{
|
||||
width: 1rem;
|
||||
background: rgb(240,240,240);
|
||||
border: 1px solid rgb(240,240,240);
|
||||
user-select: none;
|
||||
}
|
||||
.amount-box input{
|
||||
width: 3rem;
|
||||
|
||||
text-align: center;
|
||||
}
|
||||
.amount-box .addition{
|
||||
width: 1rem;
|
||||
background: rgb(240,240,240);
|
||||
border: 1px solid rgb(240,240,240);
|
||||
user-select: none;
|
||||
}
|
||||
.middle .one-commodity .commodity-money{
|
||||
flex:5;
|
||||
text-align: center;
|
||||
padding: 1em;
|
||||
font-weight: bold;
|
||||
color: #17b5fe;
|
||||
}
|
||||
.middle .one-commodity .operation{
|
||||
flex:10;
|
||||
text-align: center;
|
||||
padding: 1em;
|
||||
}
|
||||
.operation p{
|
||||
margin-top: 0.2rem;
|
||||
}
|
||||
.operation p:nth-child(3){
|
||||
display: none;
|
||||
}
|
||||
.arithmetic:hover{
|
||||
color: #17b5fe;
|
||||
border: 1px solid #17b5fe!important;
|
||||
}
|
||||
.frame{
|
||||
border: 1px dashed #DBEBFE;
|
||||
}
|
||||
.commodity-attribute i{
|
||||
/*display: none;*/
|
||||
float: right;
|
||||
margin: -1rem;
|
||||
}
|
||||
.commodity-attribute span{
|
||||
display: none;
|
||||
float: right;
|
||||
margin: -1rem;
|
||||
background: #17b5fe;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
}
|
@ -21,7 +21,7 @@ body{
|
||||
}
|
||||
.head .content{
|
||||
|
||||
width: 80%;
|
||||
width: 65%;
|
||||
height: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
@ -73,7 +73,6 @@ body{
|
||||
position: absolute;
|
||||
padding: 1em;
|
||||
top: 3em;
|
||||
left: calc(10% - 2px);
|
||||
border: 1px solid rgb(238,238,238);
|
||||
}
|
||||
.head .content .login-information .login-text .personInfo .function{
|
||||
@ -352,7 +351,7 @@ body{
|
||||
overflow: auto;
|
||||
}
|
||||
.middle .box{
|
||||
width: 80%;
|
||||
width: 65%;
|
||||
background: white;
|
||||
margin: 0 auto;
|
||||
}
|
||||
@ -370,8 +369,8 @@ body{
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 75%;
|
||||
-moz-background-size: 80% 80%;
|
||||
background-position: 7px 12px;
|
||||
height: 100%;
|
||||
background-position: 7px 23px;
|
||||
height: 90%;
|
||||
width: 100%;
|
||||
cursor: pointer;
|
||||
}
|
||||
@ -465,7 +464,7 @@ body{
|
||||
.middle .box .navigation-carousel-person .navigation ul li .layui-icon{
|
||||
position: absolute;
|
||||
text-decoration: none;
|
||||
left: 23%;
|
||||
left: 28%;
|
||||
}
|
||||
.middle .box .navigation-carousel-person .carousel .li-content{
|
||||
display: none;
|
||||
@ -474,7 +473,7 @@ body{
|
||||
text-decoration: none;
|
||||
background: white;
|
||||
padding: 1em;
|
||||
width: 100%;
|
||||
/*width: 100%;*/
|
||||
height: 93.8%;
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
|
10
src/main/webapp/static/css/public.css
Normal file
@ -0,0 +1,10 @@
|
||||
.hand-shape{
|
||||
cursor: pointer;
|
||||
}
|
||||
.selection-text{
|
||||
cursor: pointer;
|
||||
}
|
||||
.selection-text:hover{
|
||||
color: #17b5fe;
|
||||
text-decoration: underline;
|
||||
}
|
Before Width: | Height: | Size: 151 KiB |
Before Width: | Height: | Size: 239 KiB |
Before Width: | Height: | Size: 209 KiB |
Before Width: | Height: | Size: 206 KiB |
Before Width: | Height: | Size: 165 KiB |
Before Width: | Height: | Size: 120 KiB |
Before Width: | Height: | Size: 90 KiB |
Before Width: | Height: | Size: 47 KiB |
Before Width: | Height: | Size: 150 KiB |
Before Width: | Height: | Size: 83 KiB |
Before Width: | Height: | Size: 231 KiB |
Before Width: | Height: | Size: 162 KiB |
Before Width: | Height: | Size: 319 KiB |
Before Width: | Height: | Size: 193 KiB |
Before Width: | Height: | Size: 473 KiB |
Before Width: | Height: | Size: 162 KiB |
Before Width: | Height: | Size: 149 KiB |
Before Width: | Height: | Size: 143 KiB |
Before Width: | Height: | Size: 288 KiB |
Before Width: | Height: | Size: 218 KiB |
Before Width: | Height: | Size: 150 KiB |
Before Width: | Height: | Size: 191 KiB |
Before Width: | Height: | Size: 122 KiB |
Before Width: | Height: | Size: 480 KiB |
Before Width: | Height: | Size: 309 KiB |
Before Width: | Height: | Size: 148 KiB |
Before Width: | Height: | Size: 195 KiB |
Before Width: | Height: | Size: 252 KiB |
Before Width: | Height: | Size: 286 KiB |
Before Width: | Height: | Size: 272 KiB |
Before Width: | Height: | Size: 260 KiB |
Before Width: | Height: | Size: 243 KiB |
Before Width: | Height: | Size: 113 KiB |
Before Width: | Height: | Size: 134 KiB |
Before Width: | Height: | Size: 108 KiB |
Before Width: | Height: | Size: 192 KiB |
Before Width: | Height: | Size: 498 KiB |
Before Width: | Height: | Size: 14 KiB |
Before Width: | Height: | Size: 27 KiB |
Before Width: | Height: | Size: 52 KiB |
Before Width: | Height: | Size: 20 KiB |
Before Width: | Height: | Size: 21 KiB |
Before Width: | Height: | Size: 32 KiB |
Before Width: | Height: | Size: 22 KiB |
Before Width: | Height: | Size: 151 KiB |
Before Width: | Height: | Size: 55 KiB |
Before Width: | Height: | Size: 23 KiB |
Before Width: | Height: | Size: 38 KiB |
Before Width: | Height: | Size: 51 KiB |
Before Width: | Height: | Size: 209 KiB |
Before Width: | Height: | Size: 218 KiB |
Before Width: | Height: | Size: 237 KiB |
Before Width: | Height: | Size: 255 KiB |
Before Width: | Height: | Size: 160 KiB |
Before Width: | Height: | Size: 240 KiB |
Before Width: | Height: | Size: 27 KiB |
Before Width: | Height: | Size: 127 KiB |
Before Width: | Height: | Size: 222 KiB |
Before Width: | Height: | Size: 398 KiB |
Before Width: | Height: | Size: 99 KiB |
Before Width: | Height: | Size: 654 KiB |
Before Width: | Height: | Size: 98 KiB |
Before Width: | Height: | Size: 141 KiB |
Before Width: | Height: | Size: 199 KiB |
Before Width: | Height: | Size: 181 KiB |
Before Width: | Height: | Size: 162 KiB |
Before Width: | Height: | Size: 188 KiB |
Before Width: | Height: | Size: 135 KiB |
Before Width: | Height: | Size: 309 KiB |
Before Width: | Height: | Size: 306 KiB |
Before Width: | Height: | Size: 217 KiB |
Before Width: | Height: | Size: 15 KiB |
Before Width: | Height: | Size: 11 KiB |
Before Width: | Height: | Size: 820 KiB |
Before Width: | Height: | Size: 1.3 MiB |
Before Width: | Height: | Size: 1.4 MiB |
Before Width: | Height: | Size: 1.7 MiB |
@ -11,12 +11,14 @@ layui.use(["layer","jquery","element","carousel","table"], function() {
|
||||
url:"/ebuy/allOrderTable",
|
||||
type:"post",
|
||||
dataType:"json",
|
||||
data:{},
|
||||
data:{
|
||||
orderStatus:"05",
|
||||
},
|
||||
success:function (data) {
|
||||
orderInfo = data;
|
||||
let orderTable = "";
|
||||
for (let i = 0; i < data.length; i++) {
|
||||
let order = "";
|
||||
let orderOne = "";
|
||||
//待付款
|
||||
if (data[i].order_status == "01") {
|
||||
orderOne = `<div class="oneOrder">
|
||||
|
83
src/main/webapp/static/js/cart.js
Normal file
@ -0,0 +1,83 @@
|
||||
//一条记录悬停样式
|
||||
function oneOnmousemove() {
|
||||
$(".operation p:nth-child(3)").css("display","block");
|
||||
}
|
||||
function oneOnmouseout() {
|
||||
$(".operation p:nth-child(3)").css("display","none");
|
||||
}
|
||||
|
||||
//商品属性的悬停事件
|
||||
function attributeOnmousemove() {
|
||||
$(".commodity-attribute span").css("display","inline");
|
||||
$(".commodity-attribute i").css("display","none");
|
||||
$(".frame").css("border","1px dashed #17b5fe")
|
||||
}
|
||||
function attributeOnmouseout() {
|
||||
$(".commodity-attribute span").css("display","none");
|
||||
$(".commodity-attribute i").css("display","inline");
|
||||
$(".frame").css("border","1px dashed #DBEBFE")
|
||||
}
|
||||
|
||||
layui.use(["layer","jquery","element","carousel","table"], function() {
|
||||
const layer = layui.layer
|
||||
, $ = layui.jquery
|
||||
, element = layui.element
|
||||
, table = layui.table
|
||||
, carousel = layui.carousel;
|
||||
|
||||
//监听数量
|
||||
let $input = $("#amount");
|
||||
//商品数量
|
||||
let amount = $input.val();
|
||||
if (amount == 1) {
|
||||
$(".subtraction").removeClass("arithmetic hand-shape");
|
||||
$(".subtraction").html("");
|
||||
$input.val(1);
|
||||
}
|
||||
$input.on("input propertychange",function () {
|
||||
let amount = $input.val();
|
||||
if (amount < 1) {
|
||||
layer.msg("商品数量不能低于1")
|
||||
}
|
||||
if (amount == 1) {
|
||||
$(".subtraction").removeClass("arithmetic hand-shape");
|
||||
$(".subtraction").html("")
|
||||
}
|
||||
if (amount > 1) {
|
||||
$input.val(amount);
|
||||
}
|
||||
})
|
||||
//购物车商品数量改变
|
||||
//商品减一
|
||||
$(".subtraction").on("click",function () {
|
||||
let amount = $input.val();
|
||||
amount--;
|
||||
if (amount < 2) {
|
||||
$(".subtraction").removeClass("arithmetic hand-shape");
|
||||
$(".subtraction").html("");
|
||||
if (amount < 1) {
|
||||
layer.msg("商品数量不能低于1")
|
||||
}
|
||||
amount = 1;
|
||||
}
|
||||
$("#amount").val(amount);
|
||||
})
|
||||
//商品加一
|
||||
$(".addition").on("click",function () {
|
||||
let amount = $input.val();
|
||||
amount++;
|
||||
$("#amount").val(amount);
|
||||
if (amount > 1) {
|
||||
$(".subtraction").addClass("arithmetic hand-shape");
|
||||
$(".subtraction").html("-")
|
||||
}
|
||||
})
|
||||
|
||||
//一条记录的悬停样式
|
||||
$(".info-one").attr("onmouseover","oneOnmousemove()");
|
||||
$(".info-one").attr("onmouseout","oneOnmouseout()");
|
||||
|
||||
//修改属性的悬停事件
|
||||
$(".commodity-attribute").attr("onmouseover","attributeOnmousemove()")
|
||||
$(".commodity-attribute").attr("onmouseout","attributeOnmouseout()")
|
||||
})
|
@ -98,6 +98,10 @@ $(".app-logo-one").on("click",function () {
|
||||
$(".more-equity").on("click",function () {
|
||||
layer.msg("功能正在完善,请联系管理员:15006732580!")
|
||||
})
|
||||
//消息正在完善
|
||||
$(".one-news,.news").on("click",function () {
|
||||
layer.msg("功能正在完善,请联系管理员:15006732580!")
|
||||
})
|
||||
|
||||
//log去首页
|
||||
$(".middle .log").on("click",function () {
|
||||
@ -179,7 +183,7 @@ layui.use(['layer',"jquery","element","carousel"], function() {
|
||||
}
|
||||
|
||||
//头像去个人首页
|
||||
$(".head .content .login-information .login-text .personInfo .info .head-portrait").on("click",function () {
|
||||
$(".head .content .login-information .login-text .personInfo .info .head-portrait,.login-information .login-text").on("click",function () {
|
||||
$(".iframe-middle").attr("src","/ebuy/account");
|
||||
sessionStorage.setItem("accountTab","personalHomepage");
|
||||
})
|
||||
@ -208,4 +212,10 @@ layui.use(['layer',"jquery","element","carousel"], function() {
|
||||
$(".search-text").on("click",function () {
|
||||
layer.msg($(".search-box-input").val())
|
||||
})
|
||||
|
||||
//购物车
|
||||
$(".cart").on("click",function () {
|
||||
$(".iframe-middle").attr("src","/ebuy/cart");
|
||||
})
|
||||
|
||||
})
|
32
src/main/webapp/static/js/middle.js
Normal file
@ -0,0 +1,32 @@
|
||||
|
||||
layui.use(['layer',"jquery","element","carousel"], function() {
|
||||
const layer = layui.layer
|
||||
, $ = layui.jquery
|
||||
, element = layui.element
|
||||
, carousel = layui.carousel;
|
||||
//分类展示
|
||||
let typeDowns = [];
|
||||
for (let i = 0; i < 10; i++) {
|
||||
for (let j = 0; j < 3; j++) {
|
||||
let typeDown = $(".navigation ul li:eq(" + i + ") a:eq(" + j + ")").text();
|
||||
typeDowns.push(typeDown)
|
||||
}
|
||||
}
|
||||
$.ajax({
|
||||
url: "/ebuy/commodityType",
|
||||
data: {
|
||||
typeDowns:JSON.stringify(typeDowns)
|
||||
},
|
||||
async: false,
|
||||
dataType: "json",
|
||||
type: "post",
|
||||
success: function (data) {
|
||||
console.log("成功");
|
||||
console.log(data);
|
||||
},
|
||||
error: function () {
|
||||
console.log("shibai1");
|
||||
}
|
||||
})
|
||||
|
||||
})
|
72
src/main/webapp/static/js/pendingPayment.js
Normal file
@ -0,0 +1,72 @@
|
||||
|
||||
layui.use(["layer","jquery","element","carousel","table"], function() {
|
||||
const layer = layui.layer
|
||||
, $ = layui.jquery
|
||||
, element = layui.element
|
||||
, table = layui.table
|
||||
, carousel = layui.carousel;
|
||||
|
||||
let orderInfo;
|
||||
$.ajax({
|
||||
url:"/ebuy/allOrderTable",
|
||||
type:"post",
|
||||
dataType:"json",
|
||||
data:{
|
||||
orderStatus:"01",
|
||||
},
|
||||
success:function (data) {
|
||||
orderInfo = data;
|
||||
let orderTable = "";
|
||||
for (let i = 0; i < data.length; i++) {
|
||||
let orderOne = "";
|
||||
//待付款
|
||||
orderOne = `<div class="oneOrder">
|
||||
<div class="top">
|
||||
<div class="timeAndOrderId">
|
||||
<div class="time">${data[i].creat_time}</div>
|
||||
<div class="orderId">订单号: ${data[i].order_id}</div>
|
||||
</div>
|
||||
<div class="businessName">
|
||||
<span>${data[i].businesses_name}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<div class="commodityInfo">
|
||||
<img src="../../../../static/img/commodity/${data[i].commodity_photo}" class="commodityPhoto" alt=""/>
|
||||
<div class="commodityNameAndCommodityAttribute">
|
||||
<div class="commodityName">${data[i].commodity_name}</div>
|
||||
<div class="commodityAttribute">${data[i].commodity_attribute}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="commodityPrice">
|
||||
¥${data[i].commodity_price}
|
||||
</div>
|
||||
<div class="commodityAmount">${data[i].commodity_amount}</div>
|
||||
<div class="commodityOperation">
|
||||
<span>违规举报</span>
|
||||
</div>
|
||||
<div class="actualPayment">
|
||||
<span>¥${(data[i].commodity_price * data[i].commodity_amount)}</span>
|
||||
<span>(含运费:¥0.00)</span>
|
||||
</div>
|
||||
<div class="orderStatus">
|
||||
<span>等待买家付款</span>
|
||||
<span>订单详情</span>
|
||||
</div>
|
||||
<div class="orderOperation">
|
||||
<button>立即付款</button>
|
||||
<span>找朋友帮忙付</span>
|
||||
<span>取消订单</span>
|
||||
<span>修改订单</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>`;
|
||||
orderTable += orderOne;
|
||||
}
|
||||
$(".table-body").html(orderTable);
|
||||
},
|
||||
error:function () {
|
||||
}
|
||||
});
|
||||
|
||||
})
|
72
src/main/webapp/static/js/toBeEvaluated.js
Normal file
@ -0,0 +1,72 @@
|
||||
|
||||
layui.use(["layer","jquery","element","carousel","table"], function() {
|
||||
const layer = layui.layer
|
||||
, $ = layui.jquery
|
||||
, element = layui.element
|
||||
, table = layui.table
|
||||
, carousel = layui.carousel;
|
||||
|
||||
let orderInfo;
|
||||
$.ajax({
|
||||
url:"/ebuy/allOrderTable",
|
||||
type:"post",
|
||||
dataType:"json",
|
||||
data:{
|
||||
orderStatus:"04",
|
||||
},
|
||||
success:function (data) {
|
||||
orderInfo = data;
|
||||
let orderTable = "";
|
||||
for (let i = 0; i < data.length; i++) {
|
||||
let orderOne = "";
|
||||
//待评价
|
||||
orderOne = ` <div class="oneOrder">
|
||||
<div class="top">
|
||||
<div class="timeAndOrderId">
|
||||
<div class="time">${data[i].creat_time}</div>
|
||||
<div class="orderId">订单号: ${data[i].order_id}</div>
|
||||
</div>
|
||||
<div class="businessName">
|
||||
<span>${data[i].businesses_name}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<div class="commodityInfo">
|
||||
<img src="../../../../static/img/commodity/${data[i].commodity_photo}" class="commodityPhoto" alt=""/>
|
||||
<div class="commodityNameAndCommodityAttribute">
|
||||
<div class="commodityName">${data[i].commodity_name}</div>
|
||||
<div class="commodityAttribute">${data[i].commodity_attribute}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="commodityPrice">
|
||||
¥${data[i].commodity_price}
|
||||
</div>
|
||||
<div class="commodityAmount">1</div>
|
||||
<div class="commodityOperation">
|
||||
<span>申请售后</span>
|
||||
<span>投诉商家</span>
|
||||
</div>
|
||||
<div class="actualPayment">
|
||||
<span>¥${data[i].commodity_name * data[i].commodity_amount}</span>
|
||||
<span>(含运费:¥0.00)</span>
|
||||
</div>
|
||||
<div class="orderStatus">
|
||||
<span>交易成功</span>
|
||||
<span>订单详情</span>
|
||||
<span>花呗账单</span>
|
||||
<span>查看物流</span>
|
||||
</div>
|
||||
<div class="orderOperation">
|
||||
<div class="evaluate">评价</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>`;
|
||||
orderTable += orderOne;
|
||||
}
|
||||
$(".table-body").html(orderTable);
|
||||
},
|
||||
error:function () {
|
||||
}
|
||||
});
|
||||
|
||||
})
|
74
src/main/webapp/static/js/toBeRecevied.js
Normal file
@ -0,0 +1,74 @@
|
||||
|
||||
layui.use(["layer","jquery","element","carousel","table"], function() {
|
||||
const layer = layui.layer
|
||||
, $ = layui.jquery
|
||||
, element = layui.element
|
||||
, table = layui.table
|
||||
, carousel = layui.carousel;
|
||||
|
||||
let orderInfo;
|
||||
$.ajax({
|
||||
url:"/ebuy/allOrderTable",
|
||||
type:"post",
|
||||
dataType:"json",
|
||||
data:{
|
||||
orderStatus:"03",
|
||||
},
|
||||
success:function (data) {
|
||||
orderInfo = data;
|
||||
let orderTable = "";
|
||||
for (let i = 0; i < data.length; i++) {
|
||||
let orderOne = "";
|
||||
//待收货
|
||||
orderOne = `<div class="oneOrder">
|
||||
<div class="top">
|
||||
<div class="timeAndOrderId">
|
||||
<div class="time">${data[i].creat_time}</div>
|
||||
<div class="orderId">订单号: ${data[i].order_id}</div>
|
||||
</div>
|
||||
<div class="businessName">
|
||||
<span>${data[i].businesses_name}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<div class="commodityInfo">
|
||||
<img src="../../../../static/img/commodity/${data[i].commodity_photo}" class="commodityPhoto" alt=""/>
|
||||
<div class="commodityNameAndCommodityAttribute">
|
||||
<div class="commodityName">${data[i].commodity_name}</div>
|
||||
<div class="commodityAttribute">${data[i].commodity_attribute}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="commodityPrice">
|
||||
¥${data[i].commodity_price}
|
||||
</div>
|
||||
<div class="commodityAmount">1</div>
|
||||
<div class="commodityOperation">
|
||||
<span>退款/退换货</span>
|
||||
<span>投诉商家</span>
|
||||
<span>退运保险</span>
|
||||
</div>
|
||||
<div class="actualPayment">
|
||||
<span>¥${data[i].commodity_name * data[i].commodity_amount}</span>
|
||||
<span>(含运费:¥0.00)</span>
|
||||
</div>
|
||||
<div class="orderStatus">
|
||||
<span>等待买家付款</span>
|
||||
<span>订单详情</span>
|
||||
<span>花呗账单</span>
|
||||
<span class="evaluate">查看物流</span>
|
||||
</div>
|
||||
<div class="orderOperation">
|
||||
<button>确认收货</button>
|
||||
<span>申请开票</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>`
|
||||
orderTable += orderOne;
|
||||
}
|
||||
$(".table-body").html(orderTable);
|
||||
},
|
||||
error:function () {
|
||||
}
|
||||
});
|
||||
|
||||
})
|