maptaskdetailcomplete.vue 2.67 KB
<template>
	<view class="page">
		<pyh-nv ref="nv" :config="nvConfig"></pyh-nv>
		<view class="listBox" :style="{'padding-top':(pageTop+'px')}">
		<view class="content">
			<view class="top-box">
				<view>任务目标:维修dh5424界桩</view>
				<view class="yellow">进行中</view>
			</view>
			
			<view class="message-list">
			<view class="info-box">
				<view class="info-box-list">
					<view class="serve">
						<view class="serve-title">界桩情况</view>
						<view class="serve-right">
							<text>*</text>请选择
							<image src="../../static/down3.png"></image>
						</view>
					</view>
				</view>
			</view>
			</view>
			
			<view class="message-list">
			<view class="info-box">
				<view class="info-box-list">
					<view class="info-box-width">
						<view class="info-box-small">维护前照片上传</view>
						<view class="info-box-list-img"><image src="../../static/img.png"></image></view>
					</view>
				</view>
				<view class="info-box-list">
					<view class="info-box-width">
						<view class="info-box-small">完成照片上传</view>
						<view class="info-box-list-img"><image src="../../static/img.png"></image></view>
					</view>
				</view>
				<view class="info-box-list">
					<view class="info-box-width width100">
						<view class="info-box-small">任务备注</view>
						<view>
							<textarea maxlength="-1" auto-height placeholder="这里有相关备注这里有相关备注这里有相关备注,这里有相关备注这里有相关备注,这里有相关备注这里有相关备注。" class="textarea"></textarea>
						</view>
					</view>
				</view>
			</view>
			</view>
			
			<view class="page-footer">
			  <view class="footer-buy">
			    <view class="cart-add" @click="maptaskdetailsuccess">
					<image src="../../static/btn5.png"></image>
			      <text>立即上报</text>
			    </view>
			  </view>
			</view>
			
		</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				OrderType: 0,
				nvConfig:{
					title:"完成信息上报",
					bgColor:"#ffffff",
					color:"#000000",
					fixedAssist:{
						hide:true,
					},
				},
			};
		},
		onPageScroll(e) {this.$refs.nv.pageScroll(e)},
		computed:{
			pageTop(){return parseInt(88*uni.getSystemInfoSync().windowWidth/750) + uni.getSystemInfoSync().statusBarHeight}
		},
		onLoad(params) {
			this.OrderType = params.type;
		},
		methods:{
			maptaskdetailsuccess(){
				uni.navigateTo({
					url: '/pages/maptaskdetailsuccess/maptaskdetailsuccess',
				})
			},
		}
	}
</script>

<style scoped lang="scss">
	@import 'maptaskdetailcomplete.scss';
</style>