数据管理中心

龚焕茏

2024-03-20 eaa6e8cc48e53d2d3a5fb3cf4e2a01160f6e75c7

 src/views/home/data-view/index.vue

@@ -8,6 +8,14 @@


    <el-card class="map-wrapper">
      <el-row>
        <el-col :offset="21" :span="3">
          <el-select v-model="selectOption" placeholder="请选择">
            <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
            </el-option>
          </el-select>
        </el-col>
      </el-row>
      <el-row :gutter="40" class="data-plane" style="height: 100%;">
        <el-col :xs='24' :md="24" :sm="24" :lg="6" :xl="6" style="height: 100%;">
          <data-icon :activeData="activeData"></data-icon>
@@ -45,8 +53,8 @@
        { id: 1, type: '工单数', num: 523, },
        { id: 2, type: '恢复数', num: 50, },
        { id: 3, type: '待恢复数', num: 523, },
        { id: 4, type: '产生违约事项数', num: 123, },
        { id: 5, type: '产生违约责任书', num: 512323, },
        { id: 4, type: '超期未处理数', num: 123, },
        { id: 5, type: '超期责任数', num: 512323, },
      ],
      iconList: [
        { icon: 'el-icon-tickets', color: '#7868d9' },
@@ -105,7 +113,18 @@
          "data5": 95
        }
      ],
      activeData: {name: '自贡市', data1: 0, data2: 0, data3: 0, data4: 0, data5:0}
      activeData: { name: '自贡市', data1: 0, data2: 0, data3: 0, data4: 0, data5: 0 },
      options: [
        {
          value: 1,
          label: '省厅数据'
        },
        {
          value: 2,
          label: '市局数据'
        },
      ],
      selectOption: 1
    }
  },
  methods: {