suzhou-jichuang-lanhai
/
network-zz
10
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

网络管理优化

Browse Source
main
项洋 3 weeks ago
parent d43aec7735
commit fe20738517
6 changed files with 92 additions and 88 deletions
Show Stats Download Patch File Download Diff File

BIN
src/assets/privateOrder/map/地图.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 MiB

After

Width:  |  Height:  |  Size: 118 KiB

BIN
src/assets/privateOrder/map/地图@2x.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 295 KiB

10
src/views/privateOrder/Screen.vue
Unescape View File

@ -317,20 +317,21 @@ export default {
.nav_item {
width: 281px;
height: 50px;
height: 70px;
font-family: AlibabaPuHuiTiB;
font-size: 28px;
font-weight: bold;
color: #ffffff;
line-height: 50px;
line-height: 70px;
text-align: center;
font-style: normal;
text-transform: none;
vertical-align: middle;
}
.selected_left_nav {
width: 281px;
height: 50px;
height: 70px;
background: url("~@/assets/sentimeent/top-left-active.png") no-repeat !important;
background-size: 100% 100% !important;
color: #ffffff;
@ -342,7 +343,7 @@ export default {
.selected_right_nav {
width: 281px;
height: 50px;
height: 70px;
background: url("~@/assets/sentimeent/top-right-active.png") !important;
background-size: 100% 100% !important;
color: #ffffff;
@ -357,6 +358,7 @@ export default {
background-size: 100% 100%;
background-repeat: no-repeat;
padding-right: 40px;
vertical-align: middle;
}
.right_nav {

62
src/views/privateOrder/ecosphere/components/componentLeft.vue
Unescape View File

@ -104,7 +104,7 @@
<div class="platform-glow"></div>
</div>
</div>
<div class="section-center" />
<!-- <div class="section-center" /> -->
</div>
</div>
</div>
@ -1701,7 +1701,8 @@ export default {
.inventory-title {
background: url("~@/assets/sentimeent/三份清单(文字背景图).png");
background-size: 100% 100%;
padding: 20px;
padding: 20px 40px 20px 40px;
text-align: center;
// width: 118px;
// height: 70px;
font-family: AlibabaPuHuiTiB;
@ -1719,7 +1720,7 @@ export default {
.hex-icon {
width: 115px;
height: 140px;
height: 170px;
}
.arrow-down {
@ -1769,7 +1770,7 @@ export default {
width: 50%;
height: 50%;
// margin-right: 22px;
padding:0px 50px 50px 0px;
padding:0px 50px 80px 0px;
.firewall-container {
height: calc(100% - 76px);
width: 100%;
@ -1779,8 +1780,7 @@ export default {
.firewall-stats {
display: flex;
justify-content: space-around;
margin-bottom: 20px;
margin: 20px 0px;
.stat-card {
width: 230px;
height: 90px;
@ -1794,8 +1794,8 @@ export default {
padding-left: 10px;
justify-content: space-between;
.stat-icon {
width: 40%;
height: 100px;
width: 55%;
height: 124px;
margin-right: -10px;
position: relative;
@ -1845,7 +1845,8 @@ export default {
width: 100%;
border-radius: 4px;
overflow: hidden;
height: 340px;
height: calc(100% - 110px);
padding: 20px 0;
.table-header {
display: flex;
// background-color: #1a3b6e;
@ -1864,7 +1865,8 @@ export default {
}
.scroll-container {
height: 340px;
height: 100%;
overflow: hidden;
}
@ -1889,7 +1891,7 @@ export default {
color: #9bb8d5;
font-size: 16px;
flex: 1;
text-align: center;
text-align: center;
}
// .violation-text {
@ -1911,8 +1913,8 @@ export default {
justify-content: space-between;
width: 100%;
height: calc(100% - 72px);
padding: 10px;
padding: 0px 10px;
align-content: flex-end;
.zoology-icon {
width: 32%;
height: 45%;
@ -1920,7 +1922,7 @@ export default {
flex-direction: column;
align-items: center;
margin-bottom: 10px;
padding: 5px;
padding: 50px 20px;
.icon-bk {
width: 100%;
height: 100%;
@ -2129,11 +2131,13 @@ export default {
justify-content: center;
.section-bg {
position: relative;
top: 54px;
width: 70%;
height: 351px;
background: url("~@/assets/sentimeent/底.png") no-repeat;
background-size: 100% 100%;
// top: 54px;
width: 100%;
height: 100%;
background: url("~@/assets/sentimeent/上.png") no-repeat ,url("~@/assets/sentimeent/底.png") no-repeat center;
// background-position:calc(auto - 30px) auto,auto auto;
background-position: 50% 40%,center;
// background-size: 100% 100%;
.section-object-item {
position: absolute;
width: 250px;
@ -2197,7 +2201,7 @@ export default {
width: 58px;
height: 12px;
font-family: AlibabaPuHuiTiB;
font-size: 14px;
font-size: 24px;
color: #b9ccdf;
line-height: 11px;
white-space: nowrap;
@ -2256,11 +2260,6 @@ export default {
animY 15s cubic-bezier(0.36, 0, 0.64, 1) -13.75s infinite alternate,
scale 30s cubic-bezier(0.36, 0, 0.64, 1) -12.5s infinite alternate;
}
.item9 {
animation: animX 15s cubic-bezier(0.36, 0, 0.64, 1) -9.5s infinite alternate,
animY 15s cubic-bezier(0.36, 0, 0.64, 1) -1.5s infinite alternate,
scale 30s cubic-bezier(0.36, 0, 0.64, 1) -12.5s infinite alternate;
}
}
.item1 {
@ -2303,25 +2302,20 @@ export default {
animY 15s cubic-bezier(0.36, 0, 0.64, 1) -13.75s infinite alternate,
scale 30s cubic-bezier(0.36, 0, 0.64, 1) -12.5s infinite alternate;
}
.item9 {
animation: animX 15s cubic-bezier(0.36, 0, 0.64, 1) -9.5s infinite alternate,
animY 15s cubic-bezier(0.36, 0, 0.64, 1) -1.5s infinite alternate,
scale 30s cubic-bezier(0.36, 0, 0.64, 1) -12.5s infinite alternate;
}
@keyframes animX {
0% {
left: -130px;
left: -70px;
}
100% {
left: 410px;
left: 650px;
}
}
@keyframes animY {
0% {
top: -60px;
top: 70px;
}
100% {
top: 280px;
top: 400px;
}
}
@keyframes scale {

74
src/views/privateOrder/ecosphere/components/componentRight.vue
Unescape View File

@ -13,27 +13,27 @@
<module-title> 举报流程</module-title>
<div class="processflow">
<div class="processIcon">
<div style="top: 0px; left: 340px">
<div style="top: 20px; left: 380px">
<img src="@/assets/sentimeent/网络举报事件.png" alt="" />
<span style="margin-left: -40px"> 网络举报事件 </span>
</div>
<div style="top: 73px; left: 550px">
<div style="top: 110px; left: 600px">
<img src="@/assets/sentimeent/举报中心.png" alt="" />
<span style="margin-left: -12px">举报中心</span>
</div>
<div style="top: 266px; left: 540px">
<div style="top: 350px; left: 590px">
<img src="@/assets/sentimeent/研判分析.png" alt="" />
<span style="margin-left: -15px">研判分析</span>
</div>
<div style="top: 350px; left: 340px">
<div style="top: 450px; left: 380px">
<img src="@/assets/sentimeent/事件办理处置.png" alt="" />
<span style="margin-left: -40px">事件办理处置</span>
</div>
<div style="top: 266px; left: 145px">
<div style="top: 350px; left: 150px">
<img src="@/assets/sentimeent/汇总结果.png" alt="" />
<span style="margin-left: -15px">汇总结果</span>
</div>
<div style="top: 73px; left: 155px">
<div style="top: 120px; left: 140px">
<img src="@/assets/sentimeent/反馈举报人.png" alt="" />
<span style="margin-left: -25px">反馈举报人</span>
</div>
@ -660,7 +660,7 @@ export default {
name: "Access From",
type: "pie",
hoverAnimation: true,
radius: ["35%", "50%"],
radius: ["45%", "60%"],
labelLine: {
show: false,
length: 30,
@ -1148,18 +1148,18 @@ export default {
.section1 {
width: 50%;
height: 50%;
padding:50px 50px 50px 0px;
padding: 50px 50px 50px 0px;
}
// justify-content: space-between;
// align-content: space-between;
.section {
width: 50%;
height: 50%;
padding:50px 0px 50px 0px;
padding: 50px 0px 50px 0px;
.clean-action-table {
height: calc(100% - 76px);
width: 100%;
padding: 20px 0px;
.table-header {
display: flex;
background: url("~@/assets/sentimeent/背景表格.png") no-repeat center;
@ -1167,11 +1167,11 @@ export default {
.header-cell {
padding: 12px 15px;
color: #ffffff;
font-size: 18px;
font-weight: normal;
font-family: AlibabaPuHuiTiM;
font-size: 28px;
color: #e4f0ff;
line-height: 22px;
text-align: center;
&:first-child {
width: 120px;
}
@ -1187,7 +1187,7 @@ export default {
}
.scroll-container {
height: 360px;
height: calc(100% - 45px);
overflow: hidden;
}
@ -1231,25 +1231,32 @@ export default {
.cell {
padding: 12px 15px;
font-size: 16px;
overflow: hidden;
text-overflow: ellipsis;
// overflow: hidden;
// text-overflow: ellipsis;
white-space: nowrap;
text-align: center;
&.time-cell {
width: 120px;
color: #9bb8d5;
width: 150px;
font-family: AlibabaPuHuiTiR;
font-size: 26px;
color: #b9ccdf;
text-align: center;
}
&.title-cell {
flex: 1;
color: #ffffff;
padding-right: 40px;
font-family: AlibabaPuHuiTiR;
font-size: 26px;
color: #b9ccdf;
// text-align: center;
}
&.source-cell {
width: 100px;
color: #9bb8d5;
width: 150px;
font-family: AlibabaPuHuiTiR;
font-size: 26px;
color: #b9ccdf;
text-align: center;
}
}
@ -1260,7 +1267,7 @@ export default {
.section-reportingProcess {
width: 50%;
height: 50%;
padding:50px 50px 50px 0px;
padding: 50px 50px 50px 0px;
.processflow {
// padding-top: 20px;
position: relative;
@ -1268,7 +1275,7 @@ export default {
background: url("~@/assets/sentimeent/举报流程环形图.png") no-repeat
center,
url("~@/assets/sentimeent/举报流程(环形中间).png") no-repeat center;
background-size: 430px 410px, 215px 210px;
// background-size: 430px 410px, 215px 210px;
.processTitle {
width: 90px;
position: absolute;
@ -1294,8 +1301,8 @@ export default {
position: absolute;
img {
display: block;
width: 79px;
height: 77px;
width: 99px;
height: 97px;
}
span {
font-family: AlibabaPuHuiTiR;
@ -1667,7 +1674,7 @@ export default {
top: 0px;
left: 5px;
width: 100%;
height: 70%;
height: 80%;
// margin-top: 30px;
// background: url("~@/assets/ecosphere/bg-饼图.png") no-repeat;
}
@ -1680,13 +1687,13 @@ export default {
.label-item {
position: relative;
width: 170px;
height: 65px;
width: 198px;
height: 72px;
// border: 1px dashed;
display: flex;
justify-content: center;
align-items: center;
padding-right: 20px;
.label-content {
display: flex;
flex-direction: column;
@ -1694,16 +1701,17 @@ export default {
justify-content: center;
.percent {
font-size: 28px;
font-size: 36px;
font-weight: bold;
font-family: Arial;
line-height: 1.2;
margin-top: -10px;
margin-top: -20px;
// margin-bottom: 10px;
}
.name {
font-family: AlibabaPuHuiTiR;
font-size: 20px;
font-size: 26px;
color: #b4f9ff;
line-height: 22px;
text-align: justifyLeft;

34
src/views/privateOrder/security/components/componentCenter.vue
Unescape View File

@ -1,6 +1,6 @@
<template>
<div class="maincontainer">
<img src="@/assets/privateOrder/map/地图.png" alt="">
<img src="@/assets/privateOrder/map/地图@2x.png" alt="">
<div class="abspan">
<span> 苏州阳澄湖 <br /> 半岛旅游度假区</span>
<span> 苏州工业园区 <br /> 金鸡湖商务区</span>
@ -218,30 +218,30 @@ export default {
color: #ffffff;
font-family: AlibabaPuHuiTiR;
text-align: center;
font-size: 30px;
font-size: 28px;
span:nth-child(1) {
position: absolute;
top: 400px;
top: 35%;
left: 45%;
}
span:nth-child(2) {
position: absolute;
top: 680px;
left: 28%;
top: 50%;
left: 25%;
}
span:nth-child(3) {
position: absolute;
top: 650px;
top: 840px;
left: 55%;
}
span:nth-child(4) {
position: absolute;
top: 890px;
left: 38%;
top: 1125px;
left: 32%;
}
}
@ -255,28 +255,28 @@ export default {
}
.localone {
top: 120px;
left: 60%;
top: 320px;
left: 50%;
}
.localtwo {
top: 320px;
left: 29%;
top: 530px;
left: 27%;
}
.localthree {
top: 520px;
left: 23%;
top: 700px;
left: 18%;
}
.localfour {
top: 420px;
top: 620px;
left: 60%;
}
.localfive {
top: 660px;
left: 44%;
top: 900px;
left: 40%;
}
.info-box {

Write Preview
Loading…
Cancel
Save