first commit

金壶/appV1/pages/order/express.vue

@@ -0,0 +1,160 @@
+<template>
+	<!-- 查看物流 页面 -->
+	<view class="content bg_F2F2F2">
+		<PublicTop page_title='物流详情'></PublicTop>
+		<!-- 占位 -->
+		<view class="place"></view>
+		<view class="x_margin0auto w-90 padding-30 x-bg-white my_order margin-bottom22">
+			<view class="d-flex goods_items a-center w-100" v-for="(item,index) of goods_list" :key='index'>
+				<view class="box_img">
+					<an-image :src="item.app_thumb?item.app_thumb:'https://ydyd-develop-file.oss-cn-hangzhou.aliyuncs.com/imageerror.jpg'" alt="https://ydyd-develop-file.oss-cn-hangzhou.aliyuncs.com/imageerror.jpg"></an-image>
+				</view>
+				<view class="goods_txt flex-1 padding-zy30">
+					<view class="font-weight">{{item.name}}</view>
+					<view class="">{{item.manufacturer_name}}</view>
+					<view class="d-flex j-sb">
+						<view>{{item.spec_desc}}</view>
+						<view>{{item.retail_flag == 1?'整':'零'}}</view>
+						<view>X {{item.goods_number}}</view>
+					</view>
+					<view class="d-flex j-sb margin-shu20">
+						<view class="x-text-159">￥ {{item.unit_price}}</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="x_margin0auto w-90 padding-30 x-bg-white my_order margin-bottom22">
+			<view class="wuliu">
+				<uni-steps :options=list direction="column" :active = list_index active-color='#EB5159'></uni-steps>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import uniSteps from'../../components/uni-steps/uni-steps.vue'
+	import PublicTop from '../../components/HeaderTop/PublicTop.vue'
+	import order from '../../utils/models/order.js'
+	import anImage from '@/components/an-image/an-image'
+	export default {
+		data() {
+			return {
+				order_info:{},
+				goods_list:[],
+				list: [],
+				list_index:1,
+				order_id:0,
+				exp_num:'',
+				exp_type:'',
+				type:'get_detail'
+			}
+		},
+		components:{
+			PublicTop,
+			uniSteps,
+			anImage
+		},
+		methods: {
+			async getExpress() {
+				let parames = {
+					order_id:this.order_id,
+					exp_num : this.exp_num,
+					exp_type : this.exp_type,
+					type : this.type
+				}
+				let data = await order.getExpress(parames)
+				this.list = data.data.express_info
+				this.goods_list = data.data.order_info.order_goods
+				this.order_info = data.data.order_info.order_detail
+				this.handleError(data, res => {
+					
+				})
+			},
+		},
+		created() {
+			this.getExpress()
+		},
+		onLoad(option) {
+			this.order_id = option.id
+			this.exp_num = option.express_sn
+			this.exp_type = option.express_name
+			this.type = 'get_detail'
+		}
+	}
+</script>
+
+<style lang="scss">
+	.place{
+		background-color: #ffffff;
+		height: 148upx;
+	}
+	.content {
+		height:100%;
+		overflow-y: auto;
+		.my_order {
+			margin-top:30upx;
+			border-radius: 20upx;
+			position: relative;}
+		.box_img {
+				height: 153.3upx;
+				width: 198upx;
+				background-color: #F2F2F2;
+				padding: 10upx 20upx;
+				margin: 0 10upx;
+			}
+		.order_list {
+			height: calc(100% - 238upx);
+			overflow-y: auto;
+			.order_items {
+				border-radius: 20upx;
+			}
+		}
+
+		.list {
+			font-size: 26upx;
+
+			.list_items {
+				position: relative;
+				.box_img {
+					height: 153.3upx;
+					width: 198upx;
+					
+					padding: 10upx 20upx;
+					margin: 0 10upx;
+				}
+
+				.goods_items {
+					position: relative;
+
+					.goods_count {
+						position: absolute;
+						bottom: -14upx;
+						right: 8upx;
+					}
+				}
+
+				.line {
+					height: 4upx;
+					background-color: #F2F2F2;
+				}
+			}
+			.look_logistics{
+				border-radius: 20upx;
+				width:132upx;
+				height:45upx;
+				line-height: 45upx;
+				text-align: center;
+				border:1upx solid #C3C3C3;
+				
+				position: absolute;
+				right:22upx;
+				bottom:-54upx;
+			}
+		}
+		.img{
+			height:17upx;
+			width:32upx;
+		}
+		
+	}
+</style>