70 lines
1.8 KiB
Vue
70 lines
1.8 KiB
Vue
<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>
|