湖里大屏(进度计划):更改甘特图布局

This commit is contained in:
Jack 2022-08-09 13:41:02 +08:00
parent 18b1a8fddd
commit b966a7727e

View File

@ -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 {