flx:修改首页总览样式

This commit is contained in:
Rain_ 2025-02-24 18:13:03 +08:00
parent 4491252cfe
commit 49b98b3af3
3 changed files with 29 additions and 27 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 535 KiB

After

Width:  |  Height:  |  Size: 528 KiB

View File

@ -10,7 +10,7 @@
<div class="projectOrganization_box1_right"> <div class="projectOrganization_box1_right">
<div class="projectOrganization_box1_header"> <div class="projectOrganization_box1_header">
<div>项目主任组</div> <div>项目主任组</div>
<div>安质环部</div> <!-- <div>安质环部</div> -->
</div> </div>
<div class="projectOrganization_box1_main"> <div class="projectOrganization_box1_main">
<div v-for="item in projectOrganizationInfo.projectOrganizationList" :key="item.id"> <div v-for="item in projectOrganizationInfo.projectOrganizationList" :key="item.id">
@ -81,10 +81,7 @@ const projectOrganizationInfo = reactive({
id: 5, id: 5,
titleName: "商务管理部" titleName: "商务管理部"
}, },
// {
// id: 6,
// titleName: ""
// },
// { // {
// id: 7, // id: 7,
// titleName: "" // titleName: ""
@ -104,7 +101,11 @@ const projectOrganizationInfo = reactive({
{ {
id: 11, id: 11,
titleName: "党建工作组" titleName: "党建工作组"
} },
{
id: 6,
titleName: "安质环部"
},
], ],
projectOrganizationList2: [ projectOrganizationList2: [
{ {
@ -685,22 +686,22 @@ onMounted(() => {
color: white; color: white;
position: relative; position: relative;
font-size: 16px; font-size: 16px;
height: 42px; height: 46px;
align-items: center; align-items: center;
margin-top: 24px; margin-top: 4px;
> div:first-child { > div:first-child {
left: 35%; left: 36%;
position: absolute; position: absolute;
} }
> div:last-child { // > div:last-child {
position: absolute; // position: absolute;
right: 16%; // right: 16%;
font-size: 14px; // font-size: 14px;
} // }
} }
.projectOrganization_box1_main { .projectOrganization_box1_main {
height: 200px; height: 216px;
position: relative; position: relative;
display: flex; display: flex;
align-items: center; align-items: center;
@ -725,7 +726,7 @@ onMounted(() => {
width: 97%; width: 97%;
> div { > div {
color: white; color: white;
width: 58px; width: 54px;
text-align: center; text-align: center;
} }
} }
@ -750,14 +751,14 @@ onMounted(() => {
.projectOrganization_box2_footer { .projectOrganization_box2_footer {
width: 91%; width: 91%;
position: relative; position: relative;
height: 31px; height: 30px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-start; justify-content: flex-start;
margin-top: 10px; margin-top: 16px;
> div { > div {
color: white; color: white;
width: 69px; width: 70px;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
} }
@ -781,7 +782,8 @@ onMounted(() => {
} }
.projectOrganization_box3_main { .projectOrganization_box3_main {
width: 88%; width: 88%;
height: 94px; height: 102px;
margin-top: 12px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
@ -792,7 +794,7 @@ onMounted(() => {
} }
.projectOrganization_box3_footer { .projectOrganization_box3_footer {
position: relative; position: relative;
height: 31px; height: 30px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
@ -800,7 +802,7 @@ onMounted(() => {
width: 96%; width: 96%;
> div { > div {
color: white; color: white;
width: 54px; width: 44px;
text-align: center; text-align: center;
} }
} }

View File

@ -405,11 +405,11 @@ onMounted(async () => {
// // getProjectPlanGraph(); // // getProjectPlanGraph();
// getProjectMilestonePlanRecordList(); // getProjectMilestonePlanRecordList();
nextTick(() => { nextTick(() => {
// if(searchForm.projectType == 1) { if(searchForm.projectType == 1) {
// pageInfo.imageUrl = store.schedulePlanImage1; pageInfo.imageUrl = store.schedulePlanImage1;
// } else if(searchForm.projectType == 2) { } else if(searchForm.projectType == 2) {
// pageInfo.imageUrl = store.schedulePlanImage2; pageInfo.imageUrl = store.schedulePlanImage2;
// } }
console.log("图片", pageInfo.imageUrl, pageInfo.domIsImage); console.log("图片", pageInfo.imageUrl, pageInfo.domIsImage);
}); });