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

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

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

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

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

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

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

Write Preview
Loading…
Cancel
Save