还原公共组件

src/components/Select.vue

 <template>
   <el-select
-    :id="id"
-    v-model="model"
-    v-bind="attrs"
-    v-on="$listeners"
-    v-bind:disabled="isDisable"
-    :clearable="clearable"
-    @click.native="handleClick"
-  >
-    <el-option
-      v-for="item in code"
-      :key="item.value"
-      :label="item.label"
-      :value="item.value"
-    >
-    </el-option>
+    :id="id"  v-model="model" v-bind="attrs"
+    v-on="$listeners" v-bind:disabled="isDisable" :clearable="clearable" @click.native="handleClick" >
+    <slot></slot>
   </el-select>
 </template>
 
@@ -23,66 +11,61 @@ export default {
   props: {
     value: {
       type: [String, Array, Number],
-      default: undefined,
+      default: undefined
     },
     disabled: {
       type: Boolean,
-      default: false,
+      default: false
     },
     clearable: {
       type: Boolean,
-      default: true,
+      default: true
     },
     id: {
       type: String,
-      default: undefined,
-    },
-    code: {
-      type: Array,
-      default: function () {
-        return [];
-      },
-    },
+      default: undefined
+    }
   },
   computed: {
     model: {
       get() {
-        return this.value;
+        return this.value
       },
       set(newVal) {
-        this.$emit("input", newVal);
-      },
+        this.$emit('input', newVal)
+      }
     },
     mode() {
-      return this.$store.state.Status.mode;
+      return this.$store.state.Status.mode
     },
     isDisable: {
       get() {
-        return this.mode === "display" || this.disabled;
-      },
+        return this.mode === 'display' || this.disabled
+      }
     },
-    highlight() {
-      return this.$store.state.Status.highlights.indexOf(this.id) !== -1;
+    highlight () {
+      return this.$store.state.Status.highlights.indexOf(this.id) !== -1
     },
-    attrs() {
-      if (this.mode === "display" || this.disabled) {
-        let { placeholder, ...rest } = this.$attrs;
-        rest = { placeholder: " ", ...rest };
-        return rest;
+    attrs(){
+      if(this.mode === 'display' || this.disabled)
+      {
+        let {placeholder,...rest} = this.$attrs
+        rest = {placeholder:" ",...rest}
+        return rest
       }
-      return this.$attrs;
-    },
-  },
+      return this.$attrs
+    }
+  }, 
   methods: {
     handleClick: function (e) {
-      let ev = new Event("click", { bubbles: true });
-      let node = e.target;
+      let ev = new Event("click", {"bubbles": true})
+      let node = e.target
       if (node.parentElement) {
-        node.parentElement.dispatchEvent(ev);
+        node.parentElement.dispatchEvent(ev)
       }
-    },
-  },
-};
+    }
+  }
+}
 </script>
 
 <style>