湖里大屏(进度计划):更改甘特图布局
This commit is contained in:
parent
18b1a8fddd
commit
b966a7727e
@ -65,12 +65,13 @@ export default {
|
|||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
dates: ['2020/04', '2020/05'],
|
dates: ['2020/04', '2020/05', '2020/07', '2020/08'],
|
||||||
projects: [
|
projects: [
|
||||||
{
|
{
|
||||||
pName: '地基与基础工程',
|
pName: '地基与基础工程',
|
||||||
startTime: '2020/04',
|
startTime: '2020/04',
|
||||||
endTime: '2020/05',
|
endTime: '2020/05',
|
||||||
|
gantts: [{ startTime: '', endTime: '', status: '' }],
|
||||||
children: [
|
children: [
|
||||||
{ pName: '无支护土方工程', startTime: '2020/04', endTime: '2020/05' },
|
{ pName: '无支护土方工程', startTime: '2020/04', endTime: '2020/05' },
|
||||||
{ pName: '有支护土方工程', startTime: '2020/04', endTime: '2020/05' }
|
{ pName: '有支护土方工程', startTime: '2020/04', endTime: '2020/05' }
|
||||||
@ -128,16 +129,20 @@ export default {
|
|||||||
|
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.gantt-chart {
|
.gantt-chart {
|
||||||
|
height: 100%;
|
||||||
.table {
|
.table {
|
||||||
|
height: 100%;
|
||||||
|
overflow-x: auto;
|
||||||
.thead {
|
.thead {
|
||||||
background-color: #163549;
|
|
||||||
border-bottom: 1px solid #234d5f;
|
border-bottom: 1px solid #234d5f;
|
||||||
.row {
|
.row {
|
||||||
display: flex;
|
display: flex;
|
||||||
.td {
|
.td {
|
||||||
|
flex-shrink: 0;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
height: 42px;
|
height: 42px;
|
||||||
line-height: 42px;
|
line-height: 42px;
|
||||||
|
background-color: #163549;
|
||||||
.date {
|
.date {
|
||||||
line-height: 21px;
|
line-height: 21px;
|
||||||
border-left: 1px solid #234d5f;
|
border-left: 1px solid #234d5f;
|
||||||
@ -166,7 +171,6 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.tbody {
|
.tbody {
|
||||||
background-color: #0a1b2f;
|
|
||||||
border-left: 1px solid #234d5f;
|
border-left: 1px solid #234d5f;
|
||||||
.row-groups {
|
.row-groups {
|
||||||
position: relative;
|
position: relative;
|
||||||
@ -198,9 +202,11 @@ export default {
|
|||||||
.row {
|
.row {
|
||||||
display: flex;
|
display: flex;
|
||||||
.td {
|
.td {
|
||||||
|
flex-shrink: 0;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
height: 42px;
|
height: 42px;
|
||||||
line-height: 42px;
|
line-height: 42px;
|
||||||
|
background-color: #0a1b2f;
|
||||||
border-right: 1px solid #234d5f;
|
border-right: 1px solid #234d5f;
|
||||||
border-bottom: 1px solid #234d5f;
|
border-bottom: 1px solid #234d5f;
|
||||||
.grids {
|
.grids {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user