Browse Source

个人页面/订单页面路由

zhaoxw 4 years ago
parent
commit
0b126dd8af
4 changed files with 710 additions and 136 deletions
  1. 81 81
      pages.json
  2. 43 55
      pages/user/index.vue
  3. 586 0
      pagesOrder/index.vue
  4. BIN
      static/images/userDefaultHead.png

+ 81 - 81
pages.json

@@ -1,81 +1,81 @@
-{
-	"pages": [{
-			"path": "pages/index/index",
-			"style": {
-				"navigationBarTitleText": "首页"
-			}
-		},
-		{
-			"path": "pages/shop/index",
-			"style": {
-				"navigationBarTitleText": "商城"
-			}
-		},
-		{
-			"path": "pages/cart/cart",
-			"style": {
-				"navigationBarTitleText": "购物车"
-			}
-		},
-		{
-			"path": "pages/user/index",
-			"style": {
-				"navigationBarTitleText": "个人"
-			}
-		}
-	],
-	"subPackages": [{
-		"root": "pagesGood",
-		"pages": [{
-			"path": "goodDetails",
-			"style": {
-				"navigationBarTitleText": "商品详情"
-			}
-		}, {
-			"path": "goodList",
-			"style": {
-				"navigationBarTitleText": "商品列表"
-			}
-		}, {
-			"path": "shopDetails",
-			"style": {
-				"navigationBarTitleText": "商铺详情"
-			}
-		}]
-	}],
-	"globalStyle": {
-		"navigationStyle": "default",
-		"navigationBarTextStyle": "black",
-		"navigationBarTitleText": "千家地",
-		"navigationBarBackgroundColor": "#ffffff",
-		"backgroundColor": "#F8F8F8"
-	},
-	"tabBar": {
-		"borderStyle": "black",
-		"backgroundColor": "#fff",
-		"color": "#9A9A9A",
-		"selectedColor": "#52A63A",
-		"list": [{
-				"pagePath": "pages/index/index",
-				"iconPath": "static/images/icon-index.png",
-				"selectedIconPath": "static/images/icon-index-active.png",
-				"text": "首页"
-			},{
-				"pagePath": "pages/shop/index",
-				"iconPath": "static/images/icon-shop.png",
-				"selectedIconPath": "static/images/icon-shop-active.png",
-				"text": "商城"
-			},{
-				"pagePath": "pages/cart/cart",
-				"iconPath": "static/images/icon-cart.png",
-				"selectedIconPath": "static/images/icon-cart-active.png",
-				"text": "购物车"
-			},{
-				"pagePath": "pages/user/index",
-				"iconPath": "static/images/icon-mine.png",
-				"selectedIconPath": "static/images/icon-mine-active.png",
-				"text": "个人"
-			}
-		]
-	}
-}
+{
+	"pages": [{
+			"path": "pages/index/index",
+			"style": {
+				"navigationBarTitleText": "首页"
+			}
+		},
+		{
+			"path": "pages/shop/index",
+			"style": {
+				"navigationBarTitleText": "商城"
+			}
+		},
+		{
+			"path": "pages/cart/cart",
+			"style": {
+				"navigationBarTitleText": "购物车"
+			}
+		},
+		{
+			"path": "pages/user/index",
+			"style": {
+				"navigationBarTitleText": "个人"
+			}
+		}
+	],
+	"subPackages": [{
+		"root": "pagesGood",
+		"pages": [{
+			"path": "goodDetails",
+			"style": {
+				"navigationBarTitleText": "商品详情"
+			}
+		}, {
+			"path": "goodList",
+			"style": {
+				"navigationBarTitleText": "商品列表"
+			}
+		}, {
+			"path": "shopDetails",
+			"style": {
+				"navigationBarTitleText": "商铺详情"
+			}
+		}]
+	},{
		"root": "pagesOrder",
		"pages": [{
			"path": "index",
			"style": {
				"navigationBarTitleText": "我的订单"
			}
		}]
	}],
+	"globalStyle": {
+		"navigationStyle": "default",
+		"navigationBarTextStyle": "black",
+		"navigationBarTitleText": "千家地",
+		"navigationBarBackgroundColor": "#ffffff",
+		"backgroundColor": "#F8F8F8"
+	},
+	"tabBar": {
+		"borderStyle": "black",
+		"backgroundColor": "#fff",
+		"color": "#9A9A9A",
+		"selectedColor": "#52A63A",
+		"list": [{
+				"pagePath": "pages/index/index",
+				"iconPath": "static/images/icon-index.png",
+				"selectedIconPath": "static/images/icon-index-active.png",
+				"text": "首页"
+			},{
+				"pagePath": "pages/shop/index",
+				"iconPath": "static/images/icon-shop.png",
+				"selectedIconPath": "static/images/icon-shop-active.png",
+				"text": "商城"
+			},{
+				"pagePath": "pages/cart/cart",
+				"iconPath": "static/images/icon-cart.png",
+				"selectedIconPath": "static/images/icon-cart-active.png",
+				"text": "购物车"
+			},{
+				"pagePath": "pages/user/index",
+				"iconPath": "static/images/icon-mine.png",
+				"selectedIconPath": "static/images/icon-mine-active.png",
+				"text": "个人"
+			}
+		]
+	}
+}

+ 43 - 55
pages/user/index.vue

@@ -1,36 +1,37 @@
 <template>
 	<view class="content">
-		<cover-image class="top-bg" src="@/static/images/userbackground.png"></cover-image>
+		<cover-image class="top-bg" src="../../static/images/userbackground.png"></cover-image>
 		<view class="page-content">
 			<view class="user-info-box" @click="gologin" v-if="JSON.stringify(item) =='{}' ">
-				<image class="user-image" src="" mode="widthFix"></image>
+				<image class="user-image" src="@/static/images/userDefaultHead.png" mode="widthFix"></image>
 				<view class="user-info">
 					<view class="user-logoin-title">点击登录</view>
 					<view class="user-logoin-lable">登录后享受更多权益~</view>
 				</view>
 			</view>
-			<view class="user-info-box" v-else @click="goinfo">
-				<image class="user-image" v-if="infoitem.headimg" :src="infoitem.headimg" mode="widthFix" style="border-radius: 50%;"></image>
-				<image class="user-image" v-else src="" mode="widthFix"></image>
+			<view class="user-info-box" v-else>
+				<image class="user-image" :src="infoitem.headimg" mode="widthFix" style="border-radius: 50%;"></image>
 				<view class="user-info">
-					<view class="user-logoin-title" v-if="infoitem.nickname">{{infoitem.nickname}}</view>
-					<view class="user-logoin-title" v-else>{{infoitem.phone}}</view>
-					
+					<view class="user-logoin-title mb5">{{infoitem.nickname}}</view>
+					<view class="user-level">
+						<view class="iconfont iconVIP mr5"></view>
+						<view>VIP用户</view>
+					</view>
 				</view>
 				<image class="user-info-right" src="" mode=""></image>
 			</view>
 			<view class="user-activity">
-				<view class="mr10">
+				<view class="mr20">
 					<view class="font18">50</view>
 					<view class="font10">共享种植</view>
 				</view>
-				<view class="mr10">|</view>
-				<view class="mr10">
+				<view class="mr20">|</view>
+				<view class="mr20">
 					<view class="font18">150</view>
 					<view class="font10">我的积分</view>
 				</view>
-				<view class="mr10">|</view>
-				<view>
+				<view class="mr20">|</view>
+				<view @click="couponClick()">
 					<view class="font18">45</view>
 					<view class="font10">我的优惠券</view>
 				</view>
@@ -48,22 +49,11 @@
 					<view class="iconfont icondaishouhuo order-item-icon"></view>
 					<view class="order-item-text">待收货</view>
 				</view>
-				<image class="order-line" src="" mode="widthFix"></image>
-				<view class="order-item" @click="orderTap(0)">
+				<view class="order-item" @click="gouserEvaluate">
 					<view class="iconfont icondaipingjia order-item-icon"></view>
 					<view class="order-item-text">待评价</view>
 				</view>
 			</view>
-			<!-- <view class="item-btn mt20" @click="gouserEvaluate">
-				<view class="iconfont icondizhiguanli item-btn-icon"></view>
-				<view class="item-btn-text">我的评价</view>
-				<view class="iconfont iconfangxiang"></view>
-			</view>
-			<view class="item-btn mt20" @click="couponClick">
-				<view class="iconfont icondizhiguanli item-btn-icon"></view>
-				<view class="item-btn-text">我的卡券</view>
-				<view class="iconfont iconfangxiang"></view>
-			</view> -->
 			<view class="item-btn mt20" @click="addressClick">
 				<view class="iconfont icondizhiguanli item-btn-icon"></view>
 				<view class="item-btn-text">收货地址</view>
@@ -73,7 +63,7 @@
 				<view class="split-line"></view>
 			</view>
 			<view class="item-btn" @click="addressClick">
-				<view class="iconfont icondizhiguanli item-btn-icon"></view>
+				<view class="iconfont iconguanyu item-btn-icon"></view>
 				<view class="item-btn-text">关于我们</view>
 				<view class="iconfont iconfangxiang"></view>
 			</view>
@@ -82,13 +72,11 @@
 </template>
 
 <script>
-	import userbackground from '../../static/images/userbackground.png'
 	// const NET = require('../../../utils/request')
 	// const API = require('../../../config/api')
 	export default {
 		data() {
 			return {
-				userbackground,
 				item:{},
 				infoitem:{},
 			}
@@ -134,19 +122,6 @@
 					})
 				}
 				
-			},
-			// 分销中心
-			godistribution(){
-				if(JSON.stringify(this.item) == '{}'){
-					uni.navigateTo({
-						url:'/pagesUser/userModule/login'
-					})
-				}else{
-					uni.navigateTo({
-						url:'/pagesDistribution/distributionModule/index'
-					})
-				}
-				
 			},
 			//我的优惠券
 			couponClick(){
@@ -192,15 +167,15 @@
 				})
 			},
 			orderTap(type){
-				if(JSON.stringify(this.item) == '{}'){
-					uni.navigateTo({
-						url:'/pagesUser/userModule/login'
-					})
-				}else{
+				// if(JSON.stringify(this.item) == '{}'){
+				// 	uni.navigateTo({
+				// 		url:'/pagesUser/userModule/login'
+				// 	})
+				// }else{
 					uni.navigateTo({
-						url:'/pagesOrder/orderModule/index?type='+type
+						url:'/pagesOrder/index?type='+type
 					})
-				}
+				// }
 			}
 		}
 	}
@@ -218,7 +193,7 @@
 		/* background-color: #f8f8f8; */
 		.top-bg{
 			width: 100%;
-			height: 175px;
+			height: 195px;
 		}
 		.page-content{
 			width: 100%;
@@ -226,7 +201,7 @@
 			display: flex;
 			flex-direction: column;
 			z-index: 10;
-			margin-top: -185px;
+			margin-top: -200px;
 			.user-info-box{
 				width: 100%;
 				box-sizing: border-box;
@@ -250,6 +225,16 @@
 						font-weight:500;
 						color:rgba(255,255,255,1);
 					}
+					.user-level {
+						width: 70px;
+						height: 20px;
+						background: #FFFFFF;
+						color: #FF850C;
+						display: flex;
+						align-items: center;
+						justify-content: center;
+						font-size: 12px;
+					}
 					.user-logoin-lable{
 						font-size:24upx;
 						font-weight:400;
@@ -267,7 +252,7 @@
 				text-align: center;
 				align-items: center;
 				justify-content: center;
-				padding: 15px;
+				padding: 0 15px 15px 15px;
 				color: #FFFFFF;
 			}
 			.order-box{
@@ -341,11 +326,14 @@
 			.mt20{
 				margin-top: 20upx;
 			}
-			.mt1{
-				margin-top: 1upx;
+			.mb5{
+				margin-bottom: 5px;
+			}
+			.mr5{
+				margin-right: 5px;
 			}
-			.mr10{
-				margin-right: 10px;
+			.mr20{
+				margin-right: 20px;
 			}
 			.font18{
 				font-size: 18px;

+ 586 - 0
pagesOrder/index.vue

@@ -0,0 +1,586 @@
+<template>
+	<view class="container">
+		<view style="padding-bottom:68upx;">
+			<view>
+				<u-tabs :list="tabList" :is-scroll="false" bg-color="#F7F7F7" active-color="#FF7800" :current="type" @change="orderStateChange"></u-tabs>
+			</view>
+			<view class="order-list-box">
+				<view v-if="list.length > 0">
+					<view class="item" v-for="(item, index) in list" :key="item.id" @click="itemTap(item)">
+						<view class="order-list-top">
+							<view class="top-l" @click.stop="goShop(item.storeId)" v-if="isShowShop">
+								<image src="/images/orderList-shop-img.png" class="shop-img"></image>
+								<text class="shop-name">{{item.storeName}}</text>
+								<image src="/images/arrow-right.png" class="arrow-img"></image>
+							</view>
+							<view class="top-l" v-else>
+								
+							</view>
+							<!--订单状态: 退款中 交易关闭 待付款 待发货 待收货 已完成-->
+							<view class="order-status" v-if='item.orderStatus==1'>待付款</view>
+							<view class="order-status" v-else-if='item.orderStatus==2'>待发货</view>
+							<view class="order-status" v-else-if='item.orderStatus==3'>待收货</view>
+							<view class="order-status" v-else-if='item.orderStatus==4'>已完成</view>
+							<view class="order-status" v-else-if='item.orderStatus==5'>交易关闭</view>
+							<view class="order-status" v-else-if='item.returnType==1'>退款中</view>
+						</view>
+						<view class="order-info-box">
+							<view class="order-info">
+								<view class="order-info-item" v-for="(proItem, pIndex) in item.orderProductVOList" :key="proItem.id">
+									<image :src="proItem.skuImg" class="product-img"></image>
+									<view class="info-box">
+										<text class="product-name">{{proItem.productName}}</text>
+										<view class="product-sku">{{proItem.skuNameStr}}</view>
+										<view class="price-sku-box">
+										<view class="box-h">
+											<text class="product-price"><text class="fuhao">¥</text>{{fenToYuan(proItem.sellPrice)}}</text>
+											<text class="product-num">x {{proItem.buyNum}}</text>
+											</view>
+											<view v-if="proItem.commentStatus == 0" class="evaluate" @click.stop="evaluateTap(proItem,pIndex)">立即评价</view>
+											<view v-if="proItem.commentStatus == 1 && proItem.additionalComment != null" class="evaluate2" @click.stop="evaluateTowTap(index)">追加评价</view>
+										</view>
+									</view>
+								</view>
+								<view class="total-price-box">总价¥{{fenToYuan(item.orderSum)}}
+									<block v-if="item.paySum > 0">
+										,实付¥{{fenToYuan(item.paySum)}}
+									</block>
+								</view>
+							</view>
+		
+							<view class="order-btn-box">
+								<text class="btn l" v-if='item.orderStatus==1' @click.stop="cancelOrder(item,index)">取消订单</text>
+								<text class="btn r" v-if='item.orderStatus==1' @click.stop="payOrder(item,index)">立即付款</text>
+								<text class="btn l" v-if='(item.orderStatus==2 || item.orderStatus==3 || item.orderStatus==4) && item.returnType == -1' @click.stop="applyTap(item,index)" >申请售后</text>
+								<text class="btn l" v-if='item.logisticsNum && item.shipperCode' @click.stop="goLogisticsTap(item.shipperCode,item.logisticsNum)">查看物流</text>
+								<text class="btn r" v-if='item.orderStatus==3' @click.stop="confirmReceiptTap(item,index)">确认收货</text>
+								<text class="btn l" v-if='item.orderStatus==5' @click.stop="delOrder(item,index)">删除订单</text>
+								<text class="btn l" v-if='item.returnType==1' @click.stop="refundDetail(item)">退款详情</text>
+							</view>
+						</view>
+					</view>
+				</view>
+				<view v-else class="emptyOrder-box flex-items-plus flex-column">
+					<image class="emptyOrder-img" src=""></image>
+					<label class="font-color-999 fs26 mar-top-30">你还没有订单哦~</label>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	// const NET = require('../../utils/request')
+	// const API = require('../../config/api')
+	// var jweixin = require('jweixin-module');
+	export default {
+		data() {
+			return {
+				type: 0,
+				pageIndex: 1,
+				pageSize: 50,
+				list: [],
+				scrollLeft: 0,
+				isShowShop: false,
+				tabList: [
+					{
+					name: '全部'
+					},{
+					name: '待付款'
+					},{
+					name: '待发货'
+					},{
+					name: '待收货'
+					},{
+					name: '待评价'
+					},
+				],
+			}
+		},
+		onLoad(options) {
+			this.type = options.type
+			// this.getListData(options.type)
+			// this.getGetStoreSwitch()
+		},
+		methods: {
+			//退款详情
+			refundDetail(item){
+				uni.navigateTo({
+					url:'refundDetails?item='+JSON.stringify(item)
+				})
+			},
+			orderStateChange(index) {
+				this.type = index;
+				this.getListData(index)
+			},
+			getGetStoreSwitch() {
+			    NET.request(API.GetStoreSwitch).then(res => {
+			        this.isShowShop = res.data
+			    })
+			},
+			// 订单列表数据
+			getListData(type) {
+			    uni.showLoading({
+			      title: '加载中...',
+			    })
+			    NET.request(API.FindOrderList, {
+			      orderStatus: type,
+			      pageIndex: this.pageIndex,
+			      pageSize: this.pageSize
+			    }, 'POST').then(res => {
+					
+			      uni.hideLoading()
+			        if (this.pageIndex == 1) {
+			          uni.stopPullDownRefresh()
+			          this.list = [];
+			        }
+			        let list = res.data.orderVOList
+			        this.list = this.list.concat(list)
+					console.log(res.data,8889999999999)
+			    }).catch(res => {
+			      uni.hideLoading()
+			    })
+			},
+			cancelOrder(item,index) {
+			    uni.showModal({
+			      title: '温馨提示',
+			      content: '您确定要取消该订单吗?',
+			      confirmText: '确定取消',
+			      cancelText: '点错了',
+			      success: res => {
+			        if (res.confirm) {
+			          this.doCancel(item, index)
+			        } else if (res.cancel) {
+			          console.log('用户点击取消')
+			        }
+			      }
+			    })
+			},
+			doCancel(item, index) {
+			    uni.showLoading({
+			      title: '提交中...',
+			    })
+			    NET.request(API.CancelOrder, {
+			      id: item.id
+			    }, 'POST').then(res => {
+			      uni.hideLoading()
+			      uni.showToast({
+			        title: '取消成功',
+			      })
+			      setTimeout(() => {
+			        this.list[index].orderStatus = 5
+			        this.list = this.list
+			      }, 1500);
+			
+			    }).catch(res => {
+			      uni.hideLoading()
+			    })
+			},
+			goLogisticsTap(shipperCode,logisticsNum){
+			    uni.navigateTo({
+					url:'logisticsInfo?shipperCode='+shipperCode+'&logisticsNum='+logisticsNum
+			    })
+			},
+			confirmReceiptTap(item, index) {
+			    uni.showModal({
+			      title: '温馨提示',
+			      content: '确定您已经收到货物,否则会造成财产损失',
+			      confirmText: '确定收到',
+			      cancelText: '点错了',
+			      success: res => {
+			        if (res.confirm) {
+			          this.doConfirm(item, index)
+			        } else if (res.cancel) {
+			          console.log('用户点击取消')
+			        }
+			      }
+			    })
+			},
+			doConfirm(item, index) {
+			    NET.request(API.ConfirmReceive, {
+			      id: item.id
+			    }, 'POST').then(res => {
+			      uni.hideLoading()
+			      uni.showToast({
+			        title: '确认成功',
+			      })
+			
+			      this.list[index].orderStatus = 4
+			      this.list = this.data.list
+			    }).catch(res => {
+			      uni.hideLoading()
+			    })
+			},
+			delOrder(item, index) {
+			    uni.showModal({
+			      title: '温馨提示',
+			      content: '您确定要删除该订单吗?',
+			      confirmText: '确定删除',
+			      cancelText: '点错了',
+			      success: res => {
+			        if (res.confirm) {
+			          this.doDel(item, index)
+			        } else if (res.cancel) {
+			          console.log('用户点击取消')
+			        }
+			      }
+			    })
+			},
+			doDel(item, index) {
+			    uni.showLoading({
+			      title: '提交中...',
+			    })
+			    NET.request(API.DelOrder, {
+			      id: item.id
+			    }, 'POST').then(res => {
+			      uni.hideLoading()
+			      uni.showToast({
+			        title: '删除成功',
+			      })
+			      setTimeout(() => {
+			        this.list.splice(index, 1)
+			        this.list = this.list
+			      }, 1500);
+			
+			    }).catch(res => {
+			      uni.hideLoading()
+			    })
+			},
+			// 跳转订单详情
+			itemTap(item) {
+			    uni.navigateTo({
+					url:'orderDetails?orderId='+item.id
+			    })
+			},
+			goShop(id) {
+			    if (!this.isShowShop) {
+			      return
+			    }
+			    uni.navigateTo({
+					url:'orderDetails?id='+id
+			    })
+			
+			},
+			fenToYuan(value) {
+				if(!value){
+				return '0.00'
+				}
+				  value = value/100.0;
+				return value.toFixed(2) // 此处2为保留两位小数,保留几位小数,这里写几
+			},
+			applyTap(item, index) {
+			    // 申请售后
+			    uni.navigateTo({
+					url: 'afterSaleApply?item=' + JSON.stringify(item)
+			    })
+			},
+			payOrder(item, index) {
+			    uni.showLoading({
+			      title: '加载中...',
+			    })
+			    NET.request(API.ContinuePay, {
+			      orderCode: item.orderCode
+			    }, 'POST').then(res => {
+			        uni.hideLoading()
+					this.payRequest(res.data)
+			    }).catch(res => {
+			      uni.hideLoading()
+			    })
+			},
+			//H5支付
+			// payRequest(payInfo){
+			// 	jweixin.config({
+			// 		debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
+			// 		appId:'unif0713a10bbae8732', // 必填,公众号的唯一标识
+			// 		timestamp:payInfo.timeStamp, // 必填,生成签名的时间戳
+			// 		nonceStr:payInfo.nonceStr, // 必填,生成签名的随机串
+			// 		signature:payInfo.paySign, // 必填,签名,见附录1
+			// 		jsApiList: ['chooseuniPay'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
+			// 	});
+			// 	jweixin.ready(function() {
+			// 		jweixin.checkJsApi({
+			// 			jsApiList: ['chooseuniPay'], // 需要检测的JS接口列表,所有JS接口列表见附录2,
+			// 			success: function(res) {
+			// 				console.log('checkjsapi Success')
+			// 				console.log(res);
+			// 			},
+			// 			fail:function(res) {
+			// 				console.log('res')
+			// 				console.log(res);
+			// 			}
+			// 		});
+			// 		jweixin.chooseuniPay({
+			// 			timestamp: payInfo.timeStamp, // 支付签名时间戳,注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
+			// 			nonceStr: payInfo.nonceStr, // 支付签名随机串,不长于 32 位
+			// 			package: payInfo.packageValue, // 统一支付接口返回的prepay_id参数值,提交格式如:prepay_id=***)
+			// 			signType: payInfo.signType, // 签名方式,默认为'SHA1',使用新版支付需传入'MD5'
+			// 			paySign:payInfo.paySign, // 支付签名
+			// 			success:function(res) {
+			// 				// 支付成功后的回调函数
+			// 				console.log('paysuccess')
+			// 				console.log(res)
+			// 				// uni.redirectTo({
+			// 				//     url: 'index'
+			// 				// });
+			// 				setTimeout(() => {
+			// 				  uni.navigateBack({
+			// 				    delta: 2
+			// 				  })
+			// 				}, 1500)
+			// 			},
+			// 			cancel: function(r) {
+			// 			},
+			// 			fail:function(res) {
+			// 				console.log(res)
+			// 			}
+			// 		});
+			// 	});
+			// 	jweixin.error(function(res) {
+			// 		console.log('error')
+			// 		console.log(res)
+			// 		uni.showToast({
+			// 			icon: 'none',
+			// 			title: '支付失败了',
+			// 			duration: 4000
+			// 		});
+			// 	});
+			// },
+			//立即评论
+			evaluateTap(item, index){
+			    uni.setStorageSync('evaluateItem', item)
+			    uni.setStorageSync('pIndex', index)
+			    uni.navigateTo({
+			      url: '/pagesGoods/goodsModule/evaluate',
+			    })
+			},
+			evaluateTowTap(index){
+				console.log(this.list[index].orderProductVOList[0],454545)
+			  uni.setStorageSync('addCommentVOList', this.list[index].orderProductVOList[0]);
+			  uni.navigateTo({
+			  	url:'/pagesGoods/goodsModule/addEvaluate?type=1'
+			  })
+			},
+		}
+	}
+</script>
+
+<style lang="scss">
+	page {
+	  width: 100%;
+	  height: 100%;
+	  background: #f6f6f6;
+	}
+	
+	.nav-box-box {
+	  height: 88upx;
+	  background: #f6f6f6;
+	  white-space: nowrap;
+	  position: fixed;
+	  top: 0;
+	  left: 0;
+	  width: 100%;
+	  z-index: 10;
+	}
+	
+	.nav-box-box .item {
+	  display: inline-view;
+	  padding: 0 30upx;
+	  box-sizing: border-box;
+	  height: 88upx;
+	  text-align: center;
+	  line-height: 88upx;
+	  font-size: 30upx;
+	  color: #666;
+	  font-weight: 500;
+	}
+	
+	.nav-box-box .item.active text {
+	  display: inline-view;
+	  color: #ff7911;
+	  box-sizing: border-box;
+	  height: 88upx;
+	  border-bottom: 2px solid #ff7911;
+	}
+	
+	.order-list-box {
+	  padding: 20upx 30upx 0;
+	  box-sizing: border-box;
+	}
+	
+	.order-list-box .item {
+	  margin-bottom: 20upx;
+	  background: #fff;
+	  border-radius: 10upx;
+	}
+	
+	.order-list-top {
+	  height: 96upx;
+	  padding: 0 30upx;
+	  box-sizing: border-box;
+	  display: flex;
+	  flex-direction: row;
+	  align-items: center;
+	  justify-content: space-between;
+	  border-bottom: 1px solid #eee;
+	}
+	
+	.top-l {
+	  display: flex;
+	  flex-direction: row;
+	  align-items: center;
+	}
+	
+	.shop-img {
+	  width: 36upx;
+	  height: 36upx;
+	  margin-right: 10upx;
+	}
+	
+	.shop-name {
+	  font-size: 30upx;
+	  color: #333;
+	  font-weight: bold;
+	}
+	
+	.arrow-img {
+	  margin-left: 15upx;
+	  width: 24upx;
+	  height: 24upx;
+	}
+	
+	.order-status {
+	  font-size: 28upx;
+	  color: #ff7911;
+	  font-weight: 500;
+	}
+	
+	.order-info-box {
+	  padding: 0 30upx;
+	  box-sizing: border-box;
+	}
+	
+	.order-info {
+	  border-bottom: 1px solid #eee;
+	}
+	
+	.order-info-item {
+	  display: flex;
+	  flex-direction: row;
+	  padding: 20upx 0;
+	}
+	
+	.product-img {
+	  width: 180upx;
+	  height: 180upx;
+	  border-radius: 10upx;
+	  margin-right: 30upx;
+	}
+	
+	.info-box {
+	  flex: 1;
+	  display: flex;
+	  flex-direction: column;
+	  justify-content: space-between;
+	}
+	
+	.product-name {
+	  font-size: 26upx;
+	  color: #333;
+	  height: 68upx;
+	  line-height: 34upx;
+	  display: -webkit-box;
+	  overflow: hidden;
+	  text-overflow: ellipsis;
+	  word-break: break-all;
+	  -webkit-box-orient: vertical;
+	  -webkit-line-clamp: 2;
+	}
+	
+	.price-sku-box {
+	  display: flex;
+	  flex-direction: row;
+	  justify-content: space-between;
+	}
+	
+	.product-sku {
+	  font-size: 24upx;
+	  color: #999;
+	}
+	
+	.product-price {
+	  font-size: 28upx;
+	  color: #333;
+	  font-weight: 400;
+	}
+	
+	.product-price .fuhao {
+	  font-size: 28upx;
+	}
+	
+	.product-num {
+	  display: inline-view;
+	  font-size: 28upx;
+	  margin-left: 20upx;
+	  color: #999;
+	}
+	.total-price-box{
+	  font-size: 26upx;
+	  color:#333;
+	  text-align: right;
+	  padding: 30upx 0;
+	}
+	.order-btn-box {
+	  padding: 20upx 0;
+	  display: flex;
+	  flex-direction: row;
+	  justify-content: flex-end;
+	}
+	
+	.order-btn-box .btn {
+	  display: inline-view;
+	  width: 150upx;
+	  height: 56upx;
+	  border-radius: 28upx;
+	  text-align: center;
+	  line-height: 56upx;
+	  font-size: 26upx;
+	  color:#333;
+	  margin-left: 20upx;
+	}
+	.evaluate{
+	  height: 56upx;
+	  border-radius: 28upx;
+	  text-align: center;
+	  line-height: 56upx;
+	  font-size: 26upx;
+	  padding: 0 30upx;
+	  border: 1px solid #FF7911;
+	  color: #FF7911;
+	}
+	.evaluate2{
+	  height: 56upx;
+	  border-radius: 28upx;
+	  text-align: center;
+	  line-height: 56upx;
+	  font-size: 26upx;
+	  padding: 0 30upx;
+	  border: 1px solid #BBBBBB;
+	  color: #333;
+	}
+	.order-btn-box .btn.l {
+	  border: 1px solid #BBBBBB;
+	  color: #333;
+	}
+	
+	.order-btn-box .btn.r {
+	  border: 1px solid #FF7911;
+	  color: #FF7911;
+	}
+	.emptyOrder-box{
+		margin-top: 70upx;
+		.emptyOrder-img{
+			width: 270upx;
+			height: 270upx;
+		}
+	}
+</style>

BIN
static/images/userDefaultHead.png