|
@@ -82,7 +82,6 @@
|
|
|
<el-select
|
|
|
:disabled="item.disabled"
|
|
|
v-model="formData[item.prop]"
|
|
|
- multiple
|
|
|
filterable
|
|
|
remote
|
|
|
reserve-keyword
|
|
@@ -113,6 +112,9 @@
|
|
|
>
|
|
|
<slot name="button"></slot>
|
|
|
</span>
|
|
|
+ <el-col span="24">
|
|
|
+ <img class="imgClass" src="@/assets/person-add.png" />
|
|
|
+ </el-col>
|
|
|
</template>
|
|
|
</el-dialog>
|
|
|
</div>
|
|
@@ -153,11 +155,24 @@ interface userNameListItem {
|
|
|
value: string;
|
|
|
label: string;
|
|
|
}
|
|
|
+const allOptions = ref<userNameListItem[]>([]);
|
|
|
+allOptions.value = [
|
|
|
+ { label: '综合办公室-张三', value: 'Alabama' },
|
|
|
+ { label: '科技信息处-李四', value: 'Alaska' },
|
|
|
+ { label: '综合办公室-王五', value: 'Arizona' },
|
|
|
+ { label: '科技信息处-赵六', value: 'California' },
|
|
|
+];
|
|
|
const options = ref<userNameListItem[]>([]);
|
|
|
const userLoading = ref(false);
|
|
|
const remoteuserNameMethod = (query: string) => {
|
|
|
if (query) {
|
|
|
- // userLoading.value = true;
|
|
|
+ userLoading.value = true;
|
|
|
+ setTimeout(() => {
|
|
|
+ userLoading.value = false;
|
|
|
+ options.value = allOptions.value.filter(item => {
|
|
|
+ return item.label.toLowerCase().includes(query.toLowerCase());
|
|
|
+ });
|
|
|
+ }, 200);
|
|
|
} else {
|
|
|
options.value = [];
|
|
|
}
|
|
@@ -258,4 +273,8 @@ defineExpose({
|
|
|
.form {
|
|
|
padding: 10px 30px;
|
|
|
}
|
|
|
+.imgClass {
|
|
|
+ margin-top: 5%;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
</style>
|