From 66dc337d023b195057da1e638fc7f3b04122d4b3 Mon Sep 17 00:00:00 2001
From: sc <shencheng@heronshn.com>
Date: Thu, 5 Aug 2021 10:56:04 +0800
Subject: [PATCH] =?UTF-8?q?scSelect=20=E6=94=AF=E6=8C=81=E5=BC=82=E6=AD=A5?=
 =?UTF-8?q?=E5=9B=9E=E6=98=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/scSelect/index.vue | 29 +++++++++++++++++++++++------
 src/views/vab/select.vue          |  4 ++--
 2 files changed, 25 insertions(+), 8 deletions(-)

diff --git a/src/components/scSelect/index.vue b/src/components/scSelect/index.vue
index f50bb75b..d180b183 100644
--- a/src/components/scSelect/index.vue
+++ b/src/components/scSelect/index.vue
@@ -8,11 +8,16 @@
 -->
 
 <template>
-	<el-select v-bind="$attrs" :loading="loading" @visible-change="visibleChange">
-		<el-option v-for="item in options" :key="item[props.value]" :label="item[props.label]" :value="item[props.value]">
-			<slot name="option" :data="item"></slot>
-		</el-option>
-	</el-select>
+	<div class="sc-select">
+		<div v-if="initloading" class="sc-select-loading">
+			<i class="el-icon-loading"></i>
+		</div>
+		<el-select v-bind="$attrs" :loading="loading" @visible-change="visibleChange">
+			<el-option v-for="item in options" :key="item[props.value]" :label="item[props.label]" :value="item[props.value]">
+				<slot name="option" :data="item"></slot>
+			</el-option>
+		</el-select>
+	</div>
 </template>
 
 <script>
@@ -30,6 +35,14 @@
 				loading: false,
 				options: [],
 				props: config.props,
+				initloading: false
+			}
+		},
+		created() {
+			//如果有默认值就去请求接口获取options
+			if(this.$attrs.modelValue && this.$attrs.modelValue.length > 0){
+				this.initloading = true
+				this.getRemoteData()
 			}
 		},
 		methods: {
@@ -52,10 +65,14 @@
 				var response = config.parseData(res)
 				this.options = response.data
 				this.loading = false
+				this.initloading = false
 			}
 		}
 	}
 </script>
 
-<style>
+<style scoped>
+	.sc-select {display: inline-block;position: relative;}
+	.sc-select-loading {position: absolute;top:0;left:0;right:0;bottom:0;background: #fff;z-index: 100;border-radius: 5px;border: 1px solid #EBEEF5;display: flex;align-items: center;padding-left:10px;}
+	.sc-select-loading i {font-size: 14px;}
 </style>
diff --git a/src/views/vab/select.vue b/src/views/vab/select.vue
index 88d977ac..1c9080b1 100644
--- a/src/views/vab/select.vue
+++ b/src/views/vab/select.vue
@@ -46,8 +46,8 @@
 		name: 'scselect',
 		data() {
 			return {
-				value: '',
-				value2: [],
+				value: '3',
+				value2: ['1', '3'],
 				value3: '',
 				value4: ''
 			}