company-select.vue 1.0 KB

12345678910111213141516171819202122232425262728293031
  1. <template>
  2. <view class="company-select-page">
  3. <view class="search-header">
  4. <view class="search-box">
  5. <text class="icon-search"></text>
  6. <input type="text" v-model="searchQuery" placeholder="搜索公司名称" placeholder-style="color: #A0AABF;" />
  7. </view>
  8. </view>
  9. <scroll-view class="company-list" scroll-y>
  10. <view class="company-item" v-for="(item, index) in filteredList" :key="index" @tap="toggleSelect(item)">
  11. <text class="company-name">{{ item.name }}</text>
  12. <view :class="['checkbox', item.selected ? 'checked' : '']"></view>
  13. </view>
  14. <view class="empty-state" v-if="filteredList.length === 0">
  15. <text class="empty-text">未找到相关公司</text>
  16. </view>
  17. </scroll-view>
  18. <view class="footer-btn-area">
  19. <button class="btn-confirm" @tap="confirmSelection">确定</button>
  20. </view>
  21. </view>
  22. </template>
  23. <script src="./company-select.js"></script>
  24. <style lang="scss" scoped>
  25. @import './company-select.scss';
  26. </style>