| | |
| | | <span class="filter-label">数据类目:</span> |
| | | <el-select v-model="queryParams.dataCategory" placeholder="全部" clearable> |
| | | <el-option label="全部" value="" /> |
| | | <el-option |
| | | v-for="category in categoryList" |
| | | :key="category" |
| | | :label="getCategoryLabel(category)" |
| | | :value="category" |
| | | <el-option |
| | | v-for="category in categoryList" |
| | | :key="category" |
| | | :label="getCategoryLabel(category)" |
| | | :value="category" |
| | | /> |
| | | </el-select> |
| | | </div> |
| | |
| | | |
| | | <!-- 流水表格 --> |
| | | <div class="table-section"> |
| | | <el-table :data="flowList" stripe style="width: 100%"> |
| | | <el-table :data="flowList" stripe style="width: 100%" :height="440"> |
| | | <el-table-column prop="id" label="序号" width="80" align="center" /> |
| | | <el-table-column prop="dataCategory" label="数据类目" width="120"> |
| | | <template #default="{ row }"> |
| | |
| | | <script setup lang="ts"> |
| | | import { ref, reactive, onMounted, computed } from 'vue' |
| | | import { dayjs, ElMessage } from 'element-plus' |
| | | import { |
| | | ArrowLeft, |
| | | Refresh, |
| | | Setting, |
| | | Close, |
| | | Money, |
| | | Plus, |
| | | Minus, |
| | | Search |
| | | import { |
| | | ArrowLeft, |
| | | Refresh, |
| | | Setting, |
| | | Close, |
| | | Money, |
| | | Plus, |
| | | Minus, |
| | | Search |
| | | } from '@element-plus/icons-vue' |
| | | import pointsApi from '@/api/pointsApi' |
| | | import type { PointsStats, PointsFlow, PointsQueryParams } from '@/types/points' |
| | |
| | | cursor: pointer; |
| | | color: #409eff; |
| | | font-size: 18px; |
| | | |
| | | |
| | | &:hover { |
| | | color: #66b1ff; |
| | | } |
| | |
| | | cursor: pointer; |
| | | color: #909399; |
| | | font-size: 16px; |
| | | |
| | | |
| | | &:hover { |
| | | color: #409eff; |
| | | } |
| | |
| | | :deep(.el-select), |
| | | :deep(.el-date-picker) { |
| | | width: 100%; |
| | | |
| | | |
| | | @media (min-width: 768px) { |
| | | width: auto; |
| | | min-width: 120px; |