From 3c06a1159e5af307be33bfbdaec18614dc729fb5 Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期一, 25 三月 2024 17:04:19 +0800
Subject: [PATCH] feat:地区选择
---
src/views/screen/components/select-item/index.vue | 54 +++++++++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 53 insertions(+), 1 deletions(-)
diff --git a/src/views/screen/components/select-item/index.vue b/src/views/screen/components/select-item/index.vue
index 168db2c..53a40cd 100644
--- a/src/views/screen/components/select-item/index.vue
+++ b/src/views/screen/components/select-item/index.vue
@@ -7,6 +7,13 @@
</el-select>
</div>
+ <div class="local-select">
+ <div class="select-label">鍦板尯</div>
+ <el-select v-model="localValue" popper-class="type-select" class="select-style" @change="setConfig">
+ <el-option v-for="item in testData2" :key="item.name" :label="item.name" :value="item.value" />
+ </el-select>
+ </div>
+
<div class="date-select">
<div class="select-label">鏃ユ湡</div>
<el-date-picker v-model="dateValue" type="daterange" range-separator="鑷�" start-placeholder="寮�濮嬫棩鏈�"
@@ -21,6 +28,7 @@
data() {
return {
typeValue: 1,
+ localValue: 1,
dateValue: new Date(),
testData1: [
{
@@ -35,6 +43,36 @@
name: '鍏畨閮ㄦ暟鎹�',
value: 3
}
+ ],
+ testData2: [
+ {
+ name: '瀵岄『鍘�',
+ value: 1,
+ },
+ {
+ name: '鑽ｅ幙',
+ value: 2,
+ },
+ {
+ name: '楂樻柊鍖�',
+ value: 3,
+ },
+ {
+ name: '鑷祦浜曞尯',
+ value: 4,
+ },
+ {
+ name: '璐′簳鍖�',
+ value: 5,
+ },
+ {
+ name: '澶у畨鍖�',
+ value: 6,
+ },
+ {
+ name: '娌挎哗鍖�',
+ value: 7,
+ },
]
}
},
@@ -61,11 +99,25 @@
flex-shrink: 0;
}
+ .local-label {
+ font-size: 20px;
+ margin-right: 10px;
+ color: #2375f0;
+ flex-shrink: 0;
+ }
+
.type-select {
display: flex;
align-items: center;
margin-right: 20px;
- width: 240px;
+ width: 200px;
+ }
+
+ .local-select {
+ display: flex;
+ align-items: center;
+ margin-right: 20px;
+ width: 200px;
}
.date-select {
--
Gitblit v1.8.0