feat:待办中区分出投诉举报数据

src/components/home/work/index.vue

@@ -12,6 +12,18 @@
             </div>
         </el-tab-pane>
 
+        <el-tab-pane name="complaint">
+            <template #label>
+                <el-badge :value="complaintTotal" v-if="complaintTotal">
+                    <span class="tab-nav-title">投诉举报</span>
+                </el-badge>
+                <span class="tab-nav-title" v-else>投诉举报</span>
+            </template>
+            <div v-loading="loading" class="pt-20">
+                <home-work-my-todo :data="complaintTodos" @update="getComplaintList" />
+            </div>
+        </el-tab-pane>
+        
         <el-tab-pane name="second">
             <template #label>
                 <el-badge :value="todoToExpires.length" v-if="todoToExpires.length">
@@ -85,15 +97,22 @@ const myAlarmTotal = ref(0)
 
 const loading = ref(true)
 const countersignTodos = ref([]);
+const allTodos = ref([]);  // 存储原始数据
+
+const complaintTodos = computed(() => {
+    return allTodos.value.filter(item => item.sourceType === "2")
+})
+const complaintTotal = computed(() => complaintTodos.value.length)
 function getList() {
     loading.value = true
     listTodos({
         current: 1,
         size: 100,
     }).then((data) => {
-        todos.value = data.records;
-        myTodoTotal.value = data.total
-        todoToExpires.value = data.records.filter(item => item.remainingDuration < 43200)
+        allTodos.value = data.records;
+        todos.value = data.records.filter(item => item.sourceType !== "2");
+        myTodoTotal.value = todos.value.length;
+        todoToExpires.value = todos.value.filter(item => item.remainingDuration < 43200);
         loading.value = false
     });
   listTodoCountersign({

src/components/home/work/my-todo.vue

@@ -102,6 +102,10 @@
                     prop="businessTypeName"
                     width="98"
                 />
+                <template v-if="todos.some(item => item.sourceType === '2')">
+                    <el-table-column label="姓名" prop="responderName" width="100" />
+                    <el-table-column label="电话" prop="contactPhone" width="130" />
+                </template>
                 <el-table-column
                     label="问题内容"
                     prop="thingDesc"