|
@@ -205,57 +205,57 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- cpu使用率 -->
|
|
|
- <el-card class="rate" shadow="hover" style="margin: 20px 0px">
|
|
|
- <div v-if="isAdmin">
|
|
|
- <div style="">
|
|
|
- <div class="chart-title">{{ $t('home.usage') }}</div>
|
|
|
- <el-row>
|
|
|
- <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
|
|
- <div ref="pieCpu" class="pieCpu"></div>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
|
|
|
- <div style="">
|
|
|
- <div class="chart-title">{{ $t('home.memoryRate') }}</div>
|
|
|
- <div ref="pieMemery" class="pieMemery"></div>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
|
|
|
- <div style="">
|
|
|
- <div class="chart-title">{{ $t('home.disk') }}</div>
|
|
|
- <div ref="pieDisk" class="pieDisk"></div>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
- <div v-else>
|
|
|
- <el-empty style="height: 500px" :description="$t('dataCenter.analysis.349202-7')"></el-empty>
|
|
|
- </div>
|
|
|
- </el-card>
|
|
|
+<!-- <el-card class="rate" shadow="hover" style="margin: 20px 0px">-->
|
|
|
+<!-- <div v-if="isAdmin">-->
|
|
|
+<!-- <div style="">-->
|
|
|
+<!-- <div class="chart-title">{{ $t('home.usage') }}</div>-->
|
|
|
+<!-- <el-row>-->
|
|
|
+<!-- <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">-->
|
|
|
+<!-- <div ref="pieCpu" class="pieCpu"></div>-->
|
|
|
+<!-- </el-col>-->
|
|
|
+<!-- </el-row>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- <el-row :gutter="20">-->
|
|
|
+<!-- <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">-->
|
|
|
+<!-- <div style="">-->
|
|
|
+<!-- <div class="chart-title">{{ $t('home.memoryRate') }}</div>-->
|
|
|
+<!-- <div ref="pieMemery" class="pieMemery"></div>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </el-col>-->
|
|
|
+<!-- <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">-->
|
|
|
+<!-- <div style="">-->
|
|
|
+<!-- <div class="chart-title">{{ $t('home.disk') }}</div>-->
|
|
|
+<!-- <div ref="pieDisk" class="pieDisk"></div>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </el-col>-->
|
|
|
+<!-- </el-row>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- <div v-else>-->
|
|
|
+<!-- <el-empty style="height: 500px" :description="$t('dataCenter.analysis.349202-7')"></el-empty>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </el-card>-->
|
|
|
</el-col>
|
|
|
<!-- 折线图 -->
|
|
|
<el-col :xs="24" :sm="24" :md="24" :lg="8" :xl="8">
|
|
|
<!-- 信息栏 -->
|
|
|
- <el-card shadow="hover" class="message-card">
|
|
|
- <div class="message-title">{{ $t('home.information') }}</div>
|
|
|
- <div class="notice-bar" :class="{ animating: animate }" v-if="noticeList.length > 0">
|
|
|
- <div class="item-wrap" @click="openDetail(item.noticeId)" v-for="item in noticeList" :key="item.noticeId">
|
|
|
- <div class="left-wrap">
|
|
|
- <el-tag size="mini" effect="dark" type="warning" v-if="item.noticeType == 2">{{ $t('home.announcement') }}</el-tag>
|
|
|
- <el-tag size="mini" effect="dark" v-else>{{ $t('home.message') }}</el-tag>
|
|
|
- <span style="margin-left: 8px">{{ item.noticeTitle }}</span>
|
|
|
- </div>
|
|
|
- <div class="right-wrap">
|
|
|
- {{ parseTime(item.createTime, '{y}-{m}-{d}') }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div v-else>
|
|
|
- <el-empty style="height: 400px" :description="$t('dataCenter.analysis.349202-7')"></el-empty>
|
|
|
- </div>
|
|
|
- </el-card>
|
|
|
+<!-- <el-card shadow="hover" class="message-card">-->
|
|
|
+<!-- <div class="message-title">{{ $t('home.information') }}</div>-->
|
|
|
+<!-- <div class="notice-bar" :class="{ animating: animate }" v-if="noticeList.length > 0">-->
|
|
|
+<!-- <div class="item-wrap" @click="openDetail(item.noticeId)" v-for="item in noticeList" :key="item.noticeId">-->
|
|
|
+<!-- <div class="left-wrap">-->
|
|
|
+<!-- <el-tag size="mini" effect="dark" type="warning" v-if="item.noticeType == 2">{{ $t('home.announcement') }}</el-tag>-->
|
|
|
+<!-- <el-tag size="mini" effect="dark" v-else>{{ $t('home.message') }}</el-tag>-->
|
|
|
+<!-- <span style="margin-left: 8px">{{ item.noticeTitle }}</span>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- <div class="right-wrap">-->
|
|
|
+<!-- {{ parseTime(item.createTime, '{y}-{m}-{d}') }}-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- <div v-else>-->
|
|
|
+<!-- <el-empty style="height: 400px" :description="$t('dataCenter.analysis.349202-7')"></el-empty>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </el-card>-->
|
|
|
<!-- </div> -->
|
|
|
<div class="">
|
|
|
<!-- 登录用户数量 -->
|
|
@@ -267,87 +267,87 @@
|
|
|
</div>
|
|
|
</el-card>
|
|
|
</div>
|
|
|
- <div class="">
|
|
|
- <!-- mqtt状态数据 -->
|
|
|
- <el-card class="card-container" shadow="hover">
|
|
|
- <div class="">
|
|
|
- <div ref="statsChart" style="height: 300px"></div>
|
|
|
- </div>
|
|
|
- </el-card>
|
|
|
- </div>
|
|
|
+<!-- <div class="">-->
|
|
|
+<!-- <!– mqtt状态数据 –>-->
|
|
|
+<!-- <el-card class="card-container" shadow="hover">-->
|
|
|
+<!-- <div class="">-->
|
|
|
+<!-- <div ref="statsChart" style="height: 300px"></div>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </el-card>-->
|
|
|
+<!-- </div>-->
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
|
|
|
<!-- h5手机显示页面 -->
|
|
|
- <el-card shadow="hover" style="margin: -20px 10px 20px 10px" class="phone-card">
|
|
|
- <el-row :gutter="40">
|
|
|
- <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12" style="padding: 10px">
|
|
|
- <div style="padding: 30px; margin: 20px 0; font-size: 14px">
|
|
|
- <div style="margin-bottom: 20px; font-family: PingFangSC, PingFang SC; font-weight: 600; font-size: 35px; color: #303133; line-height: 49px; text-align: left; font-style: normal">
|
|
|
- {{ $t('views.index.394840-0') }}
|
|
|
- </div>
|
|
|
- <div style="display: table; font-size: 14px; margin-bottom: 10px">
|
|
|
- <div style="display: table-cell; line-height: 22px">
|
|
|
- <b style="margin-right: 10px; font-family: PingFangSC, PingFang SC; font-weight: 500; font-size: 13px; color: #67c23a; line-height: 18px; text-align: left; font-style: normal">
|
|
|
- {{ $t('views.index.394840-1') }}
|
|
|
- </b>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div style="margin-bottom: 10px">
|
|
|
- <div style="width: 70px; font-weight: bold; display: table-cell; padding: 5px 0">{{ $t('views.index.394840-2') }}</div>
|
|
|
- <div style="line-height: 22px">{{ $t('views.index.394840-3') }}</div>
|
|
|
- </div>
|
|
|
- <div style="margin: 10px 0">
|
|
|
- <div style="width: 70px; font-weight: bold; display: table-cell; padding: 5px 0">{{ $t('views.index.394840-4') }}</div>
|
|
|
- <div style="line-height: 22px">
|
|
|
- {{ $t('views.index.394840-5') }}
|
|
|
- <br />
|
|
|
- <el-link target="_blank" href="https://fastbee.cn/doc/pages/sponsor">{{ $t('views.index.394840-6') }}</el-link>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div style="padding: 70px 30px 0 20px; font-size: 14px">
|
|
|
- <div style="float: left; width: 200px">
|
|
|
- <el-image style="width: 180px" :src="require('@/assets/images/code.jpg')"></el-image>
|
|
|
- </div>
|
|
|
- <div style="float: left">
|
|
|
- <div class="mini-program">{{ $t('views.index.394840-7') }}</div>
|
|
|
- <div style="display: table; margin-bottom: 5px">
|
|
|
- <div class="web-site">{{ $t('views.index.394840-9') }}</div>
|
|
|
- <div class="other-site">
|
|
|
- <el-link target="_blank" href="https://fastbee.cn/">www.fastbee.cn</el-link>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div style="display: table; margin-bottom: 5px">
|
|
|
- <div class="web-site">{{ $t('views.index.394840-10') }}</div>
|
|
|
- <div class="other-site">
|
|
|
- <el-link target="_blank" href="https://fastbee.cn/doc">www.fastbee.cn/doc</el-link>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div style="display: table; margin: 5px 0">
|
|
|
- <div class="web-site">{{ $t('views.index.394840-11') }}</div>
|
|
|
- <div class="other-site">
|
|
|
- <span>QQ 164770707</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div style="display: table; margin-bottom: 10px">
|
|
|
- <div class="web-site">{{ $t('views.index.394840-12') }}</div>
|
|
|
- <div class="other-site">
|
|
|
- <el-link target="_blank" href="https://gitee.com/kerwincui/wumei-smart" style="font-size: 12px">{{ $t('views.index.394840-13') }}</el-link>
|
|
|
- <el-link target="_blank" href="https://github.com/kerwincui/fastbee" style="margin-left: 20px; font-size: 12px">{{ $t('views.index.394840-14') }}</el-link>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12" style="padding: 30px">
|
|
|
- <div class="phone">
|
|
|
- <iframe src="https://fastbee.cn/h5" id="iframe" frameborder="0" scrolling="auto" class="phone-container"></iframe>
|
|
|
- <div class="frame-remark">{{ $t('views.index.394840-8') }}</div>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-card>
|
|
|
+<!-- <el-card shadow="hover" style="margin: -20px 10px 20px 10px" class="phone-card">-->
|
|
|
+<!-- <el-row :gutter="40">-->
|
|
|
+<!-- <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12" style="padding: 10px">-->
|
|
|
+<!-- <div style="padding: 30px; margin: 20px 0; font-size: 14px">-->
|
|
|
+<!-- <div style="margin-bottom: 20px; font-family: PingFangSC, PingFang SC; font-weight: 600; font-size: 35px; color: #303133; line-height: 49px; text-align: left; font-style: normal">-->
|
|
|
+<!-- {{ $t('views.index.394840-0') }}-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- <div style="display: table; font-size: 14px; margin-bottom: 10px">-->
|
|
|
+<!-- <div style="display: table-cell; line-height: 22px">-->
|
|
|
+<!-- <b style="margin-right: 10px; font-family: PingFangSC, PingFang SC; font-weight: 500; font-size: 13px; color: #67c23a; line-height: 18px; text-align: left; font-style: normal">-->
|
|
|
+<!-- {{ $t('views.index.394840-1') }}-->
|
|
|
+<!-- </b>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- <div style="margin-bottom: 10px">-->
|
|
|
+<!-- <div style="width: 70px; font-weight: bold; display: table-cell; padding: 5px 0">{{ $t('views.index.394840-2') }}</div>-->
|
|
|
+<!-- <div style="line-height: 22px">{{ $t('views.index.394840-3') }}</div>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- <div style="margin: 10px 0">-->
|
|
|
+<!-- <div style="width: 70px; font-weight: bold; display: table-cell; padding: 5px 0">{{ $t('views.index.394840-4') }}</div>-->
|
|
|
+<!-- <div style="line-height: 22px">-->
|
|
|
+<!-- {{ $t('views.index.394840-5') }}-->
|
|
|
+<!-- <br />-->
|
|
|
+<!-- <el-link target="_blank" href="https://fastbee.cn/doc/pages/sponsor">{{ $t('views.index.394840-6') }}</el-link>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- <div style="padding: 70px 30px 0 20px; font-size: 14px">-->
|
|
|
+<!-- <div style="float: left; width: 200px">-->
|
|
|
+<!-- <el-image style="width: 180px" :src="require('@/assets/images/code.jpg')"></el-image>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- <div style="float: left">-->
|
|
|
+<!-- <div class="mini-program">{{ $t('views.index.394840-7') }}</div>-->
|
|
|
+<!-- <div style="display: table; margin-bottom: 5px">-->
|
|
|
+<!-- <div class="web-site">{{ $t('views.index.394840-9') }}</div>-->
|
|
|
+<!-- <div class="other-site">-->
|
|
|
+<!-- <el-link target="_blank" href="https://fastbee.cn/">www.fastbee.cn</el-link>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- <div style="display: table; margin-bottom: 5px">-->
|
|
|
+<!-- <div class="web-site">{{ $t('views.index.394840-10') }}</div>-->
|
|
|
+<!-- <div class="other-site">-->
|
|
|
+<!-- <el-link target="_blank" href="https://fastbee.cn/doc">www.fastbee.cn/doc</el-link>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- <div style="display: table; margin: 5px 0">-->
|
|
|
+<!-- <div class="web-site">{{ $t('views.index.394840-11') }}</div>-->
|
|
|
+<!-- <div class="other-site">-->
|
|
|
+<!-- <span>QQ 164770707</span>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- <div style="display: table; margin-bottom: 10px">-->
|
|
|
+<!-- <div class="web-site">{{ $t('views.index.394840-12') }}</div>-->
|
|
|
+<!-- <div class="other-site">-->
|
|
|
+<!-- <el-link target="_blank" href="https://gitee.com/kerwincui/wumei-smart" style="font-size: 12px">{{ $t('views.index.394840-13') }}</el-link>-->
|
|
|
+<!-- <el-link target="_blank" href="https://github.com/kerwincui/fastbee" style="margin-left: 20px; font-size: 12px">{{ $t('views.index.394840-14') }}</el-link>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </el-col>-->
|
|
|
+<!-- <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12" style="padding: 30px">-->
|
|
|
+<!-- <div class="phone">-->
|
|
|
+<!-- <iframe src="https://fastbee.cn/h5" id="iframe" frameborder="0" scrolling="auto" class="phone-container"></iframe>-->
|
|
|
+<!-- <div class="frame-remark">{{ $t('views.index.394840-8') }}</div>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </el-col>-->
|
|
|
+<!-- </el-row>-->
|
|
|
+<!-- </el-card>-->
|
|
|
|
|
|
<!--通知公告详情 -->
|
|
|
<el-dialog :title="notice.noticeTitle" :visible.sync="open" width="800px" append-to-body>
|
|
@@ -364,20 +364,20 @@
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
|
|
|
- <div class="footer-container">
|
|
|
- <span>
|
|
|
- Copyright © 2021-2025
|
|
|
- <a href="https://fastbee.cn/" target="_blank">FastBee</a>
|
|
|
- |
|
|
|
- <a href="https://fastbee.cn/" target="_blank">{{ $t('views.index.394840-15') }}</a>
|
|
|
- | Apache License
|
|
|
- </span>
|
|
|
- <br />
|
|
|
- <span>
|
|
|
- {{ $t('views.index.394840-17') }}
|
|
|
- <a href="https://fastbee.cn/doc/" target="_blank">https://fastbee.cn/doc/</a>
|
|
|
- </span>
|
|
|
- </div>
|
|
|
+<!-- <div class="footer-container">-->
|
|
|
+<!-- <span>-->
|
|
|
+<!-- Copyright © 2021-2025-->
|
|
|
+<!-- <a href="https://fastbee.cn/" target="_blank">FastBee</a>-->
|
|
|
+<!-- |-->
|
|
|
+<!-- <a href="https://fastbee.cn/" target="_blank">{{ $t('views.index.394840-15') }}</a>-->
|
|
|
+<!-- | Apache License-->
|
|
|
+<!-- </span>-->
|
|
|
+<!-- <br />-->
|
|
|
+<!-- <span>-->
|
|
|
+<!-- {{ $t('views.index.394840-17') }}-->
|
|
|
+<!-- <a href="https://fastbee.cn/doc/" target="_blank">https://fastbee.cn/doc/</a>-->
|
|
|
+<!-- </span>-->
|
|
|
+<!-- </div>-->
|
|
|
</div>
|
|
|
</template>
|
|
|
|