This commit is contained in:
裴浩宇 2020-01-19 16:08:54 +08:00
parent 674520ae13
commit d54660f8cb
101 changed files with 898 additions and 728 deletions

View File

@ -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;
}

View File

@ -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);
}

View File

@ -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>

View File

@ -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);
}

View File

@ -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;
}
}

View 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("已创建文件夹");
}
}
*/

View File

@ -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>
<!--&lt;!&ndash;待发货&ndash;&gt;-->
<!--<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>-->
<!--&lt;!&ndash;待收货&ndash;&gt;-->
<!--<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>-->
<!--&lt;!&ndash;待评价&ndash;&gt;-->
<!--<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>

View File

@ -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">
<!--&lt;!&ndash;待付款&ndash;&gt;-->
<!--<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>
<!--&lt;!&ndash;待收货&ndash;&gt;-->
<!--<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>-->
<!--&lt;!&ndash;待评价&ndash;&gt;-->
<!--<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>

View File

@ -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">
<!--&lt;!&ndash;待付款&ndash;&gt;-->
<!--<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>-->
<!--&lt;!&ndash;待发货&ndash;&gt;-->
<!--<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>
<!--&lt;!&ndash;待评价&ndash;&gt;-->
<!--<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>

View File

@ -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">
<!--&lt;!&ndash;待付款&ndash;&gt;-->
<!--<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>-->
<!--&lt;!&ndash;待发货&ndash;&gt;-->
<!--<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>-->
<!--&lt;!&ndash;待收货&ndash;&gt;-->
<!--<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>

View 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>

View File

@ -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>

View File

@ -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{

View 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;
}

View File

@ -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%);
}

View File

@ -0,0 +1,10 @@
.hand-shape{
cursor: pointer;
}
.selection-text{
cursor: pointer;
}
.selection-text:hover{
color: #17b5fe;
text-decoration: underline;
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 151 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 239 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 209 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 206 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 165 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 120 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 90 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 47 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 150 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 83 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 231 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 162 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 319 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 193 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 473 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 162 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 149 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 143 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 288 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 218 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 150 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 191 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 122 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 480 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 309 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 148 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 195 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 252 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 286 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 272 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 260 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 243 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 113 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 134 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 108 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 192 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 498 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 52 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 151 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 55 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 38 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 51 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 209 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 218 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 237 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 255 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 160 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 240 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 127 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 222 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 398 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 99 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 654 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 98 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 141 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 199 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 181 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 162 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 188 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 135 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 309 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 306 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 217 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 820 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.7 MiB

View File

@ -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">

View 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()")
})

View File

@ -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");
})
})

View 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");
}
})
})

View 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 () {
}
});
})

View 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 () {
}
});
})

View 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 () {
}
});
})

Some files were not shown because too many files have changed in this diff Show More