From 2603eeb57187e78be7f4177dbddaa8dcd553ff5a Mon Sep 17 00:00:00 2001
From: GUjiYN <2946459904@qq.com>
Date: Tue, 16 Apr 2024 20:01:06 +0800
Subject: [PATCH] =?UTF-8?q?=E6=88=91=E8=B4=9F=E8=B4=A3=E7=9A=84=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E8=8E=B7=E5=8F=96=E9=A1=B9=E7=9B=AE=E6=8E=A5=E5=8F=A3?=
 =?UTF-8?q?=E5=AF=B9=E6=8E=A5=E6=88=90=E5=8A=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/personal/project/charge.vue | 105 +++++---------------------
 1 file changed, 17 insertions(+), 88 deletions(-)

diff --git a/src/views/personal/project/charge.vue b/src/views/personal/project/charge.vue
index 6722a35..9590dd9 100644
--- a/src/views/personal/project/charge.vue
+++ b/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';
-
-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',
-  },
-]; */
-
+import { getToken } from '@/utils/auth';
 
 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 => {
-        this.tableData = response.data.data;
-        // Just to simulate the time of the request
-        setTimeout(() => {
-          this.listLoading = false;
-        }, 1.5 * 1000);
+      GetProject(this.projId, this.token).then(response => {
+        console.log("完整响应内容:", response);
+        if (response.data) {
+          this.tableData = response.data;
+        } else {
+          console.error("未获取到预期数据，响应内容:", response);
+        }
+        this.listLoading = false;
+      }).catch(error => {
+        console.error('请求失败:', error);
+        this.listLoading = false;
       });
     },