|
|
|
|
|
|
|
|
<el-card class="box-card"> |
|
|
<el-card class="box-card"> |
|
|
<div slot="header" class="clearfix"> |
|
|
<div slot="header" class="clearfix"> |
|
|
<span>报警信息</span> |
|
|
<span>报警信息</span> |
|
|
<el-button @click="waterAlarmOpen" style="float: right; padding: 3px 0" type="text">更多</el-button> |
|
|
|
|
|
|
|
|
<el-button v-if="menuList.some(item=>item.type==2&&item.name=='/waterAlarm')" @click="waterAlarmOpen" style="float: right; padding: 3px 0" type="text">更多</el-button> |
|
|
</div> |
|
|
</div> |
|
|
<div class="right-waterAlarm"> |
|
|
<div class="right-waterAlarm"> |
|
|
<div |
|
|
<div |
|
|
|
|
|
|
|
|
<el-card style="margin-top: 10px" class="box-card"> |
|
|
<el-card style="margin-top: 10px" class="box-card"> |
|
|
<div slot="header" class="clearfix"> |
|
|
<div slot="header" class="clearfix"> |
|
|
<span>预警信息</span> |
|
|
<span>预警信息</span> |
|
|
<el-button @click="waterWarnOpen" style="float: right; padding: 3px 0" type="text">更多</el-button> |
|
|
|
|
|
|
|
|
<el-button v-if="menuList.some(item=>item.type==2&&item.name=='/warn')" @click="waterWarnOpen" style="float: right; padding: 3px 0" type="text">更多</el-button> |
|
|
</div> |
|
|
</div> |
|
|
<div class="right-waterWarn"> |
|
|
<div class="right-waterWarn"> |
|
|
<div :key="index" v-for="(item,index) in waterWarnList"> |
|
|
<div :key="index" v-for="(item,index) in waterWarnList"> |
|
|
|
|
|
|
|
|
<el-card style="margin-top: 10px" class="box-card"> |
|
|
<el-card style="margin-top: 10px" class="box-card"> |
|
|
<div slot="header" class="clearfix"> |
|
|
<div slot="header" class="clearfix"> |
|
|
<span>通知公告</span> |
|
|
<span>通知公告</span> |
|
|
<el-button @click="noticeOpen" style="float: right; padding: 3px 0" type="text">更多</el-button> |
|
|
|
|
|
|
|
|
<el-button v-if="menuList.some(item=>item.type==2&&item.name=='/notice')" @click="noticeOpen" style="float: right; padding: 3px 0" type="text">更多</el-button> |
|
|
</div> |
|
|
</div> |
|
|
<el-tabs v-model="noticeType" @tab-click="noticeTypeClick"> |
|
|
<el-tabs v-model="noticeType" @tab-click="noticeTypeClick"> |
|
|
<el-tab-pane label="水务新闻" :name="1"> |
|
|
<el-tab-pane label="水务新闻" :name="1"> |
|
|
|
|
|
|
|
|
import mainCake from "./mainCake"; |
|
|
import mainCake from "./mainCake"; |
|
|
import waterAlarmInfo from "../water/waterAlarm/infoForm"; |
|
|
import waterAlarmInfo from "../water/waterAlarm/infoForm"; |
|
|
import noticeDetial from "@/components/noticeDetail"; |
|
|
import noticeDetial from "@/components/noticeDetail"; |
|
|
|
|
|
import {mapGetters} from "vuex"; |
|
|
|
|
|
|
|
|
export default { |
|
|
export default { |
|
|
name: "main-pc-index", |
|
|
name: "main-pc-index", |
|
|
|
|
|
|
|
|
this.getDetail(); |
|
|
this.getDetail(); |
|
|
this.getNoticeMainList(); |
|
|
this.getNoticeMainList(); |
|
|
}, |
|
|
}, |
|
|
|
|
|
computed: { |
|
|
|
|
|
...mapGetters(["menuList"]) |
|
|
|
|
|
}, |
|
|
components: { mainCake, waterAlarmInfo, noticeDetial }, |
|
|
components: { mainCake, waterAlarmInfo, noticeDetial }, |
|
|
methods: { |
|
|
methods: { |
|
|
noticeClick(id) { |
|
|
noticeClick(id) { |