WxxyDeveloper/Jsl-OA-Web-Re
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
GUjiYN 2024-04-16 20:01:06 +08:00
parent aaa2ea6c54
commit 2603eeb571
1 changed files with 17 additions and 88 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

105
src/views/personal/project/charge.vue
View File

@ -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;
});
},