完成折线图相关功能的迁移

riku

2024-05-07 c4e9d054916c3f085329a67c7664b4c54f9137f9

 src/components/SliderBar.vue

@@ -3,6 +3,7 @@
    <el-form-item label="数据量">
      <el-select
        v-model="pageSize"
        @change="handleSizeChange"
        placeholder="数据量"
        size="small"
        class="w-60"
@@ -12,12 +13,13 @@
      </el-select>
    </el-form-item>
    <div class="slider-wrap m-l-16">
      <el-slider v-model="progress" :marks="marks" />
      <el-slider v-model="progress" :marks="marks" @input="handleInput" />
    </div>
  </el-row>
</template>
<script>
export default {
  emits: ['input', 'sizeChange'],
  data() {
    return {
      pageSize: 200,
@@ -37,6 +39,15 @@
        }
      }
    };
  },
  methods: {
    handleInput(e) {
      // console.log(e);
      this.$emit('input', e);
    },
    handleSizeChange(e) {
      this.$emit('sizeChange', e);
    }
  }
};
</script>