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

flx:修改样式

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
src/views/sevenLargeScreen/comprehensiveManage/homeOverview/leftCenter.vue
View File

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

6
src/views/sevenLargeScreen/qualityControl/schedulePlan/rightBottom.vue
View File

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

32
src/views/sevenLargeScreen/qualityControl/schedulePlan/rightTop.vue
View File

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