fix(DetailedDataTable): 修复选中行逻辑并移除调试注释

修复表格行选中逻辑,现在支持通过sale_name或leader_name匹配选中状态
移除topone.vue中无用的调试注释和多余空行
This commit is contained in:
2025-08-18 14:59:29 +08:00
parent 57069e3a01
commit 0a50d2fa37
2 changed files with 6 additions and 61 deletions

View File

@@ -49,15 +49,12 @@
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr v-for="(person, index) in displayTableData" :key="index" @click="$emit('update:selectedPerson', person)" :class="{ selected: selectedPerson && selectedPerson.leader_name === person.leader_name }"> <tr v-for="(person, index) in displayTableData" :key="index" @click="$emit('update:selectedPerson', person)" :class="{ selected: selectedPerson && (selectedPerson.sale_name === person.sale_name || selectedPerson.leader_name === person.leader_name) }">
<td> <td>
<div class="person-info"> <div class="person-info">
<div class="person-avatar">{{ person.leader_name?.charAt(0) }}</div> <div class="person-avatar">{{ (person.sale_name || person.leader_name).charAt(0) }}</div>
<div> <div>
<div class="person-name">{{ person.leader_name}}</div> <div class="person-name">{{ person.sale_name || person.leader_name }}</div>
</div> </div>
</div> </div>
</td> </td>

View File

@@ -1022,56 +1022,6 @@ async function getDetailData(params) {
try { try {
const res = await getDetailedDataTable() const res = await getDetailedDataTable()
console.log('详细数据表格:', res) console.log('详细数据表格:', res)
/**
* data
:
[{leader_name: "郭可英", conversion_rate: "0.00%", total_deals: 0, plus_v_rate: "59.75%",…},…]
0
:
{leader_name: "郭可英", conversion_rate: "0.00%", total_deals: 0, plus_v_rate: "59.75%",…}
conversion_rate
:
"0.00%"
form_filling_rate
:
"59.75%"
group_rate
:
"54.09%"
leader_name
:
"郭可英"
plus_v_rate
:
"59.75%"
total_deals
:
0
1
:
{leader_name: "刘瑞", conversion_rate: "1.32%", total_deals: 7, plus_v_rate: "47.17%",…}
conversion_rate
:
"1.32%"
form_filling_rate
:
"47.17%"
group_rate
:
"39.25%"
leader_name
:
"刘瑞"
plus_v_rate
:
"47.17%"
total_deals
:
7
message
:
"获取详细数据表格成功"
*/
detailData.value = res.data detailData.value = res.data
} catch (error) { } catch (error) {
console.error("获取详细数据表格失败:", error); console.error("获取详细数据表格失败:", error);
@@ -1097,8 +1047,6 @@ onMounted(async() => {
// await getCustomerUrgency() // await getCustomerUrgency()
await CusotomGetLevelTree() await CusotomGetLevelTree()
await getDetailData() await getDetailData()
}); });
</script> </script>