feat(数据表格): 实现详细数据表格的筛选和排序功能

- 添加筛选器变化事件处理,支持按中心领导、团队领导和组长筛选数据
- 修改表格排序逻辑以适配新数据结构
- 更新表格显示字段以匹配后端返回的数据格式
- 移除不再需要的格式化函数
This commit is contained in:
2025-08-18 13:27:03 +08:00
parent 8f709aa1f5
commit 57069e3a01
2 changed files with 144 additions and 47 deletions

View File

@@ -69,9 +69,10 @@
<!-- 第五行 -->
<div class="dashboard-row row-4">
<DetailedDataTable
:table-data="tableData"
:table-data="detailData"
:level-tree="levelTree"
v-model:selected-person="selectedPerson"
@filter-change="handleFilterChange"
/>
<DataDetailCard :selected-person="selectedPerson" />
</div>
@@ -1006,17 +1007,83 @@ async function CusotomGetLevelTree() {
}
// 获取详细数据表格
const detailData = ref({});
async function getDetailData(level) {
const params={
level,
}
async function getDetailData(params) {
if(params?.center_leader){
// alert(11111)
try {
const res = await getDetailedDataTable(params)
console.log(1222222,res)
console.log('详细数据表格:', res)
detailData.value = res.data
} catch (error) {
console.error("获取详细数据表格失败:", error);
}
}else{
// alert(22222)
try {
const res = await getDetailedDataTable()
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
} catch (error) {
console.error("获取详细数据表格失败:", error);
}
}
}
// 处理筛选器变化
const handleFilterChange = (filterParams) => {
console.log('筛选器变化:', filterParams)
getDetailData(filterParams)
}
onMounted(async() => {
@@ -1029,6 +1096,8 @@ onMounted(async() => {
// await getCustomerTypeRatio('child_education')
// await getCustomerUrgency()
await CusotomGetLevelTree()
await getDetailData()
});
</script>