소스 검색

10.28第一次通宵完成订单页面,以及基本逻辑

eason 1 년 전
부모
커밋
c3a531e515

+ 12 - 0
fore-end/API/appraise.js

@@ -7,6 +7,7 @@ const API = {
 	getUserInfoURL: '/user/info',
 	registerURL: '/user/register',
 	modifyURL: '/user/modify',
+	getOrderURL: '/order/user'
 
 	
     //放接口URL
@@ -84,6 +85,16 @@ function modify(params) {
 	);
 }
 
+function getOrder(params) {
+	return http(
+		API.getOrderURL,
+		{
+			method: 'GET',
+			data: params.data,
+		}
+	)
+}
+
 module.exports = {
     createCommont,
 	getCommentList,
@@ -91,4 +102,5 @@ module.exports = {
 	getUserInfo,
 	register,
 	modify,
+	getOrder
 }

+ 3 - 2
fore-end/app.json

@@ -11,7 +11,8 @@
         "van-icon": "@vant/weapp/icon/index",
         "van-field": "@vant/weapp/field/index",
 		"van-toast": "@vant/weapp/toast/index",
-		"van-card": "@vant/weapp/card/index"
+		"van-card": "@vant/weapp/card/index",
+		"van-swipe-cell": "@vant/weapp/swipe-cell/index"
     },
     "pages": [
         "pages/home/home",
@@ -53,7 +54,7 @@
                 "selectedIconPath": "/assets/tabBar_img/append-active.png"
             },
             {
-                "pagePath": "pages/myOrder/myOrder",
+                "pagePath": "pages/message/message",
                 "iconPath": "/assets/tabBar_img/message.png",
                 "selectedIconPath": "/assets/tabBar_img/message-active.png"
             },

+ 1 - 1
fore-end/pages/myOrder/myOrder.js

@@ -5,7 +5,7 @@ Page({
      * 页面的初始数据
      */
     data: {
-		imageURL: wx.getStorageSync('avatarUrl'),
+		imageURL: "https://img.js.design/assets/img/64ca47253793e163e2c22e5e.jpg",
     },
 
     /**

+ 19 - 4
fore-end/pages/myOrder/myOrder.wxml

@@ -1,6 +1,21 @@
 <!--pages/myOrder.wxml-->
-<van-cell-group>
-	<van-cell inset>
-		<van-cell title=""></van-cell>
+<van-swipe-cell right-width="{{ 100 }}" wx:for="{{array}}" >
+  <van-cell-group inset class="commodity-card">
+	<van-cell class="commodity-card-title" style="width: 684rpx; height: 92rpx; display: flex; box-sizing: border-box" border="{{false}}">
+		<view class="commodity-card-title-name" style="position: relative; left: 0rpx; top: 5rpx">店铺名称></view>
+		<view class="commodity-card-title-status" style="position: relative; left: 478rpx; top: -46rpx; width: 140rpx; height: 50rpx; display: block; box-sizing: border-box">商品状态</view>
 	</van-cell>
-</van-cell-group>
+	<van-cell class="commodity-card-body" style="width: 684rpx; height: 211rpx; display: flex; box-sizing: border-box">
+		<van-image radius="15px" width="80" height="80" src="{{imageURL}}" style="position: relative; left: -450rpx; top: 5rpx"></van-image>
+		<view class="commodity-card-body-info" style="width: 409rpx; height: 165rpx; display: flex; box-sizing: border-box; position: relative; left: 209rpx; top: -180rpx">
+			<view class="commodity-card-body-info-title" style="position: relative; left: 0rpx; top: 38rpx; width: 282rpx; height: 136rpx; display: block; box-sizing: border-box">商品标题</view>
+			<van-cell title="¥10.00" title-style="position:relative;text-align:left;color:red;" style="position: relative; left: 267rpx; top: -48rpx; width: 142rpx; height: 80rpx; display: block; box-sizing: border-box"></van-cell>
+		</view>
+	</van-cell>
+	<van-cell class="commodity-card-footer">
+		<van-button round size="small" class="commodity-card-footer-btn">联系卖家</van-button>
+		<van-button round size="small" class="commodity-card-footer-btn" color="red">评价</van-button>
+	</van-cell>
+  </van-cell-group>
+  <view slot="right" class="van-swipe-cell__right">删除</view>
+</van-swipe-cell>

+ 68 - 1
fore-end/pages/myOrder/myOrder.wxss

@@ -1 +1,68 @@
-/* pages/myOrder.wxss */
+/* pages/myOrder.wxss */
+.van-swipe-cell__left{
+	background-color: seagreen;
+	height: inherit;
+	width: 100px;
+	color: white;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.van-swipe-cell__right{
+	background-color: red;
+	height: inherit;
+	width: 100px;
+	color: white;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.commodity-card{
+	display: flex;
+	flex-direction: column;
+}
+
+.commodity-card-title{
+	display: flex;
+	flex-direction: row;
+}
+
+.commodity-card-title>van-cell{
+	border-bottom: none;
+}
+
+.commodity-card-title-name{
+	position: relative;
+	left: 0px;
+	font-weight: 400;
+	text-align: left;
+	width: 200px;
+}
+
+.commodity-card-title-status{
+	position: relative;
+	right: 0;
+	font-weight: 400;
+	text-align: right;
+	width: 50px;
+}
+
+.commodity-card-body{
+	display: flex;
+}
+
+.commodity-card-body-info{
+	display: flex;
+	flex-direction: column;
+}
+
+.commodity-card-body-info-title{
+	font-weight: 400;
+	text-align: left;
+}
+
+.commodity-card-footer-btn{
+	margin: 2px;
+}

+ 15 - 4
fore-end/pages/user/user.js

@@ -1,9 +1,10 @@
 // pages/user/user.js
 const {http} = require("../../utils/util")
-var infoOption = {
-	header:{
-		"Authorization": wx.getStorageSync('token')
-	},
+const {getOrder} = require("../../API/appraise")
+var getOrderOption = {
+	data: {
+		id: wx.getStorageSync('uid'),
+	}
 }
 Page({
 
@@ -91,6 +92,16 @@ Page({
 		  url: '/pages/userchange/userchange',
 		})
 	},
+	myOrder:function(){
+		getOrder(getOrderOption).then((res) => {
+			console.log(res);
+		}).catch((err)=>{
+			console.log(err);
+		})
+		wx.navigateTo({
+		  url: '/pages/myOrder/myOrder',
+		})
+	}
 	
 	
 	

+ 1 - 1
fore-end/pages/user/user.wxml

@@ -15,7 +15,7 @@
 			<van-cell bindtap="changeBtn" value="编辑个人信息" is-link  class="pages-user-username-3" value-class="font-size:12px;"></van-cell>
 		</view>
 	</view>
-	<van-cell class="pages-user-order">
+	<van-cell class="pages-user-order" bindtap="myOrder">
 		<van-icon name="/assets/tabBar_img/订单.png" class="pages-user-order-1"></van-icon>
 		<view class="pages-user-order-2">我的订单</view>
 	</van-cell>