equipmentStatistics.vue 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <template>
  2. <div class="modelBlock">
  3. <div class="model-title">
  4. <div class="model-title-text">设备设施统计</div>
  5. <el-select v-model="mixins_query.communityId" placeholder="所有社区" clearable class="saveColumn-select">
  6. <el-option v-for="(item, index) in communityList" :label="item.communityName" :value="item.id" :key="index"></el-option>
  7. </el-select>
  8. </div>
  9. <div class="model-content">
  10. <zz-echart :option="clientOptions" class="chart"></zz-echart>
  11. </div>
  12. </div>
  13. </template>
  14. <script>
  15. import { columnOptionsChart } from '../EachartOptions.js';
  16. let timeDay = ['202201', '202202', '202203', '202204', '202205', '202206', '202207', '202208', '202209', '202210', '202211', '202212'];
  17. export default {
  18. props: ['dataObj'],
  19. data() {
  20. return {
  21. communityList: [],
  22. mixins_query: {
  23. communityId: ''
  24. },
  25. clientOptions: columnOptionsChart('(分)', timeDay, [{ data: [10] }], [], 10)
  26. };
  27. },
  28. created() {
  29. this.communityNameList();
  30. },
  31. mounted() {},
  32. computed: {},
  33. methods: {
  34. communityNameList() {
  35. this.$http.get('/sc-community/assets/community/list').then(({ data, msg, status }) => {
  36. if (status == 0) {
  37. this.communityList = data;
  38. }
  39. });
  40. }
  41. }
  42. };
  43. </script>
  44. <style scoped lang="scss">
  45. @import './style.scss';
  46. </style>