jje_uniapp/orderPages/orderDetail/index.vue

<template>
    <view class="content">
        <view class="page">
            <view class="box_4">
                <view class="group_1">
                    <u-icon name="cut" color="#93D21A" size="18"></u-icon>
                    <text lines="1" class="text_3">服务中</text>
                </view>
                <text lines="1" class="text_4">过程中您可以与发型师分享生活经历和趣事</text>
            </view>
            <view class="box_5">
                <view class="text-wrapper_2">
                    <text lines="1" class="text_5">到店</text>
                </view>
                <view class="box_6">
                    <image
                        src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngbe12c633bc42bdfe4bec24b4a5cbba0cf2303827d9158295c117a6bd81b460f0"
                        class="thumbnail_3"></image>
                    <text lines="1" class="text_6">订单编号：</text>
                    <text lines="1" class="text_7">0202304261651056047</text>
                </view>
                <text lines="1" class="text_8">吉祥理胎发</text>
                <view class="box_7">
                    <view class="box_8">
                        <view class="image-text_2">
                            <image src="../../static/order/ud1.png" mode="" style="height: 36rpx;width: 36rpx;"></image>
                            <text lines="1" class="text-group_2">服务对象：</text>
                        </view>
                        <view class="image-text_3">
                            <image src="../../static/order/ud2.png" mode="" style="height: 36rpx;width: 36rpx;"></image>
                            <text lines="1" class="text-group_3">服务门店：</text>
                        </view>
                        <view class="image-text_4">
                            <u-icon name="clock" size="16"></u-icon>
                            <text lines="1" class="text-group_4">下单时间：</text>
                        </view>
                    </view>
                    <view class="text-wrapper_3">
                        <text lines="1" class="text_9">娃娃</text>
                        <text lines="1" class="text_10">红发廊富水南路店</text>
                        <text lines="1" decode="true" class="text_11">2023-8-14&nbsp;12:33:55</text>
                    </view>
                    <view class="text-group_5">
                        <text lines="1" class="text_12">A25</text>
                        <text lines="1" class="text_13">排号</text>
                    </view>
                </view>
                <view class="box_9">
                    <view class="image-text_5">
                        <u-icon name="scan" size="18"></u-icon>
                        <text lines="1" class="text-group_6">扫码</text>
                    </view>
                </view>
                <view class="box_10"></view>
                <view class="text-wrapper_4">
                    <text lines="1" class="text_14">扫码后的项目名称</text>
                    <text lines="1" class="text_15">服务中</text>
                </view>
                <view class="box_11">
                    <view class="group_2"></view>
                    <view class="group_3">
                        <view class="image-text_6">
                            <u-icon name="server-man" size="16"></u-icon>
                            <text lines="1" class="text-group_7">服务人员：</text>
                        </view>
                        <view class="box_12">
                            <u-icon name="clock" size="16"></u-icon>
                            <text lines="1" class="text_16">服务时间：</text>
                        </view>
                    </view>
                    <view class="text-wrapper_5">
                        <text lines="1" class="text_17">张三</text>
                        <text lines="1" decode="true" class="text_18">2023-8-14&nbsp;12:33:55</text>
                    </view>
                </view>
                <view class="box_13">
                    <text lines="1" class="text_19">订单总金额：</text>
                    <text lines="1" class="text_20">¥48.00</text>
                    <view class="image-text_7">
                        <image
                            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngff61e1197c09a2e2a6dbd82ec2e37efb6e678021c6c1e8ba4e8df5ff9259086d"
                            class="thumbnail_10"></image>
                        <text lines="1" class="text-group_8">申诉</text>
                    </view>
                </view>
                <view class="box_14"></view>
                <view>
                    <view class="text-wrapper_6">
                        <text lines="1" class="text_21">扫码后的项目名称</text>
                        <text lines="1" class="text_22">服务中</text>
                    </view>
                    <view class="box_15">
                        <view class="block_1"></view>
                        <view class="block_2">
                            <view class="image-text_8">
                                <u-icon name="server-man" size="16"></u-icon>
                                <text lines="1" class="text-group_9">服务人员：</text>
                            </view>
                            <view class="box_16">
                                <u-icon name="clock" size="16"></u-icon>
                                <text lines="1" class="text_23">服务时间：</text>
                            </view>
                        </view>
                        <view class="text-wrapper_7">
                            <text lines="1" class="text_24">张三</text>
                            <text lines="1" decode="true" class="text_25">2023-8-14&nbsp;12:33:55</text>
                        </view>
                    </view>
                    <view class="box_17">
                        <text lines="1" class="text_26">订单总金额：</text>
                        <text lines="1" class="text_27">¥48.00</text>
                        <view class="image-text_9">
                            <image
                                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngff61e1197c09a2e2a6dbd82ec2e37efb6e678021c6c1e8ba4e8df5ff9259086d"
                                class="thumbnail_13"></image>
                            <text lines="1" class="text-group_10">申诉</text>
                        </view>
                    </view>
                    <view class="box_18"></view>
                </view>
                
            </view>
            <view class="box_19">
                <text lines="1" class="text_28">合计价格：¥96.00</text>
                <view class="section_1">
                    <text lines="1" class="text_29">待支付</text>
                    <text lines="1" class="text_30">¥48.00</text>
                    <text lines="1" class="text_31">¥68.00</text>
                    <text lines="1" class="text_32">价格明细</text>
                    <view class="text-wrapper_8">
                        <text lines="1" class="text_33">提交</text>
                    </view>
                </view>
            </view>
        </view>
    </view>
</template>

<script>
import tabBar from "../../components/tabBar/tabBar";
export default {
    components: {
        tabBar
    },
    data() {
        return {
            title: 'Hello',
            tabIndex: 3
        }
    },
    onLoad() {

    },
    methods: {

    }
}
</script>

<style>
@import '/common/css/common.css';
@import './index.rpx.scss';</style>