我负责的页面获取项目接口对接成功

src/views/personal/project/charge.vue

@@ -7,14 +7,12 @@
     </template>
     <div style="display: flex; gap: 100px">
       <el-input
-          v-model="input1"
           style="width: 550px"
           placeholder="请输入"
       >
         <template #prepend>名称</template>
       </el-input>
       <el-input
-          v-model="input2"
           style="width: 550px"
           placeholder="请输入"
       >
@@ -38,14 +36,14 @@
             <span>{{ row.id }}</span>
           </template>
         </el-table-column>
-        <el-table-column prop="name" label="项目名称">
+        <el-table-column prop="name"  label="项目名称">
           <template v-slot="{row}">
             <span>{{ row.name }}</span>
           </template>
         </el-table-column>
-        <el-table-column prop="address" label="工作量">
+        <el-table-column prop="workLoad" label="工作量">
           <template v-slot="{row}">
-            <span>{{ row.id }}</span>
+            <span>{{ row.workLoad}}</span>
           </template>
         </el-table-column>
         <el-table-column prop="cycle" label="周期">
@@ -53,41 +51,6 @@
             <span>{{ row.cycle }}</span>
           </template>
         </el-table-column>
-        <el-table-column prop="principal_id" label="负责人">
-          <template v-slot="{row}">
-            <span>{{ row.principal_id }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column prop="status" label="状态">
-          <template v-slot="{row}">
-            <span>{{ row.status }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column prop="tags" label="标签">
-          <template v-slot="{row}">
-            <span>{{ row.tags }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column prop="file" label="文档（点击下载">
-          <template v-slot="{row}">
-            <span>{{ row.file }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column prop="address" label="项目简介">
-          <template v-slot="{row}">
-            <span>{{ row.id }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column prop="deadline" label="截止时间">
-          <template v-slot="{row}">
-            <span>{{ row.deadline }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column prop="address" label="操作">
-          <el-button text>
-            查看详情
-          </el-button>
-        </el-table-column>
       </el-table>
     </div>
     <div style="display: flex; justify-content: center;margin-top: 2vh">
@@ -96,51 +59,12 @@
   </el-card>
 </template>
 <script>
-import { ref } from 'vue';
-import { ElTable } from 'element-plus';
 import { defineComponent } from 'vue';
 import {
   GetProject,
   GetProjectInfo
 } from '@/api/project';
-
+import { getToken } from '@/utils/auth';
-const input1 = ref('');
-const input2 = ref('');
-/* interface User {
-  date: string
-  name: string
-  address: string
-}
-
-const multipleTableRef = ref<InstanceType<typeof ElTable>>();
-const multipleSelection = ref<User[]>([]);
-
-const handleSelectionChange = (val: User[]) => {
-  multipleSelection.value = val;
-};
-const tableData = [
-  {
-    date: '2016-05-03',
-    name: 'Tom',
-    address: 'No. 189, Grove St, Los Angeles',
-  },
-  {
-    date: '2016-05-02',
-    name: 'Tom',
-    address: 'No. 189, Grove St, Los Angeles',
-  },
-  {
-    date: '2016-05-04',
-    name: 'Tom',
-    address: 'No. 189, Grove St, Los Angeles',
-  },
-  {
-    date: '2016-05-01',
-    name: 'Tom',
-    address: 'No. 189, Grove St, Los Angeles',
-  },
-]; */
-
 
 export default defineComponent({
   name:'projectTable',
@@ -148,22 +72,27 @@ export default defineComponent({
     return {
       tableData:[],
       listLoading: false,
-      token: window.localStorage.getItem('token'),
+      token: getToken(),
       projId:''
     };
   },
   created() {
     this.getList();
   },
-  methods:{
+   methods:{
     getList() {
       this.listLoading = true;
-      GetProject(this.projId,this.token).then(response => {
+      GetProject(this.projId, this.token).then(response => {
-        this.tableData = response.data.data;
+        console.log("完整响应内容:", response);
-        // Just to simulate the time of the request
+        if (response.data) {
-        setTimeout(() => {
+          this.tableData = response.data;
-          this.listLoading = false;
+        } else {
-        }, 1.5 * 1000);
+          console.error("未获取到预期数据，响应内容:", response);
+        }
+        this.listLoading = false;
+      }).catch(error => {
+        console.error('请求失败:', error);
+        this.listLoading = false;
       });
     },