<template>
	<view :class="[AppTheme]">
		<view v-if="servicemess.length>0">
			<view class="all_box">
				<view v-for="(item, index) in servicemess" :key="index">
					<view class="u-page" style="margin-top: 20px;">
						<view class="u-demo-block">
							<!-- <text class="u-demo-block__title">{{item.serve_type_name}}</text> -->
							<view class="u-demo-block__content">
								<view class="album">
									<view class="album__avatar">
										<image :src="logo" mode="" style="width: 34px;height: 34px;"></image>
									</view>
									<view class="album__content">
										<u--text :text="name" type="primary" bold size="16"></u--text>
										<u--text margin="4px 0 8px 0" :text="item.remark"></u--text>
										<u-album :urls="item.imgs"></u-album>
										<view class="time_1">巡检时间: {{item.etime}}</view>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>

			</view>
		</view>
		<view v-if="servicemess.length<=0" style="padding-top: 70rpx;">
			<u-empty text="无数据"  mode="list">
			</u-empty>
		</view>

		<view style="height: 40rpx;"></view>

	</view>
</template>

<script>
	import Landapi from '@/api/land/index.js';
	export default {
		data() {
			return {
				primary: this.$theme.primary,
				settingFile: getApp().globalData.siteinfo,
				orderdeleti: null,
				soil_id: '',
				subdivision_id: '',
				logo: '',
				name: '',
				servicemess: []
			};
		},
		onLoad(options) {
			this.soil_id = options.soil_id
			this.subdivision_id = options.subdivision_id
			this.seletserbyid();
		},
		onReady() {},

		methods: {
			//查看服务信息
			seletserbyid(order_sn) {
				let that = this;
				let params = {
					soil_id: that.soil_id,
					subdivision_id: that.subdivision_id
				};
				Landapi.register(params).then(res => {
					if (res.status == 1) {

						that.servicemess = res.data.data;

						that.logo = res.data.site.logo;

						that.name = res.data.site.name;

					} else {
						// that.$api.msg(res.msg);
					}
				});
			},


		}
	};
</script>

<style lang="scss">
	table {
		width: 100%;
		border-color: #DFE2E5;
		border-collapse: collapse;
		text-align: center;
		color: #303133;
	}

	table,
	th,
	td {
		border: 1px solid #999;
		padding: 10rpx;
	}

	.container {
		position: relative;
	}

	.head_backn {
		width: 100%;
		z-index: 99;
		padding: 20rpx 20rpx 0rpx 20rpx;

		.icon_view {
			width: 100%;
			text-align: center;
			margin-top: 10rpx;
		}
	}


	.parcel_information {
		// width: 93%;
		// margin: 0 3.5%;
	}

	.mess_deitle {
		width: 100%;
		padding: 30rpx 0;
		margin: 25rpx 0;
		background-color: #ffffff;
		box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.08);
		border-radius: 15rpx;
	}

	.order_item {
		width: 100%;
		margin: 25rpx 0;
		padding: 30rpx 0;
		background-color: #ffffff;
		box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.08);
	}

	.farm_name {
		font-size: 30rpx;
		color: #000;
		padding: 0 20rpx;
	}

	.bor_solp {
		background-color: #999;
		height: 1rpx;
		width: 100%;
		transform: scaleY(0.3);
		margin: 25rpx 0;
	}

	.order_detil {
		padding: 0 20rpx;
		text-align: center;
	}

	.seed_item_thumbnail {
		object-fit: cover;
		border-radius: 10rpx;
		width: 100%;
		height: 300rpx;
	}

	.right_deile {
		width: 100%;
	}

	.article_title_p2 {
		font-size: 26rpx;
		color: #000;
		margin: 15rpx 0;
	}

	.box_form {
		margin: 0 5%;
		width: 95%;
	}

	.u-border-bottom:after,
	.u-border-left:after,
	.u-border-right:after,
	.u-border-top-bottom:after,
	.u-border-top:after,
	.u-border:after {
		border-bottom-color: #999;
	}

	.tab_vie {
		padding-left: 15rpx;
		padding-right: 15rpx;

		.theard {
			display: flex;
			padding: 10rpx;
			justify-content: space-evenly;
			// background-color: #d5d5d5;
		}

		.titem {
			display: flex;
			padding-top: 25rpx;
			font-size: 26rpx;
			color: #767676;
			justify-content: space-evenly;
		}

		.td {
			width: 25%;
			text-align: center;
		}
	}

	.all_box {
		padding: 0 5%;

		.time_1 {
			float: right;
			margin-top: 20px;
			color: #999;
			font-size: 25rpx;

		}

		.album {
			@include flex;
			align-items: flex-start;

			&__avatar {
				background-color: $u-bg-color;
				padding: 5px;
				border-radius: 3px;
			}

			&__content {
				margin-left: 10px;
				flex: 1;
			}
		}
	}

	.u-node {
		width: 44rpx;
		height: 44rpx;
		border-radius: 100rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		background: #d0d0d0;
	}

	.u-order-title {
		color: #333333;
		font-weight: bold;
		font-size: 28rpx;
	}

	.u-order-desc {
		color: rgb(150, 150, 150);
		font-size: 26rpx;
		margin: 15rpx 0;
	}

	.u-order-time {
		font-size: 26rpx;
		color: #000;
	}

	.imgitem {
		width: 120rpx;
		height: 120rpx;
	}

	.wl_statui {
		color: #2979ff;
		width: 100%;
		padding-top: 5rpx;
		padding-bottom: 5rpx;
		font-size: 22rpx;
		background-color: rgba(41, 121, 255, 0.2);
		line-height: 27rpx;
	}
</style>
