zhdt-miniapp/pages/task-detail/index.vue

<template>
  <view class="home">
    <cu-custom class="home-custom" bgColor=".bg-sancolor" bgImage="../../static/icons/bg.png">
      <block slot="content">农产品检测监测平台</block>
    </cu-custom>
		<view>
		<view class="cu-list menu content-box">
			<view class="cu-item" :class="menuArrow?'arrow':''">
				<view class="content">
					<text class="cuIcon-circlefill text-black"></text>
					<text class="text-black" style="font-weight: bold;">任务名称：xxxx</text>
				</view>
			</view>
			<view class="cu-item" :class="menuArrow?'arrow':''">
				<view class="content">
				<!-- 	<image src="/static/logo.png" class="png" mode="aspectFit"></image> -->
					<div class="text-gray">任务编号：</div>
					<div class="text-gray">任务类别：</div>
					<div class="text-gray">年度/季度：</div>
					<div class="text-gray">开始时间：</div>
					<div class="text-gray">截至时间：</div>
					<div class="text-gray">执行标准：</div>
					<div class="text-gray">抽检分离：</div>
					<div class="text-gray">发布单位：</div>
					<div class="text-gray">抽样单位：</div>
					<div class="text-gray">检测单位：</div>
					<div class="text-gray">创建时间：</div>
					<div class="text-gray">更新时间：</div>
					<div class="text-gray">状态：</div>
				</view>
			</view>
			<view class="padding flex flex-direction">	
			  <button class="cu-btn bg-green margin-tb-sm lg" @tap="toSmapleList">管理抽样单	</button>
			</view>
			</view>
	    </view>
		

		
</view>
</template>


<script>
export default {

data() {
	return {

	}
},

	created() {	

	},

	mounted() {

	},
	methods:{
		toSmapleList(){
			uni.navigateTo({
				url:'/pages/sample-list/index'
			})
		}
	}
}

</script>

<style scoped>
.content{
	padding: 10px;
}
.content-box{
	margin: 10px;
	border-radius: 5px;
}
</style>