|
|
@ -1,72 +1,75 @@
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<div class="container">
|
|
|
|
<div class="pc">
|
|
|
|
<div class="main-container">
|
|
|
|
|
|
|
|
<div class="top_nav">
|
|
|
|
<div class="container">
|
|
|
|
<div class="top_left">
|
|
|
|
<div class="main-container">
|
|
|
|
<router-link
|
|
|
|
<div class="top_nav">
|
|
|
|
v-for="item in menus.slice(0, 2)"
|
|
|
|
<div class="top_left">
|
|
|
|
:key="item.id"
|
|
|
|
<router-link
|
|
|
|
class="nav_item left_nav"
|
|
|
|
v-for="item in menus.slice(0, 2)"
|
|
|
|
active-class="selected_nav"
|
|
|
|
:key="item.id"
|
|
|
|
exact
|
|
|
|
class="nav_item left_nav"
|
|
|
|
:to="{ path: item.path }"
|
|
|
|
active-class="selected_nav"
|
|
|
|
>
|
|
|
|
exact
|
|
|
|
{{ item.name }}
|
|
|
|
:to="{ path: item.path }"
|
|
|
|
</router-link>
|
|
|
|
>
|
|
|
|
</div>
|
|
|
|
{{ item.name }}
|
|
|
|
<div class="center_title">太仓市网络综合治理平台</div>
|
|
|
|
</router-link>
|
|
|
|
<div class="top_right">
|
|
|
|
</div>
|
|
|
|
<router-link
|
|
|
|
<div class="center_title">太仓市网络综合治理平台</div>
|
|
|
|
v-for="item in menus.slice(2, 4)"
|
|
|
|
<div class="top_right">
|
|
|
|
:key="item.id"
|
|
|
|
<router-link
|
|
|
|
class="nav_item right_nav"
|
|
|
|
v-for="item in menus.slice(2, 4)"
|
|
|
|
active-class="selected_nav"
|
|
|
|
:key="item.id"
|
|
|
|
exact
|
|
|
|
class="nav_item right_nav"
|
|
|
|
:to="{ path: item.path }"
|
|
|
|
active-class="selected_nav"
|
|
|
|
>
|
|
|
|
exact
|
|
|
|
{{ item.name }}
|
|
|
|
:to="{ path: item.path }"
|
|
|
|
</router-link>
|
|
|
|
>
|
|
|
|
</div>
|
|
|
|
{{ item.name }}
|
|
|
|
<div class="time-wrap">
|
|
|
|
</router-link>
|
|
|
|
<div class="icon" />
|
|
|
|
</div>
|
|
|
|
<span class="date">{{ now.date }}</span>
|
|
|
|
<div class="time-wrap">
|
|
|
|
<span class="time">
|
|
|
|
<div class="icon" />
|
|
|
|
{{ now.hour + ":" + now.minute + ":" + now.second }}
|
|
|
|
<span class="date">{{ now.date }}</span>
|
|
|
|
</span>
|
|
|
|
<span class="time">
|
|
|
|
|
|
|
|
{{ now.hour + ":" + now.minute + ":" + now.second }}
|
|
|
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="year-wrap"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="year-wrap"></div>
|
|
|
|
<router-view />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<router-view />
|
|
|
|
<div>
|
|
|
|
</div>
|
|
|
|
<el-button
|
|
|
|
<div>
|
|
|
|
v-if="!dialogDetails && $route.name === '网络舆情'"
|
|
|
|
<el-button
|
|
|
|
type="primary"
|
|
|
|
v-if="!dialogDetails && $route.name === '网络舆情'"
|
|
|
|
style="
|
|
|
|
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"
|
|
|
|
@click="dialogDetails = !dialogDetails"
|
|
|
|
>切换</el-button>
|
|
|
|
>切换</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"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
<div class="iframeBox">
|
|
|
|
|
|
|
|
<commandControl />
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</el-dialog>
|
|
|
|
<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>
|
|
|
|
|
|
|
|
</el-dialog>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
@ -128,6 +131,11 @@ export default {
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
|
|
|
.pc{
|
|
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
|
|
height: $ScreenHeight;
|
|
|
|
|
|
|
|
overflow: scroll;
|
|
|
|
|
|
|
|
}
|
|
|
|
.iframeBox {
|
|
|
|
.iframeBox {
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
|
width: 3305px;
|
|
|
|
width: 3305px;
|
|
|
@ -140,6 +148,8 @@ export default {
|
|
|
|
.container {
|
|
|
|
.container {
|
|
|
|
width: $ScreenWidth;
|
|
|
|
width: $ScreenWidth;
|
|
|
|
height: $ScreenHeight;
|
|
|
|
height: $ScreenHeight;
|
|
|
|
|
|
|
|
width: 1920;
|
|
|
|
|
|
|
|
height: 1080;
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
|
background: url("~@/assets/privateOrder/topNar/line_right_left.png") no-repeat;
|
|
|
|
background: url("~@/assets/privateOrder/topNar/line_right_left.png") no-repeat;
|
|
|
|
background-size: 100% 100%;
|
|
|
|
background-size: 100% 100%;
|
|
|
|