jiliangxiaochengxu/pages/verification/utensils.vue

<!-- @format -->

<template>
  <view class="container">
    <view style="margin: 15rpx 0">
      <view v-for="item in ledgerList" :key="item.id" class="contentItems">
        <view>
          <view class="" style="display: flex; justify-content: space-between">
            <view style="display: flex" class="">
              <span style="font-weight: 700; font-size: 36rpx">{{
                item.name
              }}</span>
            </view>
          </view>
          <view
            style="margin: 10rpx 30rpx; color: #606266; line-height: 50rpx"
            class=""
          >
            <view
              >唯一标识：<span>
                {{ item.instrNo }}
              </span>
            </view>
            <span style="line-height: 50rpx">
              制造单位：{{ item.manufactoryName }}
            </span>
            <br />
            <view style="display: flex; justify-content: space-between">
              <view>器具用途：{{ item.purposeName }}</view>
              <view> 规格型号：{{ item.modelSpecific }}</view>
            </view>
            <span
              style="
                display: flex;
                justify-content: space-between;
                align-items: center;
                line-height: 50rpx;
              "
              class=""
            >
              <span> 出厂编号： {{ item.serialNumber }}</span>
              <span> 内部编号： {{ item.internalNumber }}</span>
            </span>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>
<script>
import { listByIds } from "@/api/verification";
import { useDict } from "@/utils/index";
export default {
  data() {
    return {
      record: [], //备案字典
      queryParams: {
        orderByColumn: "createTime",
        isAsc: "Desc",
        excludeIds: [],
      },
      ledgerList: [],
      total: 0,
      loading: false,
      finished: false,
    };
  },
  onLoad(options) {
    useDict("ejian_instrFillingStatus").then((res) => {
      this.record = res;
    });
    this.queryParams.excludeIds = options.ids;
    this.getList();
  },

  methods: {
    getList() {
      listByIds(this.queryParams.excludeIds.split(",")).then(({ data }) => {
        this.ledgerList = data;
      });
    },
  },
};
</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>