|
@@ -1,5 +1,5 @@
|
|
|
<template>
|
|
|
- <div>
|
|
|
+ <div class="task__pane;">
|
|
|
<normalLayout>
|
|
|
<div slot="titleRight">
|
|
|
<add-task></add-task>
|
|
@@ -12,6 +12,30 @@
|
|
|
<el-tab-pane label="我下属负责的" name="3"></el-tab-pane>
|
|
|
<el-tab-pane label="我下属参与的" name="4"></el-tab-pane>
|
|
|
</el-tabs>
|
|
|
+ <div>
|
|
|
+ <el-card v-for="item in list" :key="item.index" class="normal-margin" :body-style="{padding:'10px'}">
|
|
|
+ <div slot="header" class="flex-align-center">
|
|
|
+ <p class="avatar">{{item.createby.substr(0, 1)}}</p> 
|
|
|
+ <p class="task__label">{{item.createby}}</p> 
|
|
|
+ <el-tag size="small" type="primary">{{item.status}}</el-tag> <span class="task__label">{{item.starttime}}</span>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <p><span class="task__label">标题: </span>{{item.title}}</p>
|
|
|
+ <p><span class="task__label">描述: </span>{{item.remaks}}</p>
|
|
|
+ </div>
|
|
|
+ </el-card>
|
|
|
+ </div>
|
|
|
+ <div class="container normal-panel" style="text-align:right">
|
|
|
+ <el-pagination
|
|
|
+ background
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ :current-page="currentPage"
|
|
|
+ :page-sizes="[20, 50, 100, 200]"
|
|
|
+ layout="total,sizes, prev, pager, next, jumper"
|
|
|
+ :total="total">
|
|
|
+ </el-pagination>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</normalLayout>
|
|
|
</div>
|
|
@@ -25,14 +49,70 @@ export default {
|
|
|
},
|
|
|
data () {
|
|
|
return {
|
|
|
- activeName:'5'
|
|
|
+ activeName:'5',
|
|
|
+ param:{
|
|
|
+ "id":20220901162901,
|
|
|
+ "content": {
|
|
|
+ "pageNumber": 1,
|
|
|
+ "pageSize": 20,
|
|
|
+ "type":this.activeName,
|
|
|
+ "where":{
|
|
|
+ "condition":"",
|
|
|
+ "status":""
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ list:[],
|
|
|
+ total:0,
|
|
|
+ currentPage:0
|
|
|
}
|
|
|
},
|
|
|
methods:{
|
|
|
- handleClick () {}
|
|
|
+ handleClick (val) {
|
|
|
+ this.param.content.type = this.activeName
|
|
|
+ this.listData()
|
|
|
+ },
|
|
|
+ async listData () {
|
|
|
+ const res = await this.$api.requested(this.param)
|
|
|
+ this.list = res.data
|
|
|
+ this.total = res.total
|
|
|
+ this.currentPage = res.pageNumber
|
|
|
+ },
|
|
|
+ handleSizeChange(val) {
|
|
|
+ // console.log(`每页 ${val} 条`);
|
|
|
+ this.param.content.pageSize = val
|
|
|
+ this.listData()
|
|
|
+ },
|
|
|
+ handleCurrentChange(val) {
|
|
|
+ // console.log(`当前页: ${val}`);
|
|
|
+ this.param.content.pageNumber = val
|
|
|
+ this.listData()
|
|
|
+ },
|
|
|
+ },
|
|
|
+ mounted () {
|
|
|
+ this.listData()
|
|
|
}
|
|
|
}
|
|
|
|
|
|
</script>
|
|
|
<style>
|
|
|
+</style>
|
|
|
+<style scoped>
|
|
|
+.task__pane{
|
|
|
+ vertical-align:-webkit-baseline-middle;
|
|
|
+}
|
|
|
+.avatar{
|
|
|
+ width: 30px;
|
|
|
+ height: 30px;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 30px;
|
|
|
+ font-size: 1rem;
|
|
|
+ color:#fff;
|
|
|
+ border-radius: 100%;
|
|
|
+ background: #3874F6;
|
|
|
+}
|
|
|
+.task__label{
|
|
|
+ color:rgb(173, 172, 172);
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
</style>
|