hookehuyr

feat: 在首页添加总分显示功能

在表格标题下方添加总分显示,从x_score_map中获取x_total_score并显示为红色加粗文本
<!--
* @Date: 2022-07-18 10:22:22
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-11-24 17:31:04
* @LastEditTime: 2025-11-24 17:47:31
* @FilePath: /data-table/src/views/index.vue
* @Description: 首页
-->
......@@ -20,6 +20,7 @@
<div v-if="PHeader.type === 'text'" class="PHeader-Text" v-html="PHeader.banner" />
</template>
<div v-if="PHeader.label" class="table-title" v-html="PHeader.label" />
<div v-if="PHeader.score" style="font-weight: bold; color: red; text-align: center; font-size: 0.9rem;">总分: {{ PHeader.score }}</div>
<div v-if="PHeader.flow_node_name" style="text-align: center;">({{ PHeader.flow_node_name }})</div>
<div v-if="PHeader.description" class="table-desc" v-html="PHeader.description" />
<van-config-provider :theme-vars="themeVars">
......@@ -521,6 +522,7 @@ onMounted(async () => {
if (object.x_score_map) {
const score_map = object.x_score_map;
item.component_props.score = score_map[item.key] || '';
PHeader.value.score = score_map.x_total_score || '';
}
}
});
......