v1.1.0

smart-admin-web/src/components/employee/employee-selector.vue

@@ -0,0 +1,54 @@
+<template>
+  <Select clearable filterable :multiple="multiple" :style="selectorStyle" v-model="selectValue">
+    <Option :key="item.id" :value="item.id" v-for="item in dataList">{{ item.actualName }}</Option>
+  </Select>
+</template>
+<script>
+import { employeeApi } from '@/api/employee';
+export default {
+  name: 'EmployeeSelector',
+  props: {
+    // 选中的员工
+    value: null,
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    selectorStyle:{
+      type:String,
+      default:'width:180px'
+    }
+  },
+  data() {
+    return {
+      dataList: [],
+      selectValue: this.value
+    };
+  },
+  mounted() {
+    this.reset();
+    this.query();
+  },
+  methods: {
+    reset() {
+      if (this.multiple) {
+        this.selectValue = [];
+      } else {
+        this.selectValue = -1;
+      }
+    },
+    updateSelect(value) {
+      this.selectValue = value;
+    },
+    getSelectValue() {
+      return this.selectValue;
+    },
+    query() {
+      (async () => {
+        let res = await employeeApi.getAllEmployee();
+        this.dataList = res.data;
+      })();
+    }
+  }
+};
+</script>