cte-share/components/dachexingcheng/dachexingcheng.vue

<template>
	<view >
		<view class="contentColumnC" style="width: 700rpx;background-color: white;">
			<view style="height: 20rpx;"></view>
			<view v-if="weizhifu!=0" class="contentInRowS noteCtView" @click="actIndex(0)">
				<text style="color: white;font-size: 32rpx;margin-left: 10rpx;">您有订单未完成支付！</text>
				<uni-icons custom-prefix="custom-icon" color="white" type="right" size="24"></uni-icons>
			</view>
			<view class="contentInRowS" style="width:660rpx;align-items: center;">
				<view class="contentInRowL" style="align-items: center;">
					<text style="width: 20rpx;height: 20rpx;border-radius: 10rpx;background-color:#65AB91;"></text>
					<view class="contentColumn" style="width: 580rpx;">
						<text class="staddrtext">{{XChengObj.boardingAddress}}</text>
						<text style="color: #65AB91;font-size: 24rpx;margin-left: 10rpx;">当前位置</text>
					</view>
				</view>
				<uni-icons v-if="xiugai==0" custom-prefix="custom-icon" color="slateblue" type="refresh" size="32"  @click="actIndex(1)"></uni-icons>
			</view>
			<view class="contentInRowL mudidiViewct">
				<view class="contentInRowL" style="align-items: center;">
					<text style="width: 20rpx;height: 20rpx;border-radius: 10rpx;background-color:#E86E48;"></text>
					<view class="contentColumn" style="width: 580rpx;">
						<text class="staddrtext" style="color: #E86E48;">{{XChengObj.downAddress}}</text>
						<text style="color: #E86E48;font-size: 24rpx;margin-left: 10rpx;">目的地</text>
					</view>
				</view>
			</view>
			<view v-if="XChengObj.distance!=''" class="contentInRowS" style="width:660rpx;align-items: center;">
				<text class="staddrtext">里程：{{XChengObj.distance}}Km</text>
				<text class="staddrtext" style="color: #E86E48;">预计用时：{{XChengObj.estimatedDuration}}</text>
				<text class="staddrtext" style="color:darkmagenta;">车费：{{XChengObj.amount}}元</text>
			</view>
			<view style="height: 20rpx;"></view>
		</view>
		<view class="contentColumnC" style="margin-top: 40rpx;">
			<text v-if="xiugai==0" class="actBTzhifu" @click="actIndex(2)">{{i18n('dache.woyaojiaoche')}}</text>
			<text v-if="xiugai==1" class="actBTzhifu" @click="actIndex(3)">{{i18n('dache.xiugaimudd')}}</text>
		</view>
	</view>
</template>

<script>
	export default {
		name:"dachexingcheng",
		props:{
			XChengObj:'',
			xiugai:0,
			weizhifu:0
		},
		data() {
			return {
				mudidi:'',
				mdaddr:'',
			};
		},
		methods:{
			i18n(str){
				return getApp().globalData.$t(str);
			},
			actIndex(index){
				this.$emit('EXCactSelect',index,'');
			},
			mdaddrinput(event){
				this.mdaddr = event.target.value;
				this.$emit('EXCactSelect',4,this.mdaddr);
			},
		},
	}
</script>

<style>
.noteCtView{
	width: 660rpx;
	align-items: center;
	background-color: #E86E48;
	border-radius: 10rpx;
	margin-bottom: 20rpx;
	height: 60rpx;
}
.staddrtext{
	margin-left: 10rpx;
	font-size: 28rpx;
	color: #65AB91;
}

.mudidiViewct{
	width: 660rpx;
	align-items: center;
	margin-top: 20rpx;
	margin-bottom: 20rpx;
	
}
.noinputV{
	margin-left: 10rpx;
	margin-top: 10rpx;
	margin-bottom: 10rpx;
	width: 580rpx;
	height: 60rpx;
	background-color: #F2F4FF;
	border-radius: 8rpx;
}
.actBTzhifu{
	font-size: 30rpx;
	font-weight: bold;
	line-height: 60rpx;
	padding-left: 50rpx;
	padding-right: 50rpx;
	border-radius: 30rpx;
	color: white;
	background-color: #E86E48;
	margin-bottom: 16rpx;

}
</style>