index.vue 1008 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <template>
  2. <div class="page-header-index-wide">
  3. <a-card :body-style="{ padding: '10px 8px 8px',height: height + 'px' }" class="topcard" :bordered="false">
  4. <div class="inv1"></div>
  5. </a-card>
  6. </div>
  7. </template>
  8. <script>
  9. import * as echarts from 'echarts'
  10. import { httpAction, getAction } from '@/api/manage'
  11. import { pvdata } from '../pvdata'
  12. export default {
  13. name: 'inverterMonitor',
  14. components: {},
  15. data() {
  16. return {
  17. description: '逆变器运行监控',
  18. loading: true,
  19. center: null,
  20. height: window.innerHeight - 84 - 60 - 30,
  21. }
  22. },
  23. created() {
  24. setTimeout(() => {
  25. this.loading = !this.loading
  26. }, 1000)
  27. },
  28. mounted() {
  29. this.$nextTick(() => {
  30. })
  31. },
  32. methods: {
  33. },
  34. }
  35. </script>
  36. <style lang="less" scoped>
  37. .topcard {
  38. background-color: black;
  39. text-align: center;
  40. }
  41. .inv1 {
  42. background-image: url(../../../../assets/pdt.png);
  43. background-repeat: no-repeat;
  44. height: 712px;
  45. width: 1078px;
  46. margin: auto;
  47. }
  48. </style>