如何用JS赋值宜搭的成员组件（人员搜索框）

this.$('组件惟一标识').setValue([{ label: window.loginUser.userName, value: window.loginUser.userId}])

要在表单中自动填写当前登录人的姓名，请按照以下步骤操作：

1. 创建一个输入框，例如：

<input type="text" id="user-name">

1. 使用 JavaScript 赋值，例如：

document.getElementById('user-name').value = this.utils.getLoginUserName();

1. 在页面加载时调用该方法，例如：

window.onload = function() {
    document.getElementById('user-name').value = this.utils.getLoginUserName();
}

在JavaScript中，如果你想将一个变量赋值给一个HTML元素，你可以使用element.value = value的方式。例如，如果你想将this.utils.getLoginUserId()的结果赋值给一个名为userIdInput的元素，你可以这样做：

var userIdInput = document.getElementById('userIdInput');
userIdInput.value = this.utils.getLoginUserId();

这里假设userIdInput是一个文本输入框，并且它的id属性值为userIdInput。如果你的HTML元素没有id属性，你可以使用class属性，或者通过其他方式来定位元素。

对于你的情况，你可能需要先将所有的成员信息预先加载到页面中，然后将当前登录人的信息动态地填充到相应的输入框中。这可能需要一些额外的逻辑，例如检查输入框的name属性，然后根据name属性的值来填充信息。

在您的表单中，成员进入编辑界面后，可以使用JavaScript来获取登录人的ID和用户名，并将这些值赋给人员搜索框。
以下是一个简单的示例：

1. 在成员组件中添加一个隐藏字段，用于存储登录人的ID和用户名。假设这两个字段的名称分别为loginUserId和loginUserName。

<el-form-item label="登录人ID">
    <el-input v-model="form.loginUserId" type="hidden"></el-input>
</el-form-item>

<el-form-item label="登录人姓名">
    <el-input v-model="form.loginUserName" type="hidden"></el-input>
</el-form-item>

1. 在mounted()生命周期钩子函数中，调用this.utils.getLoginUserId()和this.utils.getLoginUserName()函数来获取登录人的ID和用户名，并将这些值赋给相应的隐藏字段。

mounted() {
    this.form.loginUserId = this.utils.getLoginUserId();
    this.form.loginUserName = this.utils.getLoginUserName();
}

1. 接下来，当成员进入表单编辑界面时，可以利用JavaScript将隐藏字段的值赋给人员搜索框。

methods: {
    // 在成员进入表单编辑界面时触发
    handleEdit(row) {
        this.form.id = row.id;

        // 将登录人的ID和用户名赋给人员搜索框
        this.form.searchPersonId = this.form.loginUserId;
        this.form.searchPersonName = this.form.loginUserName;

        this.dialogVisible = true;
    },
}