feat(数据表格): 实现详细数据表格的筛选和排序功能
- 添加筛选器变化事件处理,支持按中心领导、团队领导和组长筛选数据 - 修改表格排序逻辑以适配新数据结构 - 更新表格显示字段以匹配后端返回的数据格式 - 移除不再需要的格式化函数
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user