flx:修改首页总览样式
This commit is contained in:
parent
4491252cfe
commit
49b98b3af3
Binary file not shown.
|
Before Width: | Height: | Size: 535 KiB After Width: | Height: | Size: 528 KiB |
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -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);
|
||||||
});
|
});
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user