update

liujie

2026-09-09 39f6fca28e3f78abe48f08e474ec011abb990b36

 frontend/src/views/GuideTeamsView.vue

@@ -13,6 +13,7 @@
const query = reactive({ page: 1, size: 10, keyword: '', status: null })

const formatDateTime = (value) => value ? value.replace('T', ' ').slice(0, 19) : '-'
const formatMoney = (value) => `￥${Number(value || 0).toFixed(2)}`

const loadTeams = async () => {
  loading.value = true
@@ -102,6 +103,9 @@
        <el-table-column prop="teamName" label="讲解队名称" min-width="150" align="center" />
        <el-table-column prop="contactPhone" label="联系人电话" min-width="145" align="center" />
        <el-table-column prop="operatingArea" label="运营景区" min-width="240" align="center" show-overflow-tooltip />
        <el-table-column label="余额" min-width="120" align="center">
          <template #default="{ row }">{{ formatMoney(row.balance) }}</template>
        </el-table-column>
        <el-table-column label="新建时间" min-width="170" align="center">
          <template #default="{ row }">{{ formatDateTime(row.createdAt) }}</template>
        </el-table-column>
@@ -146,10 +150,12 @@
.guide-team-page { display: flex; flex-direction: column; gap: 18px; }
.query-card, .table-card { border: 0; border-radius: 4px; }
.query-card h2 { margin: 0 0 22px; color: #1f2937; font-size: 18px; }
.query-form { display: grid; grid-template-columns: minmax(260px, 1fr) minmax(330px, 1fr) minmax(180px, .65fr) auto; column-gap: 28px; }
.query-form :deep(.el-form-item) { margin-right: 0; margin-bottom: 0; }
.query-form { display: grid; grid-template-columns: minmax(260px, 1fr) minmax(330px, 1fr) minmax(180px, .65fr) auto; column-gap: 28px; align-items: center; }
.query-form :deep(.el-form-item) { margin-right: 0; margin-bottom: 0; align-items: center; }
.query-form :deep(.el-form-item__label) { white-space: nowrap; }
.query-form :deep(.el-select), .query-form :deep(.el-date-editor) { width: 100%; }
.query-actions { display: flex; flex-direction: column; gap: 10px; }
.query-actions { display: flex; align-items: center; gap: 10px; }
.query-actions :deep(.el-button) { width: 104px; margin-left: 0; }
.table-toolbar { margin-bottom: 18px; }
.pagination-row { display: flex; justify-content: flex-end; align-items: center; gap: 18px; margin-top: 24px; }
.pagination-row > span { color: #64748b; font-size: 13px; }