meishidaYH/msdYongHu/components/dachesijijied/dachesijijied.vue

<template>
	<view>
		<view style="width:700rpx;background-color: white;">
			<view class="contentInRowS sizeSpace">
				<view class="contentInRowL">
					<image class="iconViewI" src="/static/images/dache/sijitx.png" mode="scaleToFill"></image>
					<view v-if="XChengObj.state==1" class="contentColumn" style="margin-left: 16rpx;">
						<text class="ztextfontB4">司机正在赶来</text>
						<text class="textfontS2" style="color: darkgray;">请耐心等待！</text>
					</view>
					<view v-if="XChengObj.state==2" class="contentColumn" style="margin-left: 16rpx;">
						<text class="ztextfontB4">为保证行车安全，请不要跟司机聊天！</text>
						<text class="textfontS2" style="color: darkgray;">请保管好个人物品，下车请拿好！</text>
					</view>
				</view>
				<text class="textfontS2"> </text>
				<!-- <text class="textfontS2" style="color: darkgray;"  @click="actSelect(0)">取消订单</text> -->
			</view>
			<view class="contentColumnC">
				<view class="contentColumnC boxViewct">
					<view class="contentInRowS boxsizeSpace">
						<view class="contentColumn">
							<view class="chepaiV">
							</view>
							<view style="margin-top: -30rpx;">
								<text class="chepaiText">京A23456</text>
							</view>
							<text class="ztextfontB4" style="margin-top: 40rpx;">黑色·丰田 凯美瑞</text>
							<view class="contentInRowL" style="align-items: center;">
								<text class="textfontB5" style="color: darkgray;">{{XChengObj.driver.nickName}}</text>
								<text class="textfontB5"  style="color: darkgray;padding-left: 16rpx;">接单累计:1095</text>
								<image style="width: 26rpx;height: 26rpx;" src="/static/images/dache/huangsexx.png" mode="scaleToFill"></image>
							</view>
						</view>
						<view class="contentInRowR">
							<image style="width: 70rpx;height: 70rpx;margin-right: 20rpx;" src="/static/images/dache/dianhualianxi.png" mode="scaleToFill"  @click="actSelect(1)"></image>
							<image style="width: 70rpx;height: 70rpx;" src="/static/images/dache/xinxlt.png" mode="scaleToFill"  @click="actSelect(2)"></image>
						</view>
					</view>
					<view style="height: 2rpx;background-color: lightgray;margin-top: 20rpx;margin-bottom: 20rpx;"></view>
					<view class="contentInRowS boxsizeSpace">
						<view class="contentColumnC"  @click="actSelect(3)">
							<image class="actIconV" src="/static/images/dache/baojing.png" mode="scaleToFill"></image>
							<text class="textfontB5" style="color: darkgray;">一键报警</text>
						</view>
						<view class="contentColumnC" @click="actSelect(4)">
							<image class="actIconV" src="/static/images/dache/kefu.png" mode="scaleToFill"></image>
							<text class="textfontB5" style="color: darkgray;">客服中心</text>
						</view>
						<view class="contentColumnC"  @click="actSelect(5)">
							<image class="actIconV" src="/static/images/dache/xiugai.png" mode="scaleToFill"></image>
							<text class="textfontB5" style="color: darkgray;">修改目的地</text>
						</view>
						<view class="contentColumnC"  @click="actSelect(6)">
							<image class="actIconV" src="/static/images/dache/liuyan.png" mode="scaleToFill"></image>
							<text class="textfontB5" style="color: darkgray;">语音留言</text>
						</view>
					</view>
				</view>
				<view style="height: 40rpx;"></view>
			</view>
			
		</view>
	</view>
</template>

<script>
	export default {
		name:"dachesijijied",
		props: {
			XChengObj:''
		},
		data() {
			return {

			};
		},
		methods:{
			actSelect(index){
				this.$emit('EJDactSelect',index);
			},
		},
	}
</script>

<style>
.iconViewI{
	width: 100rpx;
	height: 100rpx;
}
.sizeSpace{
	width: 660rpx;
}

.boxViewct{
	margin-top: 20rpx;
	width: 660rpx;
	border-radius: 20rpx;
	border: 1rpx solid lightgray;
	/* box-shadow: 0rpx 0rpx 20rpx 0rpx lightgray; */
}

.boxsizeSpace{
	width: 620rpx;
}

.chepaiV{
	margin-top: 40rpx;
	height: 30rpx;
	background: linear-gradient(to right, #E86E48, #FFFFFF);
}
.chepaiText{
	font-size: 50rpx;
	line-height: 60rpx;
	font-weight: bold;
}

.actIconV{
	width: 60rpx;
	height: 60rpx;
}

</style>