<!-- @format -->

<template>
  <view class="container">
    <view style="margin: 15rpx 0">
      <view style="background: #fff; padding: 20rpx 0; margin-bottom: 15rpx">
        <u-search
          shape="square"
          :showAction="false"
          placeholder="请输入机构任务单编号"
          style="width: 95%; margin: 0rpx auto"
        ></u-search>
      </view>
      <view class="contentItems" v-for="item of 2">
        <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">
            <u-button
              @click="handleDepartment"
              style="width: 120rpx; height: 40rpx"
              type="primary"
              size="small"
              >查看</u-button
            >
          </view>
        </view>
        <view class="content">
          <view class="title">办理人姓名</view>
          <view class="message">李某某</view>
        </view>
        <view class="content">
          <view class="title">办理时间</view>
          <view class="message">204-05-14</view>
        </view>
        <view class="content">
          <view class="title">器具数量</view>
          <view class="message">10</view>
        </view>
      </view>
    </view>

    <u-popup :show="historyPopDia">
      <view style="height: 500rpx"> </view>
    </u-popup>
  </view>
</template>

<script>
export default {
  data() {
    return {
      historyPopDia: false,
      activeContent: "我的申请",
      tabsList: [
        {
          name: "我的申请",
        },
      ],
    };
  },
  methods: {
    //部门流转
    handleDepartment() {
      uni.navigateTo({
        url: "/pages/verification/department",
        success: (res) => {},
        fail: () => {},
        complete: () => {},
      });
    },
    //备案申请
    handleApplicat() {
      uni.navigateTo({
        url: "/pages/assay/application",
        success: (res) => {},
        fail: () => {},
        complete: () => {},
      });
    },
    handleChange(row) {
      this.activeContent = row.name;
    },
    handleCurrentForm() {},
    handleDetails() {
      uni.navigateTo({
        url: "/pages/assay/details",
        success: (res) => {},
        fail: () => {},
        complete: () => {},
      });
    },
  },
};
</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>
