market-app-ui/pages/market/two/detail.vue

<template>
	<view>
		<view class="product_detail">
			<!-- <image :src="item.goodsImg" mode="widthFix" class="pic"></image> -->
			<image src="../../../static/news.jpg" mode="widthFix" class="pic"></image>
			<view class="box">
				<view class="title">{{item.goodsName}}</view>
				<!-- <view class="price">¥ 5000</view> -->
				<view class="clear"></view>
				<u-divider text="规格参数"></u-divider>
				<view class="item">
					<text class="desc">商品量：</text>
					<text>{{item.goodsQuantity}}</text>
					<view class="clear"></view>
				</view>
				<view class="item">
					<text class="desc">计量单位：</text>
					<text>{{item.goodsUnit}}</text>
					<view class="clear"></view>
				</view>
				<!-- 商户后续查，目前商户不对 -->
				<view class="item">
					<text class="desc">商户：</text>
					<text>{{item.createName}}</text>
					<view class="clear"></view>
				</view>
				<view class="item">
					<text class="desc">互市区：</text>
					<text>{{item.tradeAreaName}}</text>
					<view class="clear"></view>
				</view>
				<view class="item">
					<text class="desc">发布时间：</text>
					<text>{{item.createTime}}</text>
					<view class="clear"></view>
				</view>
				<!-- <u-divider text="商品介绍"></u-divider>
				<view class="contents">八角茴香是木兰科八角属的常绿乔木。树皮灰褐色或红褐色；叶互生或叶簇生于枝端；叶片革质，椭圆状倒卵</view> -->
			</view>
		</view>
		<view class="mfooter">
			<view class="flex">
				<view class="f">
					<button class="btn" v-if="user.userType !== 5" @click="pay()">立即接单</button>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			user: this.getUser(),
			item: {}
		};
	},
	onLoad(e) {
		if (e.id) {
			this.http.request({
				url: '/level-two-server/app/TbGoodsDemand/getById?id=' + e.id,
				success: res => {
					this.item = res.data.data;
				}
			});
		}
	},
	methods: {
		pay() {
			uni.navigateTo({ url: '/pages/market/two/leader/confirm' });
		}
	}
};
</script>

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