|
@@ -1,18 +1,5 @@
|
|
|
<template>
|
|
|
<div style="background-color: #32435A">
|
|
|
- <!-- 阴影背景 -->
|
|
|
-
|
|
|
- <div class="bj_left"><img src="@/assets/images/sprhbj-left.png"/></div>
|
|
|
- <div class="bj_right"><img src="@/assets/images/sprhbj-right.png"/></div>
|
|
|
- <div class="bj_bottom"><img src="@/assets/images/sprhbj-bottom.png"/></div>
|
|
|
- <!--头部开始-->
|
|
|
- <div class="header">
|
|
|
- <h1>城市运行一网统管指挥中心</h1>
|
|
|
- </div>
|
|
|
- <!--头部结束-->
|
|
|
- <!-- 中间开始 -->
|
|
|
- <!-- 中间结束 -->
|
|
|
- <!--左侧开始-->
|
|
|
<el-dialog title="详情" :visible.sync="detailsOpen" append-to-body >
|
|
|
<div style="display: flex;position: relative;">
|
|
|
<div class="left_con left_con2" style="position:absolute;top:0px;">
|
|
@@ -117,48 +104,9 @@
|
|
|
</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
- <!--右侧结束-->
|
|
|
- <!--底部开始-->
|
|
|
- <div class="footer">
|
|
|
- <div class="nav-bottom">
|
|
|
- <div class="nav-bottom-left">
|
|
|
- <div class="nav-li-left" @click="serviceFAW('jjyx')">
|
|
|
- <span>经济运行</span>
|
|
|
- </div>
|
|
|
- <div class="nav-li-left" @click="serviceFAW('csgl')">
|
|
|
- <span>城市管理</span>
|
|
|
- </div>
|
|
|
- <div class="nav-li-left" @click="serviceFAW('jtzl')">
|
|
|
- <span>交通治理</span>
|
|
|
- </div>
|
|
|
- <div class="nav-li-left on">
|
|
|
- <span>基层治理</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="nav-home-middle" @click="homePage('weather')">
|
|
|
- <img src="@/assets/images/home-btn.png"/>
|
|
|
- <a>返回首页</a>
|
|
|
- </div>
|
|
|
- <div class="nav-bottom-right">
|
|
|
- <div class="nav-li-right" @click="serviceFAW('yshj_new')">
|
|
|
- <span>营商环境</span>
|
|
|
- </div>
|
|
|
- <div class="nav-li-right" @click="serviceFAW('bjzshz')">
|
|
|
- <span>政务运行</span>
|
|
|
- </div>
|
|
|
- <div class="nav-li-right" @click="serviceFAW('aqyj')">
|
|
|
- <span>安全应急</span>
|
|
|
- </div>
|
|
|
- <div class="nav-li-right" @click="serviceFAW('fwyq')">
|
|
|
- <span>服务一汽</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!--底部开始-->
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -172,10 +120,6 @@ export default {
|
|
|
components: {},
|
|
|
data() {
|
|
|
return {
|
|
|
- currentTime: '',
|
|
|
- sltProps: null,
|
|
|
- btnOne: true,
|
|
|
- btnTwo: false,
|
|
|
detailsOpen: false,
|
|
|
images: [
|
|
|
{
|
|
@@ -193,41 +137,13 @@ export default {
|
|
|
]
|
|
|
}
|
|
|
},
|
|
|
- created() {
|
|
|
- },
|
|
|
- mounted() {
|
|
|
- // 每秒刷新时间
|
|
|
- setInterval(() => {
|
|
|
- this.getCurrentTime();
|
|
|
- }, 1000);
|
|
|
- },
|
|
|
- methods: {
|
|
|
- getCurrentTime() {
|
|
|
- const now = new Date();
|
|
|
- const year = now.getFullYear();
|
|
|
- const month = now.getMonth() + 1;
|
|
|
- const date = now.getDate();
|
|
|
- const day = now.getDay();
|
|
|
- const weekDays = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
|
|
|
- const hour = now.getHours();
|
|
|
- const minute = now.getMinutes();
|
|
|
- const second = now.getSeconds();
|
|
|
-
|
|
|
- const formattedMonth = month < 10 ? `0${month}` : month;
|
|
|
- const formattedDate = date < 10 ? `0${date}` : date;
|
|
|
- const formattedHour = hour < 10 ? `0${hour}` : hour;
|
|
|
- const formattedMinute = minute < 10 ? `0${minute}` : minute;
|
|
|
- const formattedSecond = second < 10 ? `0${second}` : second;
|
|
|
-
|
|
|
- this.currentTime =
|
|
|
- `${year}年${formattedMonth}月${formattedDate}日 ${weekDays[day]} ${formattedHour}:${formattedMinute}:${formattedSecond}`;
|
|
|
- },
|
|
|
-
|
|
|
- },
|
|
|
+ created() {},
|
|
|
+ mounted() {},
|
|
|
+ methods: {},
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
-/* Your CSS styles here */
|
|
|
+/* Your CSS styles here */
|
|
|
|
|
|
</style>
|