xiamen-sb-uniapp/pages/oiling-detail/oiling-detail.vue

<template>
    <view style="padding-top: 50rpx">
        <view class="mx3 my2 p3 bg-color-white" style="border-radius: 16rpx">
            <view class="d-flex py3 border-bottom">
                <view class="f-size-26 text-color-9 w200">状态</view>
                <view class="f-size-26 text-color-3">待加油</view>
            </view>
            <view class="d-flex py3 border-bottom">
                <view class="f-size-26 text-color-9 w200">设备名称</view>
                <view class="f-size-26 text-color-3">挖掘机</view>
            </view>
            <view class="d-flex py3 border-bottom">
                <view class="f-size-26 text-color-9 w200">设备编号</view>
                <view class="f-size-26 text-color-3">SB20200608160000006</view>
            </view>
            <view class="d-flex py3 border-bottom">
                <view class="f-size-26 text-color-9 w200">仓库名称</view>
                <view class="f-size-26 text-color-3">塔波拉30公里项目-油库1</view>
            </view>
            <view class="d-flex py3 border-bottom">
                <view class="f-size-26 text-color-9 w200">申请人</view>
                <view class="f-size-26 text-color-3">超级管理员</view>
            </view>
            <view class="d-flex py3 border-bottom">
                <view class="f-size-26 text-color-9 w200">申请油量</view>
                <view class="f-size-26 text-color-3">100 L</view>
            </view>
            <view class="d-flex py3 border-bottom">
                <view class="f-size-26 text-color-9 w200">实际加油油量</view>
                <view class="f-size-26 text-color-3">100 L</view>
            </view>

            <view class="d-flex py3">
                <view class="f-size-26 text-color-9 w200">申请说明</view>
                <view
class="f-size-26 text-color-3 ml-3"
                    >您的加油申请已完成您的加油申请已完成。单号 yt-001，请验收。</view
                >
            </view>
        </view>
        <view class="m3">
            <u-button @tap="submit" type="primary" shape="circle">修改</u-button>
        </view>
    </view>
</template>

<script>
export default {
    data() {
        return {};
    },
    methods: {
        submit() {
            uni.navigateTo({
                url: '../oiling-add/oiling-add'
            });
        }
    }
};
</script>

<style>
page {
    background-color: #f4f4f4;
}

.w200 {
    width: 200rpx;
}
</style>