feat: 调整组件结构

apps/bigmember_pc/src/views/search/bidding/components/search-bid-filter.vue

@@ -0,0 +1,44 @@
+<script setup>
+import SearchBidModel from '@/views/search/composables/search-model/search-bid'
+import SearchSchemaFilter from '@/views/search/components/search-schema-filter.vue'
+import SearchScopeSelector from '@/components/filter-items/SearchScopeSelector.vue'
+
+import {
+  SearchBidBaseSchema,
+  SearchBidMoreSchema
+} from '@/views/search/composables/constant/search-filters'
+import { reactive } from 'vue'
+
+const filterModel = reactive({
+  publishtime: 'fiveyear',
+  selectType: ['content', 'title'],
+  subtype: ''
+})
+
+const { searchState, searchTabs, searchModelOptions, doChangeTab, doQuery } =
+  SearchBidModel
+
+function doChangeFilter() {}
+</script>
+
+<template>
+  <div class="search-bid-filter">
+    <search-scope-selector
+      v-model="filterModel.selectType"
+      @change="doChangeFilter"
+    ></search-scope-selector>
+    <search-schema-filter
+      class="search-bidding-filter-container b-rd-8px"
+      v-model="filterModel"
+      :schema="SearchBidBaseSchema"
+      :more-schema="SearchBidMoreSchema"
+      @change="doChangeFilter"
+    ></search-schema-filter>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.search-bid-filter {
+  //
+}
+</style>

apps/bigmember_pc/src/views/search/bidding/components/search-bid-header.vue

@@ -60,9 +60,11 @@ function doSearch() {
         >
           多个关键词
         </el-checkbox>
-        <el-button class="m-l-24px use-badge" data-badge="限免" type="primary">
-          信息发布
-        </el-button>
+        <div class="m-l-24px">
+          <el-button class="use-badge" data-badge="限免" type="primary">
+            信息发布
+          </el-button>
+        </div>
       </div>
     </search-header-card>
     <keyword-tags-pc

apps/bigmember_pc/src/views/search/bidding/index.vue

@@ -3,14 +3,10 @@ import { computed, reactive, ref } from 'vue'
 import SearchBidHeader from '@/views/search/bidding/components/search-bid-header.vue'
 import SearchList from '@/views/search/layout/search-list.vue'
 import ArticleItem from '@/components/article-item/ArticleItem.vue'
-import SearchSchemaFilter from '@/views/search/components/search-schema-filter.vue'
 import Adsense from '@/views/order/components/adsense/index.vue'
 // 导入业务模型
 import SearchBidModel from '../composables/search-model/search-bid'
-import {
-  SearchBidBaseSchema,
-  SearchBidMoreSchema
-} from '@/views/search/composables/constant/search-filters'
+import SearchBidFilter from '@/views/search/bidding/components/search-bid-filter.vue'
 
 const filterModel = reactive({
   publishtime: 'fiveyear',
@@ -33,8 +29,6 @@ const {
 
 // 查询数据
 // doQuery()
-
-function doChangeFilter() {}
 </script>
 
 <template>
@@ -43,13 +37,10 @@ function doChangeFilter() {}
       <search-bid-header></search-bid-header>
     </div>
 
-    <search-schema-filter
-      class="search-bidding-filter-container b-rd-8px"
-      v-model="filterModel"
-      :schema="SearchBidBaseSchema"
-      :more-schema="SearchBidMoreSchema"
-      @change="doChangeFilter"
-    ></search-schema-filter>
+    <div class="search-bidding-filter-container b-rd-8px">
+      <search-bid-filter></search-bid-filter>
+    </div>
+
     <search-list
       class="search-bidding-list-container b-rd-8px"
       v-bind="searchListProps"