admin-id-id-id-golden-lamport.md 1.4 KB

Plan: 首页筛选框合并到同一行

Context

商户下拉框单独一个 <div> 放在标题下方,与 .section-header-right 里的收款方类型+企业下拉框视觉分离太远。将它们合并到同一个 .section-header-right 中。

修改

frontend/src/views/dashboard/tenant.vue — 把商户下拉框移入 .section-header-right,删掉独立的外层 div:

<!-- 现有 L28-56: section-header-right 只有 payee + enterprise -->
<div class="section-header-right">
  <el-select v-model="selectedPayeeType" ... />
  <el-select v-model="selectedEnterpriseId" ... />
</div>

<!-- L59-68: 商户在单独 div -->
<div v-if="is_platform_user" style="margin-bottom: 16px; width: 300px;">
  <el-select v-model="currentTenantId" ... />
</div>

<!-- 改为: 三个都在 section-header-right 里 -->
<div class="section-header-right">
  <el-select v-if="is_platform_user" v-model="currentTenantId" placeholder="选择商户" style="width: 180px">
    <el-option v-for="tenant in allTenantData" :key="tenant.id" :label="tenant.name" :value="tenant.id" />
  </el-select>
  <el-select v-model="selectedPayeeType" ... />
  <el-select v-model="selectedEnterpriseId" ... />
</div>

验证

  • admin 首页 → 商户、收款方类型、企业三个下拉框在同一行紧邻排列
  • 普通用户 → 只有收款方类型、企业两个下拉框(商户不显示,无回归)