Просмотр исходного кода

修复在某个镇下的涉及退养补助的村的数量过多时,柱状图x轴的村名显示不全的问题

wdq 2 недель назад
Родитель
Сommit
2228b57bf6
1 измененных файлов с 8 добавлено и 7 удалено
  1. 8 7
      src/views/dashboard/DashboardView.vue

+ 8 - 7
src/views/dashboard/DashboardView.vue

@@ -120,30 +120,30 @@
         stripe
         size="small"
         class="dashboard-todos-table"
-        @row-click="onTodoClick"
+        @row-click="(row) => onTodoClick(row as TodoItem)"
       >
         <el-table-column prop="type" label="类型" width="120" show-overflow-tooltip />
         <el-table-column prop="title" label="事项" min-width="220" show-overflow-tooltip>
           <template #default="{ row }">
-            <span :class="{ 'is-todo-read': row.read }">{{ row.title }}</span>
+            <span :class="{ 'is-todo-read': (row as TodoItem).read }">{{ (row as TodoItem).title }}</span>
           </template>
         </el-table-column>
         <el-table-column prop="node" label="当前节点" width="150" show-overflow-tooltip />
         <el-table-column label="状态" width="80" align="center">
           <template #default="{ row }">
-            <el-tag size="small" :type="row.read ? 'info' : 'warning'" effect="plain">
-              {{ row.read ? '已读' : '未读' }}
+            <el-tag size="small" :type="(row as TodoItem).read ? 'info' : 'warning'" effect="plain">
+              {{ (row as TodoItem).read ? '已读' : '未读' }}
             </el-tag>
           </template>
         </el-table-column>
         <el-table-column label="操作" width="100" align="center">
           <template #default="{ row }">
             <el-button
-              v-if="canHandleTodo(row)"
+              v-if="canHandleTodo(row as TodoItem)"
               link
               type="primary"
               size="small"
-              @click.stop="onTodoClick(row)"
+              @click.stop="onTodoClick(row as TodoItem)"
             >
               办理
             </el-button>
@@ -881,7 +881,8 @@ function buildBarOption(
       type: 'category',
       data: list.map((i) => i.name),
       axisLine: { lineStyle: { color: '#e0d6c8' } },
-      axisLabel: { color: '#8c8c8c', fontSize: 12 },
+      // interval: 0 强制每个类目都显示,避免村名多时被 ECharts 自动隔点隐藏
+      axisLabel: { color: '#8c8c8c', fontSize: 12, interval: 0 },
       axisTick: { show: false },
     },
     yAxis: {