JiangxiMiniProgram/pages/mineEntry/myOrder/comp/opera.vue

<template>
	<!-- 模拟器 -->
	<view class="consultItem">
		<view class="top_row">
			<view class="flex">
				<view class="tag" :class="{yellow: (item.orderType==1||item.feeType==1)}"> {{orderTypeTxt[item.orderType||item.feeType]}}</view>
				<view class="schoolName oneRowText">{{ $u.utils.truncateText(item.schoolName, 12) }}</view>
			</view>
			<view class="status">
				<!-- 退款 -->
				<view class="text" v-if="item.feeType">{{auditStatusTxt[item.auditStatus]}}</view>
				<!-- 订单 -->
				<view class="text" v-else>{{orderStatusTxt[item.orderStatus]}}</view>
				
				<view class="icon">
					<u-icon name="arrow-right" size="14" color="#686B73" style="margin-left: 12rpx;" ></u-icon>
				</view>
			</view>
		</view>
		<view class="target">
			<view class="row">
				<view class="leftLab">
					<view class="icon">
						<image src="@/static/images/car/ic_chexing.png" mode=""></image>
					</view>
					<view class="lab">学驾车型</view>
				</view>
				<view class="name">{{item.trainType}}</view>
			</view>
			<view class="row">
				<view class="leftLab">
					<view class="icon">
						<image src="@/static/images/car/ic_banxing.png" mode=""></image>
					</view>
					<view class="lab">所选班型</view>
				</view>
				<view class="name">{{item.className}}</view>
			</view>
		</view>
		<view class="border_bottom">
			<!-- <view class="dateBox">
				<view class="date">完成时间：2022-01-04</view>
			</view> -->
			<!-- <view class="btnBg">去评价</view> -->
			<view class="rows">
				<view class="label">培训费总价</view>
				<view class="value">￥{{ $u.utils.priceTo(item.totalAmount) }}</view>
			</view>
			<view class="rows">
				<view class="label hui">实际支付</view>
				<view class="value blue">￥暂无字段</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: ['item'],
		data() {
			return {
				orderTypeTxt: ['', '学费', '理科费', '考场模拟', '额外学时购买'],//1：驾校培训费用，2：理科培训费用，3：考场适应性费用，4：额外学时购买
				orderStatusTxt: ['待支付', '已支付', '已取消', '支付失败'], //0：待支付，1：已支付，-1：已取消，2：支付失败
				auditStatusTxt: ['待审核', '审核通过', '审核不通过',],//审核状态，0、待审核，1、审核通过，-1、取消，2、审核不通过,示例值(2)	
			}
		}
	}
</script>

<style lang="scss" scoped>
	@import './comp.scss';
</style>