<template>
  <view class="page-container">
    <scroll-view class="page-body" scroll-y>
      <!-- <view class="search-bar">
        <input class="search-input" v-model="searchKey" placeholder="输入处置公司名称搜索" />
      </view>
      <view style="padding: 4px 16px;">
        <button class="filter-btn" style="width:100%;" @click="handleSearch">🔍 搜索</button>
      </view> -->
      <view class="data-list">
        <view class="data-card" v-for="(item, index) in receiverList" :key="index">
          <view class="data-card-header">
            <text class="data-card-title">{{ item.jydwmc }}</text>
            <text class="data-card-tag green">已备案</text>
          </view>
          <view class="data-card-row">
            <text>别名</text>
            <text class="val">{{ item.alias }}</text>
          </view>
          <view class="data-card-row">
            <text>废物名称</text>
            <text class="val">{{ item.fwmc }}</text>
          </view>
          <view class="data-card-row">
            <text>废物代码</text>
            <text class="val">{{ item.fwdm }}</text>
          </view>
        </view>
      </view>
    </scroll-view>
  </view>
</template>

<script>
import { api } from '@/api'
export default {
  data() {
    return {
      searchKey: '',
      receiverList: []
    }
  },
  onLoad() {
    this.getData()
  },
  methods: {
    handleSearch() {
      uni.showToast({ title: '搜索: ' + this.searchKey, icon: 'none' })
    },
    getData() {
      api.corp().then(res => {
        console.log(res)
        this.receiverList = res.data
      })
    }
  }
}
</script>

<style lang="scss" scoped>
.filter-btn {
  height: 36px;
  background: $primary-color;
  color: #ffffff;
  border: none;
  border-radius: $border-radius-sm;
  font-size: $font-size-sm;
}
</style>
