market-app-ui/pages/market/two/leader/confirm.vue

<template>
	<view>
		<view class="cmain">
			<view class="box" style="padding: 12px; margin-top: 0px">
				<u-steps :current="0">
					<u-steps-item title="接单确认"></u-steps-item>
					<u-steps-item title="收购商确认"></u-steps-item>
					<u-steps-item title="完成交易"></u-steps-item>
				</u-steps>
			</view>
			<view class="box order_detail">
				<u-divider text="订单信息"></u-divider>
				<view class="item" style="padding-top: 0px">
					<text class="label">收购商品</text>
					<text class="desc">越南榴莲</text>
				</view>
				<view class="item">
					<text class="label">商品编号</text>
					<text class="desc">25吨</text>
				</view>
				<view class="item">
					<text class="label">计价单位</text>
					<text class="desc">吨</text>
				</view>
				<view class="item">
					<text class="label">商品数量</text>
					<text class="desc">35</text>
				</view>
				<view class="item">
					<text class="label">发布时间</text>
					<text class="desc">2023-08 15:35</text>
				</view>
				<view class="item">
					<text class="label">订单状态</text>
					<text class="desc">待接单</text>
				</view>
				<view class="item">
					<text class="label">接单人</text>
					<text class="desc">张三</text>
				</view>
				<view class="item">
					<text class="label">出价金额（必填）</text>
					<text class="desc">
						<input type="number" placeholder="请输入" />
					</text>
				</view>
			</view>
		</view>
		<view class="mfooter">
			<view class="flex">
				<view class="f">
					<button class="btn" @click="pay()">确认接单</button>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			item: {}
		};
	},
	onLoad(e) {
		if (e.id) {
			/* this.http.request({
				url: '/level-one-server/app/TbPortNews/getPortNewsDetails',
				success: res => {
					this.content = res.data.data;
				}
			}); */
		}
	},
	methods: {
		pay() {
			uni.showModal({
				title: '提示',
				content: '我已核对订单信息无误',
				success: res => {
					if (res.confirm) {
						uni.navigateTo({ url: '/pages/market/two/leader/success' });
					}
				}
			});
		}
	}
};
</script>

<style lang="scss">
page {
	background-color: $pg;
}
</style>