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