57 lines
1.5 KiB
Vue
57 lines
1.5 KiB
Vue
|
<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>
|