From bc0a77924989aa6636f62c6b3d0acf454b3fe719 Mon Sep 17 00:00:00 2001
From: zq <136432190602163.com>
Date: Tue, 6 May 2025 10:44:57 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=B8=8B=E6=8B=89=E6=A1=86?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA=E9=BB=98=E8=AE=A4=E5=80=BC=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/GuipSelect.vue | 109 ++++++++++++++++++++----------------------
 1 file changed, 53 insertions(+), 56 deletions(-)

diff --git a/src/components/GuipSelect.vue b/src/components/GuipSelect.vue
index 59b658f..4aa6bd3 100644
--- a/src/components/GuipSelect.vue
+++ b/src/components/GuipSelect.vue
@@ -1,70 +1,67 @@
 <template>
-   <el-form-item 
-   :style="{...style,height:height,...styleObject}"
-    :class="[{'column':column},{'w510':addClass=='w510'},{'w388':addClass=='w388'},'form-item']"
-    :label="label" :prop="prop" :rules="rules">
+  <el-form-item :style="{ ...style, height: height, ...styleObject }"
+    :class="[{ 'column': column }, { 'w510': addClass == 'w510' }, { 'w388': addClass == 'w388' }, 'form-item']" :label="label"
+    :prop="prop" :rules="rules">
 
     <p v-if="desc" class="desc_right">{{ desc }}</p>
 
-    <el-select
-      :style="{width:width}"
-      :placeholder="placeholder1"
-      @change="handleChange"
-      v-model="selectedValue">
-      <el-option
-        v-for="item in options"
-        :key="item.value"
-        :label="item.label"
-        :disabled="item.disabled"
+    <el-select :style="{ width: width }" :placeholder="placeholder1" @change="handleChange" v-model="selectedValue">
+      <el-option v-for="item in options" :key="item.value" :label="item.label" :disabled="item.disabled"
         :value="item.value">
       </el-option>
     </el-select>
   </el-form-item>
- </template>
-  
- <script>
-  export default {
-    name: 'GuipTextarea',
-    props:['options','styleObject','disabled','defaultValue','placeholder',
-    'width','height','label','type','prop','rules','column','addClass','desc'],
-    data() {
-      return {
-            selectedValue:'',
-            style:{},
-            placeholder1:'请选择'
-      }
-    },
-    watch: {
-      value(newVal) {
-        this.selectedValue = newVal;
-      }
+</template>
+
+<script>
+export default {
+  name: 'GuipTextarea',
+  props: ['options', 'styleObject', 'disabled', 'defaultValue', 'placeholder',
+    'width', 'height', 'label', 'type', 'prop', 'rules', 'column', 'addClass', 'desc'],
+  data() {
+    return {
+      selectedValue: '',
+      style: {},
+      placeholder1: '请选择'
+    }
+  },
+  watch: {
+    value(newVal) {
+      this.selectedValue = newVal;
     },
-    mounted(){
-      // 默认值赋值
-      if(this.defaultValue != null){
-        this.selectedValue = this.defaultValue;
-      }
-      // 默认提示语
-      if(this.placeholder){
-        this.placeholder1 = this.placeholder;
-      }
-      this.$nextTick(()=>{
-        let els = document.querySelectorAll('.el-select .el-input');
-        els.forEach(item=>{
-          item.onmouseover= function(){
-            item.classList.add("hoverclass")
-          }
-          item.onmouseout= function(){
-            item.classList.remove("hoverclass")
-          }
-        })
-       })
-   },
-   methods:{
+    defaultValue(newVal) {
+      this.selectedValue = newVal;
+    }
+  },
+  mounted() {
+    // 默认值赋值
+    if (this.defaultValue != null) {
+      this.selectedValue = this.defaultValue;
+    }
+    if (this.value != null) {
+      this.selectedValue = this.value;
+    }
+    // 默认提示语
+    if (this.placeholder) {
+      this.placeholder1 = this.placeholder;
+    }
+    this.$nextTick(() => {
+      let els = document.querySelectorAll('.el-select .el-input');
+      els.forEach(item => {
+        item.onmouseover = function () {
+          item.classList.add("hoverclass")
+        }
+        item.onmouseout = function () {
+          item.classList.remove("hoverclass")
+        }
+      })
+    })
+  },
+  methods: {
     handleChange(value) {
       this.$emit('input', value);
       this.$emit('change', value);
     },
-   }
   }
- </script>
\ No newline at end of file
+}
+</script>
\ No newline at end of file