# Conflicts:
#	src/views/privateOrder/security/components/Localnotification.vue
main
项洋 3 weeks ago
commit 82c3515e22

Binary file not shown.

After

Width:  |  Height:  |  Size: 307 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

@ -4,27 +4,15 @@
<div class="main-container"> <div class="main-container">
<div class="top_nav"> <div class="top_nav">
<div class="top_left"> <div class="top_left">
<router-link <router-link v-for="item in menus.slice(0, 2)" :key="item.id" class="nav_item left_nav"
v-for="item in menus.slice(0, 2)" active-class="selected_left_nav" exact :to="{ path: item.path }">
:key="item.id"
class="nav_item left_nav"
active-class="selected_left_nav"
exact
:to="{ path: item.path }"
>
{{ item.name }} {{ item.name }}
</router-link> </router-link>
</div> </div>
<!-- <div class="center_title">太仓市网络综合治理平台</div> --> <!-- <div class="center_title">太仓市网络综合治理平台</div> -->
<div class="top_right"> <div class="top_right">
<router-link <router-link v-for="item in menus.slice(2, 4)" :key="item.id" class="nav_item right_nav"
v-for="item in menus.slice(2, 4)" active-class="selected_right_nav" exact :to="{ path: item.path }">
:key="item.id"
class="nav_item right_nav"
active-class="selected_right_nav"
exact
:to="{ path: item.path }"
>
{{ item.name }} {{ item.name }}
</router-link> </router-link>
</div> </div>
@ -47,38 +35,27 @@
</div> </div>
</div> </div>
</div> </div>
<div class="year-wrap"></div> <div class="year-wrap">
<div>时间</div>
<div>消息</div>
<div>退出</div>
</div>
</div> </div>
<keep-alive> <keep-alive>
<router-view /> <router-view />
</keep-alive> </keep-alive>
</div> </div>
<div> <div>
<el-button <el-button v-if="!dialogDetails && $route.name === ''" type="primary" style="
v-if="!dialogDetails && $route.name === '网络舆情'"
type="primary"
style="
background-color: rgba(255, 255, 255, 0.2); background-color: rgba(255, 255, 255, 0.2);
position: absolute; position: absolute;
top: 160px; top: 160px;
left: 1600px; left: 1600px;
z-index: 9999; z-index: 9999;
" " @click="dialogDetails = !dialogDetails">切换</el-button>
@click="dialogDetails = !dialogDetails"
>切换</el-button
>
</div> </div>
<el-dialog <el-dialog v-if="dialogDetails" v-el-drag-dialog class="screen-dialog" :visible.sync="dialogDetails" width="2530px"
v-if="dialogDetails" top="20px" :modal-append-to-body="true" center :modal="false">
v-el-drag-dialog
class="screen-dialog"
:visible.sync="dialogDetails"
width="2530px"
top="20px"
:modal-append-to-body="true"
center
:modal="false"
>
<div class="iframeBox"> <div class="iframeBox">
<commandControl /> <commandControl />
</div> </div>
@ -188,6 +165,7 @@ export default {
height: $ScreenHeight; height: $ScreenHeight;
overflow: scroll; overflow: scroll;
} }
.iframeBox { .iframeBox {
position: relative; position: relative;
width: 3305px; width: 3305px;
@ -218,6 +196,7 @@ export default {
flex-direction: column; flex-direction: column;
background-color: #001832; background-color: #001832;
height: $iframeHeight; height: $iframeHeight;
.nav_item_two { .nav_item_two {
// width: 281px; // width: 281px;
// width: 250px; // width: 250px;
@ -242,6 +221,7 @@ export default {
// transform-origin: left bottom; /* */ // transform-origin: left bottom; /* */
// white-space: nowrap; /* */ // white-space: nowrap; /* */
} }
.selected_nav_two { .selected_nav_two {
// width: 281px; // width: 281px;
// width: 250px; // width: 250px;
@ -260,6 +240,7 @@ export default {
// transform-origin: left bottom; /* */ // transform-origin: left bottom; /* */
// white-space: nowrap; /* */ // white-space: nowrap; /* */
} }
.selected_nav_two::before { .selected_nav_two::before {
content: ""; content: "";
position: absolute; position: absolute;
@ -269,11 +250,15 @@ export default {
height: 30px; height: 30px;
background: url("~@/assets/privateOrder/topNar/seleted_nav.png"); background: url("~@/assets/privateOrder/topNar/seleted_nav.png");
background-size: 100% 100%; background-size: 100% 100%;
transform: rotate(90deg); /* 旋转90度 */ transform: rotate(90deg);
transform-origin: left bottom; /* 设置旋转的基点为左上角 */ /* 旋转90度 */
clip-path: inset(0 0 0 0); /* 调整裁剪区域 */ transform-origin: left bottom;
/* 设置旋转的基点为左上角 */
clip-path: inset(0 0 0 0);
/* 调整裁剪区域 */
z-index: -1; z-index: -1;
} }
// div { // div {
// font-size: 28px; // font-size: 28px;
// color: #fff; // color: #fff;
@ -353,6 +338,7 @@ export default {
justify-content: center; justify-content: center;
cursor: pointer; cursor: pointer;
} }
.selected_right_nav { .selected_right_nav {
width: 281px; width: 281px;
height: 50px; height: 50px;
@ -364,6 +350,7 @@ export default {
justify-content: center; justify-content: center;
cursor: pointer; cursor: pointer;
} }
.left_nav { .left_nav {
background: url("~@/assets/sentimeent/top-left.png"); background: url("~@/assets/sentimeent/top-left.png");
background-size: 100% 100%; background-size: 100% 100%;
@ -460,6 +447,7 @@ export default {
z-index: 11; z-index: 11;
background: url("~@/assets/sentimeent/时间背景图.png"); background: url("~@/assets/sentimeent/时间背景图.png");
background-size: 100% 100%; background-size: 100% 100%;
.line-style { .line-style {
width: 2px; width: 2px;
height: 24px; height: 24px;
@ -467,6 +455,7 @@ export default {
opacity: 0.5; opacity: 0.5;
margin: 0 30px; margin: 0 30px;
} }
.time-date-box { .time-date-box {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -507,6 +496,7 @@ export default {
border-radius: 4px; border-radius: 4px;
height: 60px; height: 60px;
flex-grow: 1; flex-grow: 1;
.tab-active { .tab-active {
width: 90px; width: 90px;
height: 75px; height: 75px;
@ -518,6 +508,7 @@ export default {
margin-right: 20px; margin-right: 20px;
align-content: center; align-content: center;
justify-content: center; justify-content: center;
span { span {
font-family: MicrosoftYaHei; font-family: MicrosoftYaHei;
font-size: 28px; font-size: 28px;
@ -536,6 +527,7 @@ export default {
justify-content: space-between; justify-content: space-between;
color: #ffffff; color: #ffffff;
font-size: 20px; font-size: 20px;
span { span {
font-family: AlibabaPuHuiTiH; font-family: AlibabaPuHuiTiH;
font-size: 28px; font-size: 28px;
@ -545,6 +537,7 @@ export default {
font-style: normal; font-style: normal;
text-transform: none; text-transform: none;
} }
.tab-container { .tab-container {
width: 100%; width: 100%;
display: flex; display: flex;
@ -586,11 +579,52 @@ export default {
position: absolute; position: absolute;
display: flex; display: flex;
align-items: center; align-items: center;
align-content: space-between; justify-content: space-between;
right: 30px; right: 60px;
width: 460px; width: 520px;
height: 67px; height: 67px;
//background-color: #1fb6e5; color: #00A8FF;
// background-color: #1fb6e5;
div:nth-child(1) {
width: 150px;
height: 100%;
display: flex;
// justify-content: center;
padding-left: 14%;
font-size: 20px;
align-items: center;
// background-image: url(~@/assets/privateOrder/topNar/.png);
background-image: url("~@/assets/privateOrder/topNar/时间.png");
background-size: 100% 100%;
background-repeat: no-repeat;
}
div:nth-child(2) {
width: 150px;
height: 100%;
display: flex;
// justify-content: center;
padding-left: 14%;
font-size: 20px;
align-items: center;
// background-image: url(~@/assets/privateOrder/topNar/.png);
background-image: url("~@/assets/privateOrder/topNar/消息.png");
background-size: 100% 100%;
background-repeat: no-repeat;
}
div:nth-child(3) {
width: 150px;
height: 100%;
display: flex;
// justify-content: center;
padding-left: 14%;
font-size: 20px;
align-items: center;
// background-image: url(~@/assets/privateOrder/topNar/.png);
background-image: url("~@/assets/privateOrder/topNar/退出.png");
background-size: 100% 100%;
background-repeat: no-repeat;
}
} }
.time_name { .time_name {
@ -607,6 +641,7 @@ export default {
color: #68cff9; color: #68cff9;
cursor: pointer; cursor: pointer;
} }
.active_time { .active_time {
width: 110px; width: 110px;
text-align: center; text-align: center;
@ -621,6 +656,7 @@ export default {
color: #ffffff; color: #ffffff;
cursor: pointer; cursor: pointer;
} }
.wrap-bottom { .wrap-bottom {
margin-top: 10px; margin-top: 10px;
width: 110px; width: 110px;
@ -628,6 +664,7 @@ export default {
background: url("~@/assets/privateOrder/topNar/tab-act-line.png") 50% 100%; background: url("~@/assets/privateOrder/topNar/tab-act-line.png") 50% 100%;
border-radius: 2px; border-radius: 2px;
} }
.line { .line {
position: absolute; position: absolute;
z-index: 999; z-index: 999;
@ -663,14 +700,17 @@ export default {
height: 100%; height: 100%;
z-index: 1; z-index: 1;
} }
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 10px; width: 10px;
height: 10px; height: 10px;
background-color: rgba(#1fb6e5, 0.06); background-color: rgba(#1fb6e5, 0.06);
} }
.screen-dialog { .screen-dialog {
position: absolute; position: absolute;
z-index: 9999; z-index: 9999;
.dialog-btn { .dialog-btn {
background: url("~@/assets/dialog/btn-bg.png") no-repeat; background: url("~@/assets/dialog/btn-bg.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
@ -684,6 +724,7 @@ export default {
letter-spacing: 2px; letter-spacing: 2px;
color: #ffffff; color: #ffffff;
} }
// ::v-deep .el-button { // ::v-deep .el-button {
// border: none; // border: none;
// } // }
@ -693,10 +734,12 @@ export default {
background-size: 100% 100%; background-size: 100% 100%;
} }
} }
::v-deep .el-dialog__header { ::v-deep .el-dialog__header {
background: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0);
text-align: left; text-align: left;
padding-left: 40px; padding-left: 40px;
.el-dialog__title { .el-dialog__title {
font-family: SourceHanSansCN-Bold, san-serif; font-family: SourceHanSansCN-Bold, san-serif;
font-size: 24px; font-size: 24px;
@ -707,6 +750,7 @@ export default {
color: #ffffff; color: #ffffff;
} }
} }
::v-deep .el-dialog { ::v-deep .el-dialog {
background: url("~@/assets/dialog/弹窗背景-一般.png") no-repeat; background: url("~@/assets/dialog/弹窗背景-一般.png") no-repeat;
width: 1820px; width: 1820px;
@ -714,40 +758,50 @@ export default {
overflow: hidden; overflow: hidden;
background-size: 100% 100%; background-size: 100% 100%;
} }
::v-deep .el-dialog_body { ::v-deep .el-dialog_body {
height: 1092px; height: 1092px;
} }
::v-deep .el-dialog__headerbtn { ::v-deep .el-dialog__headerbtn {
top: 0; top: 0;
font-size: 30px; font-size: 30px;
font-weight: bolder; font-weight: bolder;
} }
::v-deep .el-dialog__footer { ::v-deep .el-dialog__footer {
background: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0);
} }
::v-deep .el-table th.el-table__cell { ::v-deep .el-table th.el-table__cell {
background-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0);
} }
::v-deep .el-table { ::v-deep .el-table {
background-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0);
color: #fff; color: #fff;
border: none; border: none;
} }
::v-deep.el-table::before { ::v-deep.el-table::before {
display: none; display: none;
} }
::v-deep .el-table tr { ::v-deep .el-table tr {
background-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0);
} }
::v-deep .el-table .cell { ::v-deep .el-table .cell {
font-size: 26px; font-size: 26px;
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
} }
::v-deep .el-table__header { ::v-deep .el-table__header {
background-color: rgba(76, 162, 248, 0.2); background-color: rgba(76, 162, 248, 0.2);
color: #fff; color: #fff;
} }
::v-deep .el-table__row { ::v-deep .el-table__row {
font-family: SourceHanSansCN-Regular, sans-serif; font-family: SourceHanSansCN-Regular, sans-serif;
font-size: 26px; font-size: 26px;
@ -758,6 +812,7 @@ export default {
background-color: rgba(106, 184, 255, 0.2); background-color: rgba(106, 184, 255, 0.2);
border: solid 1px #6ab8ff; border: solid 1px #6ab8ff;
} }
::v-deep .el-table { ::v-deep .el-table {
tbody tr { tbody tr {
&:hover { &:hover {
@ -767,9 +822,11 @@ export default {
} }
} }
} }
::v-deep .el-table td.el-table__cell { ::v-deep .el-table td.el-table__cell {
border: none; border: none;
} }
::v-deep .el-table th.el-table__cell { ::v-deep .el-table th.el-table__cell {
border: none; border: none;
} }

@ -31,7 +31,7 @@ export default {
var nmonth = moment().month() + 1; var nmonth = moment().month() + 1;
console.log(nmonth, "sssss"); console.log(nmonth, "sssss");
return { return {
colorMap: ["lightblue", "#00ffde", "#ff7e2b", "#fbe84f", "#9a60b4", "#ea7ccc", "#91cc75", "#91cc75", "#fbe84f"], colorMap: ["#1C6CE5", "#1CA6E5", "#1AF8CC", "#B9D5E0", "#FF9C71", "#EFC91C", "#9AA0E8", "#EE77D6", "#51E77E"],
pieData: [ pieData: [
{ value: 25, name: "娄薪街道" }, { value: 25, name: "娄薪街道" },
{ value: 20, name: "胜浦街道" }, { value: 20, name: "胜浦街道" },
@ -125,7 +125,7 @@ export default {
label: { label: {
show: true, show: true,
position: "outside", position: "outside",
formatter: "{b}{c}%", formatter: "{c}%",
borderWidth: 1, borderWidth: 1,
borderRadius: 4, borderRadius: 4,
rich: { rich: {
@ -253,12 +253,13 @@ export default {
flex-direction: column; flex-direction: column;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
#pie { #pie {
position: relative; position: relative;
top: 0px; top: 0px;
left: 5px; left: 5px;
width: 100%; width: 100%;
height: 70%; height: 80%;
} }
} }
} }
@ -269,7 +270,7 @@ export default {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: flex-start; justify-content: flex-start;
margin-top: -10px; margin-top: -60px;
gap: 20px; gap: 20px;
width: 70%; width: 70%;

@ -27,26 +27,26 @@
<!-- 通报 --> <!-- 通报 -->
<!-- <div v-if="announceCurrentIndex === 1"> --> <!-- <div v-if="announceCurrentIndex === 1"> -->
<div> <div>
<div class="table_outside"> <!-- <div class="table_outside">
<div class="table_title"> <div class="table_title">
<!-- <span class="title_one">部门名称</span> <span class="title_one">部门名称</span>
<span class="title_two">通报次数</span> --> <span class="title_two">通报次数</span>
<span class="title_one">单位名称</span> <span class="title_one">单位名称</span>
<span class="title_two">积分</span> <span class="title_two">积分</span>
</div> </div>
<div> <div>
<!-- <vue-seamless-scroll <vue-seamless-scroll
:data="notificationList" :data="notificationList"
:class-option="classOption" :class-option="classOption"
class="monitorScroll" class="monitorScroll"
> --> >
<div class="table_ctn"> <div class="table_ctn">
<div <div
v-for="(item, index) in notificationList" v-for="(item, index) in notificationList"
:key="index" :key="index"
class="ctn_item" class="ctn_item"
@click="clickTop4(item)"
> >
<!-- @click="clickTop4(item)" -->
<div class="item_icon"> <div class="item_icon">
{{ index + 1 }} {{ index + 1 }}
</div> </div>
@ -56,9 +56,41 @@
<div class="item_num">{{ item.integral }}</div> <div class="item_num">{{ item.integral }}</div>
</div> </div>
</div> </div>
<!-- </vue-seamless-scroll> --> </vue-seamless-scroll>
</div>
</div> -->
<div class="firewall-table" style="height: 100%;">
<div class="table-header">
<div class="header-cell" style="width: 220px">部门名称</div>
<div class="header-cell" style="width: 120px">通报次数</div>
<div class="header-cell" style="width: 170px">单位名称</div>
<div class="header-cell" style="width: 170px">积分</div>
</div>
<!-- vue-seamless-scroll
vue-seamless-scroll -->
<div :data="notificationList" :class-option="classOption" class="scroll-container">
<div class="table-body">
<div v-for="(item, index) in notificationList" :key="index" class="table-row"
:class="{ 'odd-row': index % 2 === 0 }" @click="clickTop4(item)">
<div class="cell" style="width: 220px">
<!-- <span>{{ item.integral }}</span> -->
<span>园区数据局</span>
</div>
<div class="cell" style="width: 120px">
<!-- <span>{{ item.integral }}</span> -->
<div class="item_icon">{{ index + 1 }}</div>
</div>
<div class="cell" style="width: 170px">
<div class="item_name" :title="item.unitName">{{ item.unitName }}</div>
</div>
<div class="cell" style="width: 170px">
<div class="item_icon">{{ index + 1 }}</div>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
<!-- <el-dialog <!-- <el-dialog
v-if="dialogStatus" v-if="dialogStatus"
@ -93,53 +125,27 @@
</span> </span>
</span> </span>
</el-dialog> --> </el-dialog> -->
<el-dialog <el-dialog v-if="dialogStatus2" :title="'通报详情'" class="screen-dialog" :visible.sync="dialogStatus2" width="1920px"
v-if="dialogStatus2" :modal-append-to-body="true" center :modal="false">
:title="'通报详情'" <div style="
class="screen-dialog"
:visible.sync="dialogStatus2"
width="1920px"
:modal-append-to-body="true"
center
:modal="false"
>
<div
style="
height: 740px; height: 740px;
overflow: auto; overflow: auto;
text-align: center; text-align: center;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
" ">
> <div v-if="fileExtension === 'docx' || fileExtension === 'doc'" ref="file1" class="file-content">
<div
v-if="fileExtension === 'docx' || fileExtension === 'doc'"
ref="file1"
class="file-content"
>
<!-- <iframe style="height: 100%; width: 100%" :src="pdfUrl"></iframe> --> <!-- <iframe style="height: 100%; width: 100%" :src="pdfUrl"></iframe> -->
</div> </div>
<div <div v-if="fileExtension === 'pdf'" class="file-content" style="height: 430px">
v-if="fileExtension === 'pdf'"
class="file-content"
style="height: 430px"
>
<!-- <iframe style="height: 100%; width: 100%" :src="pdfUrl"></iframe> --> <!-- <iframe style="height: 100%; width: 100%" :src="pdfUrl"></iframe> -->
<pdf <pdf v-for="i in numPages" ref="pdf" :key="i" :src="pdfUrl" :page="i"></pdf>
v-for="i in numPages"
ref="pdf"
:key="i"
:src="pdfUrl"
:page="i"
></pdf>
</div> </div>
</div> </div>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<span> <span>
<el-button class="dialog-btn" @click="dialogStatus2 = false" <el-button class="dialog-btn" @click="dialogStatus2 = false"> </el-button>
> </el-button
>
</span> </span>
</span> </span>
</el-dialog> </el-dialog>
@ -392,7 +398,7 @@ export default {
// dataBmtb().then((res) => { // dataBmtb().then((res) => {
// this.notificationList = res.data; // this.notificationList = res.data;
// }); // });
listZcdwpm().then(res=>{ listZcdwpm().then(res => {
this.notificationList = res.rows; this.notificationList = res.rows;
}) })
}, },
@ -405,9 +411,8 @@ export default {
value: value.count, value: value.count,
percent: value.percentage.toFixed(2), percent: value.percentage.toFixed(2),
area: value.area, area: value.area,
img: require(`@/assets/privateOrder/general/${ img: require(`@/assets/privateOrder/general/${index + 1 > 8 ? 1 : index + 1
index + 1 > 8 ? 1 : index + 1 }.png`),
}.png`),
}); });
}); });
// this.inItPie(); // this.inItPie();
@ -437,16 +442,95 @@ export default {
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.firewall-table {
width: 100%;
border-radius: 4px;
overflow: hidden;
margin-top: 20px;
height: 290px;
.table-header {
display: flex;
background-color: #1a3b6e;
background: url("~@/assets/privateOrder/general/背景表格头.png");
background-size: 100% 100%;
background-repeat: no-repeat;
font-family: AlibabaPuHuiTiM;
.header-cell {
padding: 12px;
color: #ffffff;
font-size: 18px;
font-weight: normal;
flex: 1;
text-align: center;
}
}
.scroll-container {
height: 540px;
overflow: hidden;
}
.table-body {
width: 100%;
font-family: AlibabaPuHuiTiM;
.table-row {
display: flex;
background-color: black;
border-bottom: 1px solid #193859;
&:hover {
background-color: rgba(33, 150, 243, 0.1) !important;
}
&.odd-row {
background-color: rgba(18, 40, 69, 0.7);
background: url("~@/assets/privateOrder/general/背景表格斑马纹.png");
background-size: 100% 100%;
background-repeat: no-repeat;
}
.cell {
padding: 12px;
color: #B9CCDF;
font-size: 16px;
flex: 1;
text-align: center;
font-family: AlibabaPuHuiTiR;
}
.violation-text {
color: #11D1E9;
font-family: DIN-Regular;
}
.number-text {
font-family: DIN-Regular;
}
.green-text {
color: #99F17A;
font-family: DIN-Regular;
}
}
}
}
.monitorScroll { .monitorScroll {
height: 280px; height: 280px;
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;
margin-top: 15px; margin-top: 15px;
} }
::v-deep .el-dialog__header { ::v-deep .el-dialog__header {
background: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0);
text-align: left; text-align: left;
padding-left: 40px; padding-left: 40px;
.el-dialog__title { .el-dialog__title {
font-family: SourceHanSansCN-Bold, san-serif; font-family: SourceHanSansCN-Bold, san-serif;
font-size: 24px; font-size: 24px;
@ -457,12 +541,14 @@ export default {
color: #ffffff; color: #ffffff;
} }
} }
// //
#pie1 { #pie1 {
width: 306px; width: 306px;
height: 307px; height: 307px;
transform: translate(11%, 11%); transform: translate(11%, 11%);
} }
.countpie { .countpie {
width: 374px; width: 374px;
height: 374px; height: 374px;
@ -471,6 +557,7 @@ export default {
background: url("~@/assets/privateOrder/general/饼图-bg2.png"); background: url("~@/assets/privateOrder/general/饼图-bg2.png");
background-size: 100% 100%; background-size: 100% 100%;
} }
.moduleCount { .moduleCount {
height: 381px; height: 381px;
overflow: auto; overflow: auto;
@ -481,26 +568,31 @@ export default {
margin-top: 20px; margin-top: 20px;
justify-content: space-between; justify-content: space-between;
align-content: flex-start; align-content: flex-start;
.smallIcon { .smallIcon {
margin-top: 28px; margin-top: 28px;
height: 61px; height: 61px;
width: 143px; width: 143px;
display: flex; display: flex;
.leftIcon { .leftIcon {
margin-right: 5px; margin-right: 5px;
} }
.right_msg { .right_msg {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
justify-content: space-between; justify-content: space-between;
height: 77px; height: 77px;
.Top_msg { .Top_msg {
font-family: SourceHanSansCN-Medium; font-family: SourceHanSansCN-Medium;
font-size: 26px; font-size: 26px;
color: #b7dfff; color: #b7dfff;
} }
.bottom_msg { .bottom_msg {
font-family: DIN-Medium; font-family: DIN-Medium;
font-size: 30px; font-size: 30px;
@ -509,11 +601,13 @@ export default {
} }
} }
} }
// //
.table_outside { .table_outside {
width: 720px; width: 720px;
height: 350px; height: 350px;
margin-top: 18px; margin-top: 18px;
.table_title { .table_title {
width: 718px; width: 718px;
// height: 55px; // height: 55px;
@ -528,9 +622,11 @@ export default {
// line-height: 20px; // line-height: 20px;
line-height: 32px; line-height: 32px;
color: #a6d5ff; color: #a6d5ff;
.title_one { .title_one {
margin-left: 77px; margin-left: 77px;
} }
.title_two { .title_two {
margin-right: 25px; margin-right: 25px;
} }
@ -547,7 +643,8 @@ export default {
height: 75px; height: 75px;
margin: 15px 0; margin: 15px 0;
background: url("~@/assets/privateOrder/general/first/部门通报tr-bg.png") no-repeat; background: url("~@/assets/privateOrder/general/first/部门通报tr-bg.png") no-repeat;
background-size:100% 100%; background-size: 100% 100%;
.item_icon { .item_icon {
width: 38px; width: 38px;
height: 38px; height: 38px;
@ -557,6 +654,7 @@ export default {
line-height: 38px; line-height: 38px;
text-align: center; text-align: center;
} }
.item_name { .item_name {
width: 500px; width: 500px;
overflow: hidden; overflow: hidden;
@ -567,6 +665,7 @@ export default {
margin-left: 20px; margin-left: 20px;
color: #ffffff; color: #ffffff;
} }
.item_num { .item_num {
font-family: PangMenZhengDao-3; font-family: PangMenZhengDao-3;
font-size: 32px; font-size: 32px;
@ -580,6 +679,7 @@ export default {
} }
} }
} }
.screen-dialog { .screen-dialog {
.dialog-btn { .dialog-btn {
background: url("~@/assets/dialog/btn-bg.png") no-repeat; background: url("~@/assets/dialog/btn-bg.png") no-repeat;
@ -594,18 +694,22 @@ export default {
letter-spacing: 2px; letter-spacing: 2px;
color: #ffffff; color: #ffffff;
} }
::v-deep .el-button { ::v-deep .el-button {
border: none; border: none;
} }
.dialog-footer :hover { .dialog-footer :hover {
.dialog-btn { .dialog-btn {
background: url("~@/assets/dialog/btn-bg-act.png") no-repeat; background: url("~@/assets/dialog/btn-bg-act.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
} }
::v-deep .el-dialog__header { ::v-deep .el-dialog__header {
background: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0);
} }
::v-deep .el-dialog { ::v-deep .el-dialog {
background: url("~@/assets/dialog/弹窗背景-一般.png") no-repeat; background: url("~@/assets/dialog/弹窗背景-一般.png") no-repeat;
//width: 1260px; //width: 1260px;
@ -613,12 +717,15 @@ export default {
//padding-top:20px; //padding-top:20px;
background-size: 100% 100%; background-size: 100% 100%;
} }
::v-deep .el-dialog__headerbtn { ::v-deep .el-dialog__headerbtn {
top: 0; top: 0;
} }
::v-deep .el-dialog__footer { ::v-deep .el-dialog__footer {
background: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0);
} }
.dialogClose { .dialogClose {
text-align: center; text-align: center;
width: 160px; width: 160px;
@ -636,10 +743,12 @@ export default {
color: #ffffff; color: #ffffff;
cursor: pointer; cursor: pointer;
} }
.dialogClose:hover { .dialogClose:hover {
background: url("~@/assets/dialog/btn-bg-act.png") no-repeat 100% 100%; background: url("~@/assets/dialog/btn-bg-act.png") no-repeat 100% 100%;
} }
} }
// //
.dangerTitle { .dangerTitle {
//width: 720px; //width: 720px;
@ -647,30 +756,37 @@ export default {
line-height: 55px; line-height: 55px;
margin-top: 13px; margin-top: 13px;
background-color: #143458; background-color: #143458;
span { span {
font-family: SourceHanSansCN-Regular; font-family: SourceHanSansCN-Regular;
font-size: 26px; font-size: 26px;
color: #b7dfff; color: #b7dfff;
} }
span:nth-child(1) { span:nth-child(1) {
padding-left: 13px; padding-left: 13px;
width: 510px; width: 510px;
} }
span:nth-child(2) { span:nth-child(2) {
padding-left: 300px; padding-left: 300px;
} }
span:nth-child(3) { span:nth-child(3) {
padding-left: 300px; padding-left: 300px;
} }
span:nth-child(4) { span:nth-child(4) {
padding-left: 150px; padding-left: 150px;
} }
} }
.dangerText { .dangerText {
//width: 719px; //width: 719px;
height: 85px; height: 85px;
margin-top: 22px; margin-top: 22px;
background-color: #6bb8ff21; background-color: #6bb8ff21;
/* background-image: url("~@/assets/privateOrder/general/-td-bg.png"); /* background-image: url("~@/assets/privateOrder/general/-td-bg.png");
background-size: 100% 100%; */ background-size: 100% 100%; */
span { span {
@ -683,6 +799,7 @@ export default {
font-size: 26px; font-size: 26px;
color: #ffffff; color: #ffffff;
} }
span:nth-child(1) { span:nth-child(1) {
font-size: 26px; font-size: 26px;
padding-left: 16px; padding-left: 16px;
@ -692,17 +809,21 @@ export default {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
span:nth-child(2) { span:nth-child(2) {
padding-left: 100px; padding-left: 100px;
} }
span:nth-child(3) { span:nth-child(3) {
padding-left: 260px; padding-left: 260px;
} }
span:nth-child(4) { span:nth-child(4) {
color: #fff36f; color: #fff36f;
padding-left: 180px; padding-left: 180px;
} }
} }
.dialog-title { .dialog-title {
text-align: center; text-align: center;
width: 956px; width: 956px;
@ -715,11 +836,13 @@ export default {
letter-spacing: 0; letter-spacing: 0;
color: #ffe850; color: #ffe850;
} }
.dialog-explain { .dialog-explain {
margin-top: 39px; margin-top: 39px;
height: 125px; height: 125px;
background: url("~@/assets/dialog/信息-bg.png") no-repeat 100% 100%; background: url("~@/assets/dialog/信息-bg.png") no-repeat 100% 100%;
} }
.dialog-content { .dialog-content {
width: 1073px; width: 1073px;
max-height: 500px; max-height: 500px;
@ -732,11 +855,13 @@ export default {
letter-spacing: 2px; letter-spacing: 2px;
color: #ffffff; color: #ffffff;
} }
.file-content { .file-content {
width: 1220px; width: 1220px;
height: 370px; height: 370px;
transform: scale(1.5); transform: scale(1.5);
} }
.screen-dialog ::-webkit-scrollbar { .screen-dialog ::-webkit-scrollbar {
width: 10px; width: 10px;
height: 10px; height: 10px;
@ -748,9 +873,11 @@ export default {
background: transparent !important; background: transparent !important;
padding: 0; padding: 0;
} }
.file-content .docx { .file-content .docx {
width: 90% !important; width: 90% !important;
} }
.file-content .docx p { .file-content .docx p {
text-align: center !important; text-align: center !important;
} }

@ -213,8 +213,8 @@ export default {
legend: { legend: {
orient: "vertical", orient: "vertical",
icon: "circle", icon: "circle",
right: "-5%", right: "-10%",
top: "0", top: "10%",
itemGap: 17, itemGap: 17,
padding: 8, padding: 8,
formatter: (name) => { formatter: (name) => {
@ -249,7 +249,7 @@ export default {
{ {
name: "分布情况", name: "分布情况",
type: "pie", type: "pie",
radius: ["35%", "80%"], radius: ["55%", "80%"],
center: ["21.5%", "48.3%"], center: ["21.5%", "48.3%"],
avoidLabelOverlap: false, avoidLabelOverlap: false,
label: { label: {

@ -145,7 +145,7 @@
:class="{ active: currentIndex === idx }" @click="currentIndex = idx"> :class="{ active: currentIndex === idx }" @click="currentIndex = idx">
{{ item }} {{ item }}
<div :class="[idx === 0 ? 'topIP' : 'distributed']" /> <div :class="[idx === 0 ? 'topIP' : 'distributed']" />
</div> </div>
</div> </div>
</module-title> </module-title>
<!-- 受攻击情况 --> <!-- 受攻击情况 -->
@ -1172,43 +1172,40 @@ export default {
.btn { .btn {
height: 43px; height: 43px;
width: 150px; width: auto;
font-family: SourceHanSansCN-Regular; font-family: AlibabaPuHuiTiR;
font-size: 18px; font-size: 18px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
// gap: 5px;
color: #b7dfff; color: #b7dfff;
border: 1px solid #ccc; // border: 1px solid #ccc;
padding: 10px; padding: 10px;
&.active { &.active {
color: #fff; color: #fff;
font-weight: bold; display: flex;
justify-content: center;
// background-color: red;
// C:\Users\19821\Desktop\\network-zz\src\assets\privateOrder\common
background-image: url("~@/assets/privateOrder/common/按钮背景.png");
.topIP { .topIP {
width: 154px;
height: 10px;
position: relative; position: relative;
left: -3px;
top: -13px;
// background: url("~@/assets/privateOrder/general/tab-act.png"); // background: url("~@/assets/privateOrder/general/tab-act.png");
// background-size: 100% 100%; background-size: 100% 100%;
font-family: SourceHanSansCN-Bold; font-family: AlibabaPuHuiTiR;
font-size: 30px;
color: #ffffff; color: #ffffff;
z-index: -1; z-index: -1;
} }
.distributed { .distributed {
width: 107px;
height: 10px;
position: relative; position: relative;
left: -3px; left: -3px;
top: -13px; top: -13px;
// background: url("~@/assets/privateOrder/general/tab-act.png"); // background: url("~@/assets/privateOrder/general/tab-act.png");
// background-size: 100% 100%; // background-size: 100% 100%;
font-family: SourceHanSansCN-Bold; font-family: AlibabaPuHuiTiR;
font-size: 30px;
color: #ffffff; color: #ffffff;
z-index: -1; z-index: -1;
} }

@ -50,7 +50,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="firewall-table"> <div class="firewall-table" style="height: 230px;">
<div class="table-header"> <div class="table-header">
<div class="header-cell" style="width: 220px">时间</div> <div class="header-cell" style="width: 220px">时间</div>
<div class="header-cell" style="width: 120px">通报数量</div> <div class="header-cell" style="width: 120px">通报数量</div>
@ -118,10 +118,10 @@
</div> </div>
</div> </div>
</module-title> </module-title>
<Localnotification v-if="announceCurrentIndex === 0" > <Localnotification v-if="announceCurrentIndex === 0">
</Localnotification> </Localnotification>
<Department v-if="announceCurrentIndex === 1" /> <!-- <Department /> -->
<!-- <ReportingStatistics :announce-current-index="announceCurrentIndex" /> --> <ReportingStatistics v-if="announceCurrentIndex === 1" :announce-current-index="announceCurrentIndex" />
</div> </div>
<!-- 隐患处置 --> <!-- 隐患处置 -->
<!-- <!--
@ -185,7 +185,7 @@
<!-- </div> --> <!-- </div> -->
<!-- </div> --> <!-- </div> -->
<!-- 最新隐患 --> <!-- 最新隐患 -->
<div v-show="dangerCurrentIndex === 0"> <div v-show="dangerCurrentIndex === 0" style="height: 88%;">
<!-- <div class="dangerTitle"> <!-- <div class="dangerTitle">
<span>单位名称</span> <span>单位名称</span>
<span>隐患名称</span> <span>隐患名称</span>
@ -211,7 +211,7 @@
</div> </div>
</vue-seamless-scroll> </vue-seamless-scroll>
</div> --> </div> -->
<div class="firewall-table" style="height: 74%;"> <div class="firewall-table" style="height: 100%;">
<div class="table-header"> <div class="table-header">
<div class="header-cell" style="width: 220px">单位名称</div> <div class="header-cell" style="width: 220px">单位名称</div>
<div class="header-cell" style="width: 120px">隐患名称</div> <div class="header-cell" style="width: 120px">隐患名称</div>
@ -241,7 +241,7 @@
</div> </div>
</div> </div>
<!-- 通报处置 --> <!-- 通报处置 -->
<div v-if="dangerCurrentIndex === 1"> <!-- <div v-if="dangerCurrentIndex === 1">
<div class="table_outside"> <div class="table_outside">
<div class="table_title"> <div class="table_title">
<span class="title_one">单位名称</span> <span class="title_one">单位名称</span>
@ -264,6 +264,30 @@
</vue-seamless-scroll> </vue-seamless-scroll>
</div> </div>
</div> </div>
</div> -->
<div v-if="dangerCurrentIndex === 1" class="firewall-table"style="height: 85%;">
<div class="table-header">
<div class="header-cell" style="width: 220px">单位名称</div>
<div class="header-cell" style="width: 120px">目标IP/域名</div>
<div class="header-cell" style="width: 170px">处置情况</div>
</div>
<vue-seamless-scroll :data="informList" :class-option="classOption" class="scroll-container">
<div class="table-body">
<div v-for="(item, index) in informList" :key="index" class="table-row"
:class="{ 'odd-row': index % 2 === 0 }" @click="rowDetails($event)">
<div class="cell" style="width: 220px">
<span :data-url="item.fileUrl">{{ item.unitName }}</span>
</div>
<div class="cell" style="width: 120px">
<span :data-url="item.fileUrl">{{ item.ipAddress }}</span>
</div>
<div class="cell yellownumb" style="width: 170px">
<span :data-url="item.fileUrl" >{{ item.czState }}</span>
</div>
</div>
</div>
</vue-seamless-scroll>
</div> </div>
</div> </div>
</div> </div>
@ -903,6 +927,9 @@ export default {
color: #99F17A; color: #99F17A;
font-family: DIN-Regular; font-family: DIN-Regular;
} }
.yellownumb{
color: #fff36f;
}
} }
} }
} }
@ -937,7 +964,7 @@ export default {
.section-areaStatistics { .section-areaStatistics {
width: 738px; width: 738px;
height: 460px; height: 520px;
} }
.section-newestRisk { .section-newestRisk {
@ -1105,33 +1132,49 @@ export default {
} }
// //
//btn title
.btn-wrap { .btn-wrap {
display: flex; display: flex;
cursor: pointer;
.btn { .btn {
width: 122px;
height: 43px; height: 43px;
font-family: SourceHanSansCN-Regular; width: auto;
font-size: 30px; font-family: AlibabaPuHuiTiR;
text-align: center; font-size: 18px;
line-height: 43px; display: flex;
margin-left: 20px; justify-content: center;
align-items: center;
// gap: 5px;
color: #b7dfff; color: #b7dfff;
// border: 1px solid #ccc;
padding: 10px;
&.active { &.active {
color: #fff; color: #fff;
display: flex;
justify-content: center;
// background-color: red;
// C:\Users\19821\Desktop\\network-zz\src\assets\privateOrder\common
background-image: url("~@/assets/privateOrder/common/按钮背景.png");
.topIP {
position: relative;
// background: url("~@/assets/privateOrder/general/tab-act.png");
background-size: 100% 100%;
font-family: AlibabaPuHuiTiR;
color: #ffffff;
z-index: -1;
}
div { .distributed {
font-family: SourceHanSansCN-Bold;
font-size: 30px;
width: 107px;
height: 10px;
position: relative; position: relative;
left: -3px; left: -3px;
top: -13px; top: -13px;
background: url("~@/assets/privateOrder/general/tab-act.png"); // background: url("~@/assets/privateOrder/general/tab-act.png");
background-size: 100% 100%; // background-size: 100% 100%;
font-family: AlibabaPuHuiTiR;
color: #ffffff;
z-index: -1; z-index: -1;
} }
} }

Loading…
Cancel
Save