|
@@ -22,20 +22,22 @@ const selectedVal = ({ left, right }): void => {
|
|
|
</script>
|
|
|
|
|
|
<template>
|
|
|
- <el-card class="box-card" v-for="(item, key) in dataLists" :key="key">
|
|
|
- <template #header>
|
|
|
- <div class="card-header">
|
|
|
- <span>{{ item.title }}</span>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <Selector
|
|
|
- :HsKey="key"
|
|
|
- :echo="item.echo"
|
|
|
- @selectedVal="selectedVal"
|
|
|
- :disabled="item.disabled"
|
|
|
- />
|
|
|
- <h4 v-if="!item.disabled">选中范围:{{ selectRange }}</h4>
|
|
|
- </el-card>
|
|
|
+ <div>
|
|
|
+ <el-card class="box-card" v-for="(item, key) in dataLists" :key="key">
|
|
|
+ <template #header>
|
|
|
+ <div class="card-header">
|
|
|
+ <span>{{ item.title }}</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <Selector
|
|
|
+ :HsKey="key"
|
|
|
+ :echo="item.echo"
|
|
|
+ @selectedVal="selectedVal"
|
|
|
+ :disabled="item.disabled"
|
|
|
+ />
|
|
|
+ <h4 v-if="!item.disabled">选中范围:{{ selectRange }}</h4>
|
|
|
+ </el-card>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<style scoped>
|