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>
</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>