diff --git a/cutejava-front/src/views/components/business/CuteOneUserSelect.vue b/cutejava-front/src/views/components/business/CuteOneUserSelect.vue
new file mode 100644
index 00000000..87179bb5
--- /dev/null
+++ b/cutejava-front/src/views/components/business/CuteOneUserSelect.vue
@@ -0,0 +1,74 @@
+<template>
+  <el-select
+    v-model="users"
+    style="width: 100%"
+    filterable
+    remote
+    reserve-keyword
+    placeholder="支持用户姓名、手机号、邮箱、用户名查询"
+    :remote-method="remoteMethod"
+    :loading="loading"
+    @change="onChange"
+  >
+    <el-option
+      v-for="item in options"
+      :key="item.value"
+      :label="item.label"
+      :value="item.value"
+    />
+  </el-select>
+</template>
+
+<script>
+
+import UserService from '@/api/system/user'
+
+export default {
+  name: 'CuteOneUserSelect',
+  props: {
+    value: {
+      type: String,
+      required: false,
+      default: null
+    }
+  },
+  data() {
+    return {
+      users: this.value,
+      loading: false,
+      options: []
+    }
+  },
+  watch: {
+    value(newVal) {
+      this.users = newVal
+    }
+  },
+  methods: {
+    remoteMethod(query) {
+      if (query !== '') {
+        this.loading = true
+        setTimeout(() => {
+          this.loading = false
+          this.queryUserMetaPage(query)
+        }, 200)
+      } else {
+        this.options = []
+      }
+    },
+    queryUserMetaPage(query, options) {
+      const that = this
+      UserService.queryUserMetaPage(query).then(res => {
+        that.options = res
+      })
+    },
+    onChange(value) {
+      // 绑定change事件
+      this.$emit('change', value)
+      // 绑定form value
+      this.$emit('input', value)
+    }
+  }
+}
+</script>
+
diff --git a/cutejava-front/src/views/components/business/CuteUserSelect.vue b/cutejava-front/src/views/components/business/CuteUserSelect.vue
index 855dde65..7b42257f 100644
--- a/cutejava-front/src/views/components/business/CuteUserSelect.vue
+++ b/cutejava-front/src/views/components/business/CuteUserSelect.vue
@@ -40,6 +40,11 @@ export default {
       options: []
     }
   },
+  watch: {
+    value(newVal) {
+      this.users = newVal
+    }
+  },
   methods: {
     remoteMethod(query) {
       if (query !== '') {