<template>
  <view class="admin-page">
    <view class="admin-card filter-card">
      <view class="filter-row">
        <view class="filter-item">
          <text class="label">回复类型：</text>
          <view class="filter-select">
            <text class="select-placeholder">请选择</text>
            <text class="arrow">▼</text>
          </view>
        </view>
        <view class="filter-item">
          <text class="label">关键字：</text>
          <input class="filter-input" placeholder="请输入关键字" />
        </view>
        <view class="filter-btns">
          <button class="btn primary">查询</button>
        </view>
      </view>
    </view>
    
    <view class="admin-card content-card">
      <view class="table-toolbar">
        <button class="btn primary">添加关键字</button>
      </view>
      
      <view class="admin-table">
        <view class="table-header">
          <text class="cell id">ID</text>
          <text class="cell">关键字</text>
          <text class="cell">回复类型</text>
          <text class="cell">是否显示</text>
          <text class="cell actions">操作</text>
        </view>
        <view class="table-empty">
          <text>暂无数据</text>
        </view>
      </view>
    </view>
  </view>
</template>

<script setup lang="uts">
// 关键字回复逻辑
</script>

<style scoped>
.table-toolbar {
  margin-bottom: 20px;
}

.table-empty {
  padding: 100px;
  text-align: center;
  color: #909399;
}
</style>
