Web/admin-sjzx
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

全局修改国网字段

Browse Source
This commit is contained in:
GGJ
2024-11-21 08:56:04 +08:00
parent e53a3dd8dd
commit 5b0e94cf68
15 changed files with 1375 additions and 2278 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
src/views/pqs/qualityInspeection/panorama/components/mapL.vue
View File

@@ -13,10 +13,8 @@
<div v-for="(item, i) in list" class="cardBox" :style="i == 1 ? 'flex:1.3' : ''">
<div class="card">
<span style="cursor: pointer" @click="GridDiagram(i)">{{ item.title }}：</span>
<span
:style="`color: ${item.color[0]}; cursor:pointer`"
@click="LookMap(item.list[4].numOneList, item.list[4].numTwoList, 0)"
>
<span :style="`color: ${item.color[0]}; cursor:pointer`"
@click="LookMap(item.list[4].numOneList, item.list[4].numTwoList, 0)">
{{ item.list[4].numOne }}
</span>
</div>
@@ -25,10 +23,8 @@
<!-- 监测规模 列表 -->
<div>
<div class="vcl mt5">
<p
v-for="(item, i) in vList"
:style="i == 0 ? 'width: 60px' : i == 5 ? 'width: 32px' : 'flex:1'"
>
<p v-for="(item, i) in vList"
:style="i == 0 ? 'width: 60px' : i == 5 ? 'width: 32px' : 'flex:1'">
{{ item }}
</p>
</div>
@@ -52,10 +48,8 @@
<p class="numOne" @click="LookMap(item.list[3].numOneList, item.list[3].numTwoList, 0)">
{{ item.list[3].numOne }}
</p>
<p
style="font-size: 12px; width: 32px; cursor: pointer; color: var(--el-color-primary)"
@click.stop="open(i)"
>
<p style="font-size: 12px; width: 32px; cursor: pointer; color: var(--el-color-primary)"
@click.stop="open(i)">
详情
</p>
</div>
@@ -75,11 +69,8 @@
<img src="@/assets/img/TJ.png" />
{{ item.title }}
</div>
<div
class="card-Box"
:style="`height:calc((${boxHeight.height} - 50px )/ 3);`"
v-for="val in item.children"
>
<div class="card-Box" :style="`height:calc((${boxHeight.height} - 50px )/ 3);`"
v-for="val in item.children">
<div>
<span class="line"></span>
<span class="vol">{{ val.title }}</span>
@@ -136,12 +127,8 @@
</div>
</div>
<img
class="imgL"
:style="show ? 'transform: rotate(0deg);' : 'transform: rotate(180deg);'"
@click="show = !show"
src="@/assets/img/QH.png"
/>
<img class="imgL" :style="show ? 'transform: rotate(0deg);' : 'transform: rotate(180deg);'"
@click="show = !show" src="@/assets/img/QH.png" />
<div class="legeng">
<div v-for="item in legengList">
<span :style="`background-color: ${item.color};`"></span>
@@ -305,7 +292,7 @@ const countList: any = ref([
]
},
{
title: '上送国网',
title: '上送网公司',
children: [{ title: '电网侧监测点', num: 0, onLineNum: 0, integrityRate: 0 }]
}
])
@@ -431,7 +418,7 @@ const LookMap = (coutList: object, alarmList: object, key?: any) => {
const GridDiagram = (k: any) => {
emit('GridDiagram', k)
}
onMounted(() => {})
onMounted(() => { })
defineExpose({ info, show })
</script>
@@ -458,40 +445,48 @@ defineExpose({ info, show })
flex: 1;
align-items: center;
font-size: 16px;
span:nth-child(2) {
font-weight: 550;
}
}
}
.vcl {
display: flex;
border-bottom: 2px solid #fff;
background-color: #edededc0;
border-radius: 5px;
font-size: 14px;
p {
text-align: center;
margin: 6px;
line-height: 30px;
}
.numOne {
flex: 1;
font-weight: 550;
cursor: pointer;
}
&:nth-child(1) {
background-color: #fff;
}
&:nth-child(2) {
.numOne {
color: #00bff5;
}
}
&:nth-child(3) {
.numOne {
color: #008000;
}
}
&:nth-child(4) {
.numOne {
color: #0000ff;
@@ -510,9 +505,11 @@ defineExpose({ info, show })
font-weight: 550;
display: flex;
align-items: center;
span:nth-child(1) {
cursor: pointer;
}
.info {
font-weight: normal;
display: flex;
@@ -520,6 +517,7 @@ defineExpose({ info, show })
cursor: pointer;
color: #757575;
}
img {
height: 1.2rem;
width: 1.2rem;
@@ -540,6 +538,7 @@ defineExpose({ info, show })
border-radius: 10px;
min-height: 60px;
max-height: 120px;
.line {
display: inline-block;
width: 0.5rem;
@@ -549,6 +548,7 @@ defineExpose({ info, show })
margin-right: 5px;
margin-bottom: 2px;
}
.num {
margin-left: 10px;
display: grid;
@@ -563,10 +563,12 @@ defineExpose({ info, show })
}
}
}
.BoxA {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
// grid-template-rows: 80px;
.num {
margin-left: 10px;
@@ -590,26 +592,33 @@ defineExpose({ info, show })
.show {
width: 0px;
transition: all 0.3s ease;
.boxLeft {
padding: 0;
}
}
.noshow {
width: 25%;
transition: all 0.3s ease;
.boxLeft {
padding: 10px 10px 10px 10px;
}
}
:deep(.el-card) {
--el-card-padding: 10px !important;
}
:deep(.el-table thead) {
color: #000;
}
:deep(.el-dialog__body) {
max-height: none !important;
}
.legeng {
position: absolute;
padding: 5px;
@@ -623,10 +632,12 @@ defineExpose({ info, show })
display: grid;
line-height: 22px;
grid-template-rows: auto;
div {
display: flex;
align-items: center;
justify-content: center;
span:nth-child(1) {
display: inline-block;
height: 10px;