H5_module/service/serviceRecord/index.vue

<template>
	<view>
		<view class="list">
			<view class="li" @click="jumpUrl('/mine/serviceDetail/index')">
				<view class="li-t"><text>订单编号</text>2022060811001130</view>
				<view class="pro">
					<view class="lis ddflex">
						<image :src="picUrlss + 'wdbg1.png'" mode="aspectFill"></image>
						<view class="fflex">
							<view class="proname">超声波洁牙次卡</view>
							<view class="sta"><text>服务医生</text>刘婷</view>
							<view class="price ddflex">
								<view class="money"></view>
								<view class="count">×1</view>
							</view>
							<!-- <view class="sta"><text>使用时间</text>2022-06-08  14:36:45</view> -->
						</view>
					</view>
				</view>
				<view class="opt ddflex">
					<view class="time">2022-06-08  14:36:45</view>
				</view>
			</view>
			<view class="li" @click="jumpUrl('/mine/serviceDetail/index')">
				<view class="li-t"><text>订单编号</text>2022060811001131</view>
				<view class="pro">
					<view class="lis ddflex">
						<image :src="picUrlss + 'wdbg1.png'" mode="aspectFill"></image>
						<view class="fflex">
							<view class="proname">超声波洁牙</view>
							<view class="sta"><text>服务医生</text>刘婷</view>
							<!-- <view class="sta"><text>使用时间</text>2022-06-08  14:36:45</view> -->
							<view class="price ddflex">
								<view class="money"><text>￥</text>39.9</view>
								<view class="count">×1</view>
							</view>
						</view>
					</view>
					<view class="lis ddflex">
						<image :src="picUrlss + 'wdbg1.png'" mode="aspectFill"></image>
						<view class="fflex">
							<view class="proname">牙齿抛光</view>
							<view class="sta"><text>服务医生</text>刘婷</view>
							<!-- <view class="sta"><text>使用时间</text>2022-06-08  14:36:45</view> -->
							<view class="price ddflex">
								<view class="money"><text>￥</text>39.9</view>
								<view class="count">×1</view>
							</view>
						</view>
					</view>
				</view>
				<view class="opt ddflex">
					<view class="time">2022-06-08  14:36:45</view>
					<view class="total">
						共2件商品 总计<text>￥39</text>
					</view>
				</view>
			</view>
			<view class="li" @click="jumpUrl('/mine/serviceDetail/index')">
				<view class="li-t"><text>订单编号</text>2022060811001132</view>
				<view class="pro">
					<view class="lis ddflex">
						<image :src="picUrlss + 'wdbg1.png'" mode="aspectFill"></image>
						<view class="fflex">
							<view class="proname">余额充值</view>
							<view class="sta"><text>服务人员</text>李婷</view>
							<!-- <view class="sta"><text>使用时间</text>2022-06-08  14:36:45</view> -->
							<view class="price ddflex">
								<view class="money"><text>￥</text>5000</view>
								<view class="count">×1</view>
							</view>
						</view>
					</view>
				</view>
				<view class="opt ddflex">
					<view class="time">2022-06-08  14:36:45</view>
					<view class="total">
						共1件商品 总计<text>￥5000</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	const app = getApp();
	const req = require("../../utils/request.js");

	export default {
		data() {
			return {
				picUrlss: req.public.picUrls,
			};
		},

		components: {},
		props: {},
		onLoad: async function(options) {
		},
		methods: {
			jumpUrl(url){
				uni.navigateTo({
					url: url
				})
			}
		}
	};
</script>

<style>
	@import "./index";
</style>