jiliangxiaochengxu/pages/assay/equipmentDetails.vue

<template>
	<view class="container">
		<view style="margin-top: 15rpx;" class="contentItems">
			<view class="content">
				<view class="title">唯一标识</view>
				<view class="message">XX021406000006</view>
			</view>
			<view class="content">
				<view class="title">器具类型</view>
				<view class="message">2</view>
			</view>
			<view class="content">
				<view class="title">器具用途</view>
				<view class="message">2</view>
			</view>
			<view class="content">
				<view class="title">器具名称</view>
				<view class="message">2</view>
			</view>
			<view class="content">
				<view class="title">器具项别</view>
				<view class="message">2</view>
			</view>
			<view class="content">
				<view class="title">器具种别</view>
				<view class="message">2</view>
			</view>
			<view class="content">
				<view class="title">专业类别</view>
				<view class="message">2</view>
			</view>
		</view>
		<view style="margin-top: 15rpx;" class="contentItems">
			<view class="content">
				<view class="title">强检一级目录</view>
				<view class="message">2</view>
			</view>
			<view class="content">
				<view class="title">强检二级目录</view>
				<view class="message">2</view>
			</view>
			<view class="content">
				<view class="title">制造单位</view>
				<view class="message">2</view>
			</view>
			<view class="content">
				<view class="title">规格型号</view>
				<view class="message">2</view>
			</view>
			<view class="content">
				<view class="title">型批证号</view>
				<view class="message">2</view>
			</view>
			<view class="content">
				<view class="title">出产编号</view>
				<view class="message">2</view>
			</view>
			<view class="content">
				<view class="title">生产日期</view>
				<view class="message">2</view>
			</view>
			<view class="content">
				<view class="title">内部编号</view>
				<view class="message">2</view>
			</view>
		</view>
		<view style="margin-top: 15rpx;" class="contentItems">
			<view class="content">
				<view class="title">使用状态</view>
				<view class="message">2</view>
			</view>
			<view class="content">
				<view class="title">使用单位</view>
				<view class="message">2</view>
			</view>
			<view class="content">
				<view class="title">单位区域</view>
				<view class="message">2</view>
			</view>
			<view class="content">
				<view class="title">使用位置</view>
				<view class="message">2</view>
			</view>
			<view class="content">
				<view class="title">购置日期</view>
				<view class="message">2</view>
			</view>
			<view class="content">
				<view class="title">使用部门</view>
				<view class="message">2</view>
			</view>
			<view class="content">
				<view class="title">保管人员</view>
				<view class="message">2</view>
			</view>
			<view class="content">
				<view class="title">保管手机号</view>
				<view class="message">2</view>
			</view>
			<view class="content">
				<view class="title">保管身份证号</view>
				<view class="message">2</view>
			</view>
			<view class="content">
				<view class="title">使用区域</view>
				<view class="message">2</view>
			</view>

		</view>
		<view style="margin-top: 15rpx;" class="contentItems">
			<view class="content">
				<view style="width:95%;text-align: center;">强检证明</view>
			</view>
			<view class="content1">
				<view class="title">贸易结算的相关证明</view>
				<br />
				<u-album :urls="urls2"></u-album>
				<div class="message">暂无</div>
			</view>
			<view class="content1">
				<view class="title">最近一次检定证书或新购置器具的购销合同或发票</view>
				<br />
				<u-album :urls="urls2"></u-album>
				<div class="message">暂无</div>
			</view>
			<view class="content1">
				<view class="title">含有出厂编号规格型号的铭牌图片</view>
				<br />
				<u-album :urls="urls2"></u-album>
				<div class="message">暂无</div>
			</view>
		</view>
		<view style="margin-top: 15rpx;" class="contentItems">
			<view class="content">
				<view style="width:95%;text-align: center;">技术参数信息</view>
			</view>
			<view class="content">
				<view class="title">测量范围</view>
				<view class="message">2</view>
			</view>
			<view class="content">
				<view class="title">允许误差</view>
				<view class="message">2</view>
			</view>
			<view class="content">
				<view class="title">准确度等级</view>
				<view class="message">2</view>
			</view>
			<view class="content">
				<view class="title">分度值</view>
				<view class="message">2</view>
			</view>
		</view>

	</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				urls2: ['https://cdn.uviewui.com/uview/album/1.jpg',
					'https://cdn.uviewui.com/uview/album/2.jpg',
				]
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.container {
		height: 100vh;
		background: rgb(243, 244, 249);
		padding: 0rpx 0 110rpx;

		.contentItems {
			width: 95%;
			border-radius: 6px;
			background: #fff;
			margin: 0rpx auto 20rpx;
			padding: 10rpx 30rpx 20rpx;

			.content {
				border-bottom: 1px solid rgb(242, 242, 242);
				padding: 24rpx 0;
				display: flex;
				justify-content: space-between;
			}

			.content1 {
				border-bottom: 1px solid rgb(242, 242, 242);
				padding: 24rpx 0;
				justify-content: space-between;
			}

			.content:last-child {
				border-bottom: none;
			}

			.title {
				font-size: 26rpx;
				color: black;
				letter-spacing: 3rpx;
			}

			.message {
				font-size: 26rpx;
				color: rgb(146, 146, 146);
			}
		}
	}
</style>