bugfix

src/views/modules/common/user-component.vue

@@ -1,5 +1,6 @@
 <!-- 用户组件（单选） -->
 <template>
+  <div>
       <el-select
         v-model="value"
         ref="select"
@@ -20,6 +21,7 @@
         </el-option>
         <el-option v-if="options.length > 0" label="加载更多" style="font-style: italic; color: #8a979e" value="undefined" @click.native="handleClick()"></el-option>
       </el-select>
+  </div>
 </template>
 
 <script>

src/views/modules/worder/add-or-update-dialog.vue

@@ -26,7 +26,7 @@
                   :key="item.value"
                   :label="item.label"
                   :value="item.value"
-                ></el-option>
+                />
               </el-select>
             </el-form-item>
           </el-col>
@@ -79,18 +79,11 @@
         <el-row class="my-row">
           <el-col :span="8">
             <el-form-item label="任务接收人" prop="receiver">
-              <el-select
+              <user-component
                 v-model="dataForm.receiver"
-                placeholder="请选择"
-                style="width: 100%"
-              >
-                <el-option
-                  v-for="item in userList"
-                  :key="item.userId"
-                  :label="item.name"
-                  :value="item.userId"
-                ></el-option>
-              </el-select>
+                :user-id="dataForm.receiver"
+                @userSelected="userChanged"
+              />
             </el-form-item>
           </el-col>
           <el-col :span="16">
@@ -127,11 +120,11 @@
 
 <script>
 import uploadComponent from '../common/upload-component-v2'
-import { getUserList } from '@/api/user'
 import { taskTypeOption, rankTypeOption } from '@/utils/enums'
+import UserComponent from '@/views/modules/common/user-component'
 export default {
   name: 'worder-add-or-update',
-  components: { uploadComponent },
+  components: { UserComponent, uploadComponent },
   data () {
     return {
       id: 0,
@@ -142,7 +135,6 @@ export default {
       bizType: 1,
       dataForm: {},
       attachList: [],
-      userList: [],
       taskTypeOption: taskTypeOption,
       rankTypeOption: rankTypeOption,
       dataRule: {
@@ -197,11 +189,6 @@ export default {
       this.userList = []
       this.attachList = []
       this.visible = true
-      await getUserList().then(({ data }) => {
-        if (data && data.code === '200') {
-          this.userList = data.data.records
-        }
-      })
     },
     // 表单提交
     dataFormSubmit () {
@@ -225,6 +212,9 @@ export default {
     },
     uploadSuccess (fileList) {
       this.attachList = fileList
+    },
+    userChanged (item) {
+      // todo
     }
   }
 }