<!-- @format -->

<template>
  <view class="container">
    <view class="contentItems">
      <view class="content">
        <view class="title">器具类型</view>
        <view class="message">工作计量器具 </view>
      </view>
      <view class="content">
        <view class="title">器具用途</view>
        <view class="message">测温 </view>
      </view>
      <view class="content">
        <view class="title">器具名称</view>
        <view class="message">医用电子体温计</view>
      </view>
      <view class="content">
        <view class="title">器具种别 </view>
        <view class="message">医用电子</view>
      </view>
      <view class="content">
        <view class="title">发起时间</view>
        <view class="message">2024-05-04</view>
      </view>
      <view class="content">
        <view class="title">制作单位</view>
        <view class="message">xxxx医用器具公司</view>
      </view>

      <view class="content">
        <view class="title">规格型号</view>
        <view class="message">89566</view>
      </view>

      <view class="content">
        <view class="title">出厂编号</view>
        <view class="message">104520</view>
      </view>

      <view class="content">
        <view class="title">生产日期</view>
        <view class="message">2024-01-05</view>
      </view>
      <view class="content">
        <view class="title">内部编号</view>
        <view class="message">104520</view>
      </view>

      <view class="content">
        <view class="title">器具检定状态</view>
        <view class="message">已检定</view>
      </view>

      <view class="content">
        <view class="title">使用单位</view>
        <view class="message">xxxx药店</view>
      </view>

      <view class="content">
        <view class="title">单位区域</view>
        <view class="message">xxx市xx区</view>
      </view>

      <view class="content">
        <view class="title">使用位置</view>
        <view class="message">xxx市xx区xx街道</view>
      </view>

      <view class="content">
        <view class="title">购置日期</view>
        <view class="message">2024-01-02</view>
      </view>
    </view>

    <view style="height: 20rpx"></view>
  </view>
</template>

<script>
import { getLedgerDetails } from "@/api/Ledger";
export default {
  data() {
    return {
      ledgerDetails: {},
    };
  },
  onLoad(options) {
    getLedgerDetails({ id: options.id }).then((res) => {
      this.ledgerDetails = res.data;
      console.log(this.ledgerDetails);
    });
  },
};
</script>

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

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

    .content {
      border-bottom: 1px solid rgb(242, 242, 242);
      padding: 24rpx 0;
      display: flex;
      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>
