u

code/link56/link56-frontend-new/src/components/QueryCompany.vue

@@ -1,7 +1,9 @@
 <script lang="ts" setup>
 import type { PropType } from 'vue'
-import type { Area, CompanyQuery, Industry } from '@/types/company/index'
+import type { Area, CompanyQuery, Industry } from '@/types/base'
 import { computed } from 'vue'
+import AreaSelect from './AreaSelect.vue'
+import IndustrySelect from './IndustrySelect.vue'
 
 const props = defineProps({
   modelValue: {
@@ -31,35 +33,16 @@ const query = computed({
 <template>
   <div class="query">
     <div class="query-item">
-      <el-select
-        v-model="query.industries"
-        filterable
-        placeholder="请选择行业"
-        multiple
-        collapse-tags
-        collapse-tags-tooltip
-        :max-collapse-tags="2"
-      >
-        <el-option
-          v-for="item in props.industries"
-          :key="item.value"
-          :label="item.label"
-          :value="item.value"
-        />
-      </el-select>
+      <IndustrySelect v-model="query.industries" />
     </div>
     <div class="query-item">
-      <el-tree-select
+      <AreaSelect
         v-model="query.areas"
-        placeholder="请选择地域"
-        :data="areas"
-        filterable
         multiple
         check-strictly
         collapse-tags
         collapse-tags-tooltip
         :max-collapse-tags="2"
-        :render-after-expand="false"
       />
     </div>
     <div class="query-item">
@@ -106,10 +89,20 @@ const query = computed({
       padding: 0px;
     }
     :deep(.el-input__inner) {
-      height: 60px;
+      height: 60px !important;
       font-size: 18px;
     }
 
+    :deep(.el-cascader__tags) {
+      padding: 0;
+    }
+    :deep(.el-cascader__search-input) {
+      margin-left: 0px;
+      font-size: 18px;
+    }
+    :deep(.el-input__suffix){
+      padding-right: 12px;
+    }
     &:first-child {
       border-top-left-radius: 4px;
       border-bottom-left-radius: 4px;