<!-- @format -->

<template>
  <view class="container">
    <view style="margin: 15rpx 0">
      <view class="contentItems" @click="handleDetails" v-for="item of 2">
        <u-checkbox :customStyle="{ marginBottom: '8px' }"> </u-checkbox>
        <view class="content">
          <view class="title"
            >器具出厂编号
            <text style="margin-left: 40rpx"> 2024845782 </text>
          </view>
        </view>
        <view class="content">
          <view class="title">器具名称</view>
          <view class="message">血压计和高压</view>
        </view>
        <view class="content">
          <view class="title">规格型号</view>
          <view class="message">20kg*10</view>
        </view>
      </view>
    </view>
    <view
      style="
        background: #fff;
        padding: 20rpx 0;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
      "
    >
      <u-button
        @click="handleApplicat"
        style="width: 95%; margin: 0 auto"
        type="primary"
        >下一步</u-button
      >
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      activeContent: "我的申请",
      tabsList: [
        {
          name: "我的申请",
        },
      ],
    };
  },
  methods: {
    //备案申请
    handleApplicat() {
      uni.navigateTo({
        url: "/pages/verification/external",
        success: (res) => {},
        fail: () => {},
        complete: () => {},
      });
    },
    handleChange(row) {
      this.activeContent = row.name;
    },
    handleCurrentForm() {},
  },
};
</script>

<style lang="scss" scoped>
.createFixed {
  background: #2979ff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90rpx;
  height: 90rpx;
  border-radius: 50%;
  position: fixed;
  right: 30rpx;
  bottom: 200rpx;
}

.createNew {
  font-size: 30rpx;
  margin: 20rpx 0 20rpx 20rpx;
  color: #3c9ff3;
}

.container {
  height: 100vh;
  background: rgb(243, 244, 249);

  .contentItems {
    width: 93%;
    border-radius: 6px;
    background: #fff;
    margin: 0rpx auto 20rpx;
    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>
