更新重点人员大屏

src/views/KeyPopulations/model/zdrqhd.vue

@@ -0,0 +1,56 @@
+<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>