zhengsl/WholeProcessPlatform
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

右侧页面样式修改，bug改正

Browse Source
This commit is contained in:
王兴凯 2026-04-02 10:54:14 +08:00
parent 91d482a0f4
commit bb33cbcdb9
8 changed files with 46 additions and 85 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/RightDrawer/index.vue
View File

@ -47,6 +47,7 @@ const handleToggle = () => {
<style lang="scss">
.rightContentDrawer {
width: 450px;
height: 100%;
position: relative;
box-sizing: border-box;
@ -70,8 +71,7 @@ const handleToggle = () => {
}
.ant-drawer {
margin: 5px 0px;
margin: 3px 0px;
.ant-drawer-content {
overflow: visible;
}

12
frontend/src/components/developStatusChart/index.vue
View File

@ -47,12 +47,12 @@ const initChart = () => {
// }
},
legend: {
bottom: '5%',
right: '5%',
bottom: '25%',
right: '2%',
orient: 'vertical', // 垂直排列
data: ['已建', '在建'],
itemWidth: 14,
itemHeight: 14,
itemWidth: 21,
itemHeight: 11,
itemStyle: {
borderRadius: 0
},
@ -85,7 +85,7 @@ const initChart = () => {
show: false // 不显示引导线
},
data: [
{ value: 80, name: '已建', itemStyle: { color: '#4CAF50' } },
{ value: 80, name: '已建', itemStyle: { color: '#78c300' } },
{ value: 20, name: '在建', itemStyle: { color: '#2196F3' } }
]
},
@ -112,7 +112,7 @@ const initChart = () => {
show: false
},
data: [
{ value: 80, name: '已建', itemStyle: { color: '#4CAF50' } },
{ value: 80, name: '已建', itemStyle: { color: '#78c300' } },
{ value: 20, name: '在建', itemStyle: { color: '#2196F3' } }
]
}

4
frontend/src/components/engEnvironmentData/index.vue
View File

@ -67,6 +67,7 @@ onMounted(() => {
border: 1px solid #edf2f8;
margin-bottom: 3px;
cursor: pointer;
padding: 0px 3px;
.item-content {
display: flex;
@ -74,10 +75,11 @@ onMounted(() => {
padding: 6px 4px;
.color-bar {
width: 1.6px;
width: 2px;
height: 14px;
margin-right: 6px;
border-radius: 2px;
display: block;
}
.label {

43
frontend/src/modules/shuidianhuangjingjieruMod/DataTable.vue
View File

@ -1,7 +1,7 @@
<!-- DataTable.vue -->
<template>
<div class="data-table-container">
<a-table :columns="columns" :data-source="tableData" :pagination="false" size="middle" :customRow="customRow"
<a-table :columns="columns" :data-source="tableData" :pagination="false" size="middle" :customRow="customRow" bordered
class="custom-table">
</a-table>
</div>
@ -35,28 +35,28 @@ const columns: ColumnsType = [
title: '总计',
dataIndex: 'total',
key: 'total',
width: 65,
width: 70,
align: 'center'
},
{
title: '已建',
dataIndex: 'built',
key: 'built',
width: 65,
width: 70,
align: 'center'
},
{
title: '在建',
dataIndex: 'building',
key: 'building',
width: 65,
width: 70,
align: 'center'
},
{
title: '未建',
dataIndex: 'unbuilt',
key: 'unbuilt',
width: 65,
width: 70,
align: 'center'
},
]
@ -212,16 +212,16 @@ onMounted(() => {
.custom-table {
:deep(.ant-table) {
font-size: 14px;
border: 1px solid #e8e8e8;
// border: 1px solid #d5e2ed;
border-top: 1px solid #d5e2ed;
.ant-table-thead {
>tr {
>th {
background-color: #e5eff8 !important;
color: #2f6b98;
// font-weight: 600;
border: 1px solid #e8e8e8 !important;
padding: 6px 8px;
// border: 1px solid #d5e2ed!important;
padding: 5px 8px;
text-align: center;
&:first-child {
@ -245,8 +245,8 @@ onMounted(() => {
.ant-table-tbody {
>tr {
>td {
border: 1px solid #e8e8e8;
padding: 6px 8px;
// border: 1px solid #d5e2ed;
padding: 5px 8px;
text-align: center;
&:first-child {
@ -270,7 +270,7 @@ onMounted(() => {
display: flex;
align-items: center;
padding: 12px 8px;
border-top: 1px solid #e8e8e8;
// border-top: 1px solid #d5e2ed;
background-color: #fafafa;
.footer-item {
@ -293,5 +293,24 @@ onMounted(() => {
display: none;
}
}
}
:deep(){
.ant-table-bordered .ant-table-tbody >tr >td{
border-bottom: 1px solid #d5e2ed !important;
border-inline-end: 1px solid #d5e2ed !important;
}
.ant-table-container{
border-inline-start: 1px solid #d5e2ed !important;
}
.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-content >table >thead >tr:not(:last-child)>th{
border-bottom: 1px solid #d5e2ed !important;
}
.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-content >table >thead>tr>th{
border-inline-end: 1px solid #d5e2ed !important;
}
.ant-table-wrapper .ant-table-thead >tr>th{
border-bottom: 1px solid #d5e2ed !important;
}
}
</style>

17
frontend/src/views/home/huanBaoSheShiYunXingZhuangKuang.vue
View File

@ -6,7 +6,6 @@ import Dianxingcuoshijieshao from "@/modules/dianxingcuoshijieshao/index.vue" //
</script>
<template>
<div class="all_width">
<div class="moduleContent">
<div class="leftContent">
<JidiSelectorMod />
@ -18,19 +17,5 @@ import Dianxingcuoshijieshao from "@/modules/dianxingcuoshijieshao/index.vue" //
</RightDrawer>
</div>
</div>
</div>
</template>
<style lang="scss">
.all_width{
width: 100%;
.moduleContent{
display: flex;
justify-content: space-between;
.rightContent{
height: 88vh;
width: 450px;
}
}
}
</style>
<style scoped lang="scss"></style>

17
frontend/src/views/home/huanBaoZhiLiangZhuangKuang.vue
View File

@ -5,7 +5,6 @@ import HuanbaozdjcgzkzQK from "@/modules/huanbaozdjcgzkzQK/index.vue"
</script>
<template>
<div class="all_width">
<div class="moduleContent">
<div class="leftContent">
<JidiSelectorMod />
@ -16,19 +15,5 @@ import HuanbaozdjcgzkzQK from "@/modules/huanbaozdjcgzkzQK/index.vue"
</RightDrawer>
</div>
</div>
</div>
</template>
<style lang="scss">
.all_width{
width: 100%;
.moduleContent{
display: flex;
justify-content: space-between;
.rightContent{
height: 88vh;
width: 450px;
}
}
}
</style>
<style scoped lang="scss"></style>

17
frontend/src/views/shengTaiLiuLiang/shengTaiLiuLiangManZuQingKuang.vue
View File

@ -6,7 +6,6 @@ import ShengtaidabiaoTwoMod from '@/modules/shengtaidabiaoTwoMod/index.vue'
</script>
<template>
<div class="all_width">
<div class="moduleContent">
<div class="leftContent">
<JidiSelectorMod />
@ -18,19 +17,5 @@ import ShengtaidabiaoTwoMod from '@/modules/shengtaidabiaoTwoMod/index.vue'
</RightDrawer>
</div>
</div>
</div>
</template>
<style lang="scss">
.all_width{
width: 100%;
.moduleContent{
display: flex;
justify-content: space-between;
.rightContent{
height: 88vh;
width: 450px;
}
}
}
</style>
<style scoped lang="scss"></style>

17
frontend/src/views/shengTaiLiuLiang/shengTaiLiuLiangXieFangSheShi.vue
View File

@ -7,7 +7,6 @@ import XFFB from "@/modules/shengTaiLiuLiangXieFangSheShiMod/xieFangFenBu/index.
</script>
<template>
<div class="all_width">
<div class="moduleContent">
<div class="leftContent">
<JidiSelectorMod />
@ -19,19 +18,5 @@ import XFFB from "@/modules/shengTaiLiuLiangXieFangSheShiMod/xieFangFenBu/index.
</RightDrawer>
</div>
</div>
</div>
</template>
<style lang="scss">
.all_width{
width: 100%;
.moduleContent{
display: flex;
justify-content: space-between;
.rightContent{
height: 88vh;
width: 450px;
}
}
}
</style>
<style scoped lang="scss"></style>