hookehuyr

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

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