| | |
|---|
| | | <!-- |
|---|
| | | * @Author: 胡思旗 931347610@qq.com |
|---|
| | | * @Date: 2023-08-28 15:23:47 |
|---|
| | | * @LastEditors: 胡思旗 931347610@qq.com |
|---|
| | | * @LastEditTime: 2023-08-28 16:19:49 |
|---|
| | | * @LastEditors: husq 931347610@qq.com |
|---|
| | | * @LastEditTime: 2023-08-29 16:54:18 |
|---|
| | | * @FilePath: \Cloud-API-Demo-Web\src\pages\page-web\projects\project_list\list_page.vue\components\ProjectList.vue |
|---|
| | | * @Description:项目列表组件 |
|---|
| | | * |
|---|
| | | * Copyright (c) 2023 by ${git_name_email}, All Rights Reserved. |
|---|
| | | --> |
|---|
| | | <template> |
|---|
| | | <div class="project-box flex-display flex-align-center"> |
|---|
| | | <div class="project-box"> |
|---|
| | | <div class="project-card" v-for="item in cardList" :key="item.id"> |
|---|
| | | <div class="project-left"> |
|---|
| | | <div class="head mb10 flex-display flex-align-center flex-justify-between"> |
|---|
| | | <div class="head-left flex-display flex-align-center"> |
|---|
| | | <a-tag color="#87d068">进行中</a-tag> |
|---|
| | | <span class="head-text">5</span> |
|---|
| | | <a-tag color="#87d068">{{status[item.projectStatus]}}</a-tag> |
|---|
| | | <span class="head-text">{{ item.projectName }}</span> |
|---|
| | | </div> |
|---|
| | | <div class="head-right"> |
|---|
| | | <a-dropdown> |
|---|
| | |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="wrapper"> |
|---|
| | | <div class="introduction mb10">5</div> |
|---|
| | | <div class="time mb5">创建时间: 2023/08/28</div> |
|---|
| | | <div class="introduction mb10">{{ item.projectIntro }}</div> |
|---|
| | | <div class="time mb5">创建时间: {{ item.createTime }}</div> |
|---|
| | | <div class="manager mb5 flex-display flex-align-center"> |
|---|
| | | <user-outlined /> |
|---|
| | | <div class="user_name ml10">接口活</div> |
|---|
| | | <!-- {{item.memberList[0].userId}} --> |
|---|
| | | <div class="user_name ml10">测试角色</div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
