fix: 页面样式布局修改

This commit is contained in:
kun 2024-06-25 18:28:37 +08:00
parent cb81521875
commit 638377d370
10 changed files with 23 additions and 19 deletions

View File

@ -219,11 +219,13 @@ const columns: ColumnProps[] = [
{ type: "index", label: "序号", width: 80 }, { type: "index", label: "序号", width: 80 },
{ {
prop: "category", prop: "category",
width: 120,
label: "类别", label: "类别",
search: { el: "input" } search: { el: "input" }
}, },
{ {
prop: "subItem", prop: "subItem",
width: 130,
label: "分项" label: "分项"
}, },
{ {
@ -240,13 +242,15 @@ const columns: ColumnProps[] = [
// }, // },
{ {
prop: "deductPointsStandard", prop: "deductPointsStandard",
width: 140,
label: "评分部门类别" label: "评分部门类别"
}, },
{ {
prop: "standardScore", prop: "standardScore",
width: 100,
label: "标准分" label: "标准分"
}, },
{ prop: "operation", label: "操作", width: 200, fixed: "right" } { prop: "operation", label: "操作", width: 160, fixed: "right" }
]; ];
const dicMainData = ref([]); const dicMainData = ref([]);

View File

@ -61,8 +61,8 @@
</div> </div>
</div> </div>
</div> </div>
<div class="mainleto" ref="mainleto" style="height: 260px"></div> <div class="mainleto" ref="mainleto" style="height: 220px"></div>
<div class="mainlett" ref="mainlett" style="height: 260px"></div> <div class="mainlett" ref="mainlett" style="height: 220px"></div>
<div class="echatop"> <div class="echatop">
<div class="tub"></div> <div class="tub"></div>
<div> <div>
@ -746,7 +746,7 @@ const myChamainlett = () => {
.leftcent { .leftcent {
position: relative; position: relative;
width: 100%; width: 100%;
height: 950px; height: 890px;
margin-left: 5px; margin-left: 5px;
background-color: #060f2c; background-color: #060f2c;
border: 1px solid #084b60; border: 1px solid #084b60;
@ -871,12 +871,12 @@ const myChamainlett = () => {
} }
.mainlett { .mainlett {
position: absolute; position: absolute;
top: 680px; top: 670px;
width: 65%; width: 65%;
} }
.echatop { .echatop {
position: absolute; position: absolute;
top: 440px; top: 406px;
right: 20px; right: 20px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -904,7 +904,7 @@ const myChamainlett = () => {
} }
.echabut { .echabut {
position: absolute; position: absolute;
top: 705px; top: 658px;
right: 20px; right: 20px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;

View File

@ -687,7 +687,7 @@ const setjindue = () => {
<style scoped lang="scss"> <style scoped lang="scss">
.rigthBottLeft { .rigthBottLeft {
width: 100%; width: 100%;
height: 683px; height: 623px;
background-color: #060f2c; background-color: #060f2c;
border: 1px solid #084b60; border: 1px solid #084b60;
cursor: pointer; cursor: pointer;
@ -831,7 +831,7 @@ const setjindue = () => {
top: 350px; top: 350px;
display: flex; display: flex;
width: 100%; width: 100%;
height: 341px; height: 274px;
.botttwoleft { .botttwoleft {
width: 50%; width: 50%;
height: 100%; height: 100%;

View File

@ -466,7 +466,7 @@ const settxa = (arr1, arr2) => {
} }
.rigthBottRigth { .rigthBottRigth {
width: 100%; width: 100%;
height: 340.5px; height: 310.5px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background-color: #060f2c; background-color: #060f2c;

View File

@ -309,7 +309,7 @@ onMounted(() => {
} }
.card { .card {
width: 100%; width: 100%;
height: 759px; height: 630px;
padding: 0; padding: 0;
background-color: #092945 !important; background-color: #092945 !important;
} }

View File

@ -243,7 +243,7 @@ const init = () => {
<style scoped lang="scss"> <style scoped lang="scss">
.chart { .chart {
width: 100%; width: 100%;
height: 210px; height: 200px;
} }
.details { .details {
display: flex; display: flex;

View File

@ -265,7 +265,7 @@ onMounted(async () => {
.milestone-sub-title { .milestone-sub-title {
display: flex; display: flex;
align-items: center; align-items: center;
margin-top: 10px; margin-top: 5px;
margin-left: 60px; margin-left: 60px;
img { img {
margin-right: 20px; margin-right: 20px;

View File

@ -142,7 +142,7 @@ onMounted(async () => {
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.projectInfoBox { .projectInfoBox {
height: 236px; height: 216px;
overflow-y: scroll; overflow-y: scroll;
font-family: "Source Han Sans CN-Regular", "Source Han Sans CN"; font-family: "Source Han Sans CN-Regular", "Source Han Sans CN";
font-size: 16px; font-size: 16px;

View File

@ -69,7 +69,7 @@
<div class="blockTitle"> <div class="blockTitle">
<img src="@/assets/images/hzImg/xm/gdxcsp.png" alt="" class="title" /> <img src="@/assets/images/hzImg/xm/gdxcsp.png" alt="" class="title" />
</div> </div>
<div class="blockContent" style="height: 260px"> <div class="blockContent" style="height: 230px">
<!-- <img src="@/assets/images/hzImg/xm/video.png" alt="" width="100%" height="100%" /> --> <!-- <img src="@/assets/images/hzImg/xm/video.png" alt="" width="100%" height="100%" /> -->
<!-- <video style="width: 100%; height: 100%; object-fit: fill" controls :src="videoData.videoUrl"></video> --> <!-- <video style="width: 100%; height: 100%; object-fit: fill" controls :src="videoData.videoUrl"></video> -->
<!-- <div id="playWnd" class="playWnd"></div> --> <!-- <div id="playWnd" class="playWnd"></div> -->
@ -82,7 +82,7 @@
<!-- <maps :projectData="projectData"></maps> --> <!-- <maps :projectData="projectData"></maps> -->
<BDmaps :projectData="projectData"></BDmaps> <BDmaps :projectData="projectData"></BDmaps>
</div> </div>
<div class="blockBox"> <div class="blockBox" style="margin-bottom: 0px">
<!-- <div class="blockTitle blockTitle2"> <!-- <div class="blockTitle blockTitle2">
<img src="@/assets/images/hzImg/xm/lcb.png" alt="" class="title" /> <img src="@/assets/images/hzImg/xm/lcb.png" alt="" class="title" />
</div> --> </div> -->

View File

@ -1,6 +1,6 @@
.table-box { .table-box {
flex-direction: row; flex-direction: row;
height: auto; height: 100%;
font-family: "Source Han Sans CN-Regular", "Source Han Sans CN"; font-family: "Source Han Sans CN-Regular", "Source Han Sans CN";
color: #ffffff; color: #ffffff;
} }
@ -45,7 +45,7 @@
} }
} }
.mapBox { .mapBox {
height: 630px; height: 562px;
margin-bottom: 20px; margin-bottom: 20px;
} }
.blockBox { .blockBox {
@ -84,7 +84,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
height: 234px; height: 194px;
.chartBox { .chartBox {
width: 170px; width: 170px;
height: 170px; height: 170px;