From 29ef15703a4e05b0b220a606be9402649331b84b Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期三, 13 三月 2024 14:30:50 +0800
Subject: [PATCH] feat:添加下拉选择数据源
---
src/views/home/data-view/index.vue | 21 ++++++++++++++++++++-
1 files changed, 20 insertions(+), 1 deletions(-)
diff --git a/src/views/home/data-view/index.vue b/src/views/home/data-view/index.vue
index 026df58..948df3f 100644
--- a/src/views/home/data-view/index.vue
+++ b/src/views/home/data-view/index.vue
@@ -8,6 +8,14 @@
<el-card class="map-wrapper">
+ <el-row>
+ <el-col :offset="21" :span="3">
+ <el-select v-model="selectOption" placeholder="璇烽�夋嫨">
+ <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
+ </el-option>
+ </el-select>
+ </el-col>
+ </el-row>
<el-row :gutter="40" class="data-plane" style="height: 100%;">
<el-col :xs='24' :md="24" :sm="24" :lg="6" :xl="6" style="height: 100%;">
<data-icon :activeData="activeData"></data-icon>
@@ -105,7 +113,18 @@
"data5": 95
}
],
- activeData: {name: '鑷础甯�', data1: 0, data2: 0, data3: 0, data4: 0, data5:0}
+ activeData: { name: '鑷础甯�', data1: 0, data2: 0, data3: 0, data4: 0, data5: 0 },
+ options: [
+ {
+ value: 1,
+ label: '鐪佸巺鏁版嵁'
+ },
+ {
+ value: 2,
+ label: '甯傚眬鏁版嵁'
+ },
+ ],
+ selectOption: 1
}
},
methods: {
--
Gitblit v1.8.0