flx:修改样式

This commit is contained in:
Rain_ 2025-02-28 17:01:30 +08:00
parent 49b98b3af3
commit 92d9b4c574
3 changed files with 55 additions and 24 deletions

View File

@ -6,7 +6,9 @@
<el-scrollbar>
<div class="projectOrganization">
<div class="projectOrganization_box1">
<div>项目建设方项目管理组织机构</div>
<div>
<div>项目建设方项目管理组织机构</div>
</div>
<div class="projectOrganization_box1_right">
<div class="projectOrganization_box1_header">
<div>项目主任组</div>
@ -25,7 +27,9 @@
</div>
</div>
<div class="projectOrganization_box2">
<div>监理单位</div>
<div>
<div>监理单位</div>
</div>
<div class="projectOrganization_box2_footer">
<div @click="particularDetail({ type: 1, title: '监理单位' })" v-for="item in projectOrganizationInfo.projectOrganizationList2" :key="item.id">
{{ item.titleName }}
@ -33,7 +37,9 @@
</div>
</div>
<div class="projectOrganization_box3">
<div>工程建设主体</div>
<div>
<div>工程建设主体</div>
</div>
<div class="projectOrganization_box3_main">
<div class="projectOrganization_box3_footer">
<div @click="particularDetail({ type: 2, title: 'EPC承包商' })" v-for="item in projectOrganizationInfo.projectOrganizationList3" :key="item.id">
@ -677,6 +683,10 @@ onMounted(() => {
font-size: 15px;
display: flex;
align-items: center;
justify-content: center;
> div:first-child {
width: 60%;
}
}
.projectOrganization_box1_right {
@ -690,8 +700,9 @@ onMounted(() => {
align-items: center;
margin-top: 4px;
> div:first-child {
left: 36%;
left: 45%;
position: absolute;
transform: translateX(-50%);
}
// > div:last-child {
// position: absolute;
@ -707,6 +718,7 @@ onMounted(() => {
align-items: center;
justify-content: space-between;
width: 100%;
font-size: 14px;
> div {
color: white;
display: flex;
@ -723,10 +735,11 @@ onMounted(() => {
display: flex;
align-items: center;
justify-content: space-between;
width: 97%;
width: 99%;
font-size: 14px;
> div {
color: white;
width: 54px;
width: 20%;
text-align: center;
}
}
@ -747,6 +760,10 @@ onMounted(() => {
font-size: 14px;
height: 100%;
align-items: center;
justify-content: center;
> div:first-child {
width: 60%;
}
}
.projectOrganization_box2_footer {
width: 91%;
@ -754,13 +771,14 @@ onMounted(() => {
height: 30px;
display: flex;
align-items: center;
justify-content: flex-start;
justify-content: space-between;
margin-top: 16px;
> div {
color: white;
width: 70px;
width: 20%;
text-align: center;
cursor: pointer;
font-size: 14px;
}
}
}
@ -779,6 +797,10 @@ onMounted(() => {
font-size: 14px;
height: 100%;
align-items: center;
justify-content: center;
> div:first-child {
width: 60%;
}
}
.projectOrganization_box3_main {
width: 88%;
@ -800,9 +822,10 @@ onMounted(() => {
justify-content: space-between;
margin-top: 6px;
width: 96%;
font-size: 14px;
> div {
color: white;
width: 44px;
width: 11%;
text-align: center;
}
}

View File

@ -538,8 +538,10 @@ onMounted(async () => {
height: 100%;
position: relative;
.chart {
width: 920px;
height: 228px;
// width: 920px;
// height: 228px;
width: 100%;
height: 100%;
}
.not-data {
width: 20%;

View File

@ -331,19 +331,25 @@ const getProjectMilestonePlanRecordList = async () => {
});
if (res.code == 200) {
console.log(res, "获取项目里程碑计划记录列表");
const timeDiff = dayjs(res.result.end).diff(dayjs(res.result.begin), "year");
if (res.result.begin) {
pageInfo.yearList = [dayjs(res.result.begin).format("YYYY")];
if (timeDiff > 0) {
for (let i = 0; i < timeDiff; i++) {
const year = dayjs(res.result.begin).format("YYYY");
pageInfo.yearList.push(Number(year) + (i + 1));
}
} else if (dayjs(res.result.begin).format("YYYY") != dayjs(res.result.end).format("YYYY")) {
pageInfo.yearList.push(dayjs(res.result.end).format("YYYY"));
}
}
pageInfo.monthList = [res.result.begin, res.result.end];
const timeEnd = dayjs(res.result.end).add(1, 'month').format('YYYY-MM-DD HH:mm:ss');
const timeBegin = dayjs(res.result.begin).subtract(1, 'month').format('YYYY-MM-DD HH:mm:ss');
const timeDiff = dayjs(timeEnd).diff(dayjs(timeBegin), 'year');
console.log(timeBegin, timeEnd, '获取项目里程碑计划记录列表');
if (timeBegin) {
pageInfo.yearList = [dayjs(timeBegin).format('YYYY')];
if (timeDiff > 0) {
for (let i = 0; i < timeDiff; i++) {
const year = dayjs(timeBegin).format('YYYY');
pageInfo.yearList.push(Number(year) + (i + 1));
}
if (timeDiff == 1) {
pageInfo.yearList.push(dayjs(timeEnd).format('YYYY'));
}
} else if (dayjs(timeBegin).format('YYYY') != dayjs(timeEnd).format('YYYY')) {
pageInfo.yearList.push(dayjs(timeEnd).format('YYYY'));
}
}
pageInfo.monthList = [timeBegin, timeEnd];
console.log(pageInfo.yearList, timeDiff);
pageInfo.projectItemList = res.result.list.reduce((pre: any[], cur: any) => {
// console.log(cur, cur.children);