admin/zhgdyun
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

湖里大屏(进度计划)：新增甘特图进度条

Browse Source
This commit is contained in:
Jack 2022-08-09 14:12:44 +08:00
parent b966a7727e
commit e8ef6bf8cc
1 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/views/projectAdmin/jlw/planProgress/centerTop.vue
View File

@ -30,6 +30,7 @@
<div class="grid" v-for="day in getDays(date)" :key="day + 'grid'"></div>
</div>
</div>
<div class="progress"></div>
</div>
<div class="children">
<div class="row" v-for="child in p.children" :key="'child-' + child.pName">
@ -41,6 +42,7 @@
<div class="grid" v-for="day in getDays(date)" :key="day + 'grid'"></div>
</div>
</div>
<div class="progress"></div>
</div>
</div>
</div>
@ -69,16 +71,16 @@ export default {
projects: [
{
pName: '地基与基础工程',
startTime: '2020/04',
endTime: '2020/05',
startTime: '2020/04/06',
endTime: '2020/05/09',
gantts: [{ startTime: '', endTime: '', status: '' }],
children: [
{ pName: '无支护土方工程', startTime: '2020/04', endTime: '2020/05' },
{ pName: '有支护土方工程', startTime: '2020/04', endTime: '2020/05' }
]
},
{ pName: '主体结构', startTime: '2020/03', endTime: '2020/06' },
{ pName: '建筑装饰装修', startTime: '2020/04', endTime: '2020/07' }
{ pName: '主体结构', startTime: '2020/03/12', endTime: '2020/06/04' },
{ pName: '建筑装饰装修', startTime: '2020/04/21', endTime: '2020/07/30' }
],
openedIndex: 9999
}
@ -200,6 +202,7 @@ export default {
cursor: pointer;
}
.row {
position: relative;
display: flex;
.td {
flex-shrink: 0;
@ -233,6 +236,14 @@ export default {
width: 400px;
}
}
.progress {
flex-shrink: 0;
position: absolute;
top: calc(50% - 7px);
width: 20px;
height: 14px;
background: pink;
}
}
.children {
display: none;