招聘会白名单表单调整

src/views/menduner/system/jobFair/manage/details/jobFairForm.vue

@@ -1,5 +1,5 @@
 <template>
-  <Dialog title="添加白名单" v-model="dialogVisible">
+  <Dialog title="添加白名单" v-model="dialogVisible" class="!w-80%">
     <el-form
       ref="formRef"
       :model="formData"
@@ -8,8 +8,24 @@
       v-loading="formLoading"
     >
       <el-form-item label="企业别名" prop="enterpriseIds">
-        <el-select v-model="formData.enterpriseIds" multiple filterable clearable remote :remote-method="remoteMethod" :loading="loading"  placeholder="请输入企业别名进行查找">
-          <el-option v-for="(item, index) in enterpriseList" :key="index" :label="formatName(item.anotherName || item.name)" :value="item.id">
+        <el-select
+          v-model="formData.enterpriseIds"
+          multiple
+          size="large"
+          filterable
+          clearable
+          remote
+          tag-type="primary"
+          :remote-method="remoteMethod"
+          :loading="loading"
+          placeholder="请输入企业别名进行查找"
+        >
+          <el-option
+            v-for="(item, index) in enterpriseList"
+            :key="index"
+            :label="formatName(item.anotherName || item.name)"
+            :value="item.id"
+          >
             <span>{{ formatName(item.anotherName || item.name) }}</span>
           </el-option>
           <p v-if="showLoadMore" class="text-center color-lightblue cursor-pointer" @click="handleLoadMore">加载更多</p>
@@ -111,4 +127,11 @@ const resetForm = () => {
   }
   formRef.value?.resetFields()
 }
-</script>
+</script>
+
+<style scoped lang="scss">
+:deep(.el-select__wrapper) {
+  align-items: start;
+  min-height: 100px;
+}
+</style>