fix: 页面样式布局修改
This commit is contained in:
parent
cb81521875
commit
638377d370
@ -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([]);
|
||||||
|
|||||||
@ -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;
|
||||||
|
|||||||
@ -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%;
|
||||||
|
|||||||
@ -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;
|
||||||
|
|||||||
@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -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;
|
||||||
|
|||||||
@ -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;
|
||||||
|
|||||||
@ -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;
|
||||||
|
|||||||
@ -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> -->
|
||||||
|
|||||||
@ -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;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user