<template>
    <div class="rqBox" id="zdrxxtj">
        <div class="asideTitle">
            <span class="title">重点人群活动</span>
            <MOSTY.Select v-model="listQuery.time" style="width: 120px;margin-right:10px" :dictEnum="time" clearable placeholder="选择标签" />
        </div>
        <div class="asideCnt">
           <lineEcharts echartsId="zdrqEcharts" :data="listDate"></lineEcharts>
        </div>
    </div>
</template>

<script setup>
import lineEcharts from "@/views/home/echarts/lineEcharts.vue";
import * as MOSTY from "@/components/MyComponents/index";
import { reactive, ref,onMounted } from "vue";
const time = reactive( [
    { label: "今天", value: "10" },
    { label: "昨天", value: "20" },
    { label: "近三天", value: "30" },
    { label: "近一周", value: "40" },
    { label: "近一月", value: "50" },
]);
const listQuery = ref({})
const listDate = ref([
    {label:'2021',value:10},
    {label:'2022',value:20},
    {label:'2023',value:50},
    {label:'2024',value:40},
    {label:'2025',value:30},
    {label:'2026',value:45},
])

</script>
<style lang="scss" scoped>
@import "@/assets/css/homeScreen.scss";
.homeBox .home-contant .home-aside .asideTitle{
 padding:  0 0 0 10px;
}
.rqBox{
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 0 10px;
    box-sizing: border-box;
    ::v-deep .el-input__inner{
        background: rgba(0,22,83,0.4);
        border-radius: 0;
        border: 1px solid #0072FF;
        color: #fff;
        height: 40px;
    }
    
}

</style>
