From 03247d9b0392d2c9388b3228c7eef6533944460a Mon Sep 17 00:00:00 2001
From: li-guang <153605324@qq.com>
Date: Mon, 21 Dec 2020 17:38:17 +0800
Subject: [PATCH] 服务单

---
 hive-app/pages/workbench/orderList.vue     |    1 
 hive-app/App.vue                           |    2 
 hive-app/pages/workbench/selectService.vue |    2 
 hive-app/pages/workbench/confirmOrder.vue  |   79 ++++++++++++++++++++++-----------------
 4 files changed, 47 insertions(+), 37 deletions(-)

diff --git a/hive-app/App.vue b/hive-app/App.vue
index 79cc8bc..e3cdae7 100644
--- a/hive-app/App.vue
+++ b/hive-app/App.vue
@@ -16,5 +16,5 @@
 	/*每个页面公共css */
 @import url("./common/styles/index");
 @import url("./static/iconfont/iconfont.css");
-@import url("//at.alicdn.com/t/font_2263696_tm4mdlsht1a.css");
+@import url("//at.alicdn.com/t/font_2263696_a9xwl9mgtk.css");
 </style>
diff --git a/hive-app/pages/workbench/confirmOrder.vue b/hive-app/pages/workbench/confirmOrder.vue
index 6eca592..fdc0db2 100644
--- a/hive-app/pages/workbench/confirmOrder.vue
+++ b/hive-app/pages/workbench/confirmOrder.vue
@@ -1,33 +1,40 @@
 <template>
 	<!-- 确认订单 -->
 	<view class="container">
-		<view class="header flex align-center justify-between">
-			<view>
-				<text class="font-16">李某</text>
-				<text class="font-16 ml-15">男</text>
-				<text class="font-16 ml-15">18岁</text>
-			</view>
-			<text class="font-16">15588886885</text>
-		</view>
-		<view class="content mt-20">
-			<view class="content-row flex align-center justify-between">
-				<text class="font-14">(项目) 肽妍氨基酸平衡基础洁面乳×1</text>
-				<text class="font-14">¥90,000</text>
-			</view>
-			<view class="content-row flex align-center justify-between">
-				<text class="font-14">(套餐) 肽妍氨基酸平衡基础洁面乳×1</text>
-				<text class="font-14">¥90,000</text>
-			</view>
-			<view class="content-row flex align-center justify-between">
-				<text class="font-14">(项目) 肽妍氨基酸平衡基础洁面乳×1</text>
-				<text class="font-14">¥90,000</text>
-			</view>
-			<view class="right mt-30">
-				<text class="font-16 mr-5">合计:</text>
-				<text class="font-16 red">¥270,000</text>
+		<view class="header flex align-center mt-10">
+			<image class="header-img" src="../../static/images/head-img.jpg"></image>
+			<view class="ml-10">
+				<view class="font-16">
+					<text>李某</text>
+					<text class="ml-20">15588881111</text>
+				</view>
+				<text class="font-14 gray mt-5">普通会员</text>
 			</view>
 		</view>
-		<button class="blue-btn btn" @click="linkTo('./submitSucceed')">提交订单</button>
+		<view class="content flex flex-v mt-10">
+			<view class="content-row flex justify-between align-center flex-1" v-for="item in 4">
+				<view class="flex align-center">
+					<image class="centent-img" mode="aspectFill" src="../../static/images/product.jpg"></image>
+					<view class="flex flex-v font-12 ml-10">
+						<text>[项目] 肽妍氨基酸平衡基础洁面乳</text>
+						<text class="gray">×1</text>
+					</view>
+				</view>
+				<view>
+					<text>¥400.00</text>
+				</view>
+			</view>
+			<view class="content-row flex justify-between">
+				<text class="blue">共5件商品</text>
+				<view class="flex align-center">
+					<text>合计:</text>
+					<text class="red ml-10">¥90,000.00</text>
+				</view>
+			</view>
+		</view>
+		<navigator url="./submitSucceed">
+			<button class="sticky-footer blue-btn">确认提交</button>
+		</navigator>
 	</view>
 </template>
 
@@ -37,11 +44,6 @@
 			return{}
 		},
 		methods:{
-			linkTo(val){
-				uni.navigateTo({
-					url:val
-				})
-			}
 		}
 	}
 </script>
@@ -49,6 +51,16 @@
 <style>
 	.container{
 		padding: 10px;
+	}
+	.header-img{
+		width: 48px;
+		height: 48px;
+		border-radius: 50%;
+	}
+	.centent-img{
+		width: 36px;
+		height: 36px;
+		border-radius: 4px;
 	}
 	.header{
 		border: 1px solid #EDEAF4;
@@ -66,10 +78,7 @@
 		border-bottom: 1px solid #EDEAF4;
 		padding: 10px 5px;
 	}
-	.btn{
-		position: absolute;
-		bottom: 10px;
-		left: 10px;
-		right: 10px;
+	.content-row:nth-last-child(1){
+		border: 0;
 	}
 </style>
diff --git a/hive-app/pages/workbench/orderList.vue b/hive-app/pages/workbench/orderList.vue
index 96857fe..8bd4ef2 100644
--- a/hive-app/pages/workbench/orderList.vue
+++ b/hive-app/pages/workbench/orderList.vue
@@ -98,6 +98,7 @@
 		border-radius: 4px;
 		margin: 10px;
 		color: #3a3f3f;
+		border: 1px solid #EDEAF4;
 	}
 	.list-header{
 		display: flex;
diff --git a/hive-app/pages/workbench/selectService.vue b/hive-app/pages/workbench/selectService.vue
index 1f426f7..e1482bc 100644
--- a/hive-app/pages/workbench/selectService.vue
+++ b/hive-app/pages/workbench/selectService.vue
@@ -81,7 +81,7 @@
 				</view>
 				<text class="font-14 blue ml-10">¥110.00</text>
 			</view>
-			<navigator url="../confirmOrder">
+			<navigator url="./confirmService">
 				<button class="blue-btn btn mr-0">提交订单</button>
 			</navigator>
 		</view>

--
Gitblit v1.9.1