客户端产品匹配

src/views/website/home/comp/index1.vue

@@ -43,7 +43,7 @@
                     </el-select>
                   </el-form-item>
                 </template>
-                <template #append>
+                <!-- <template #append>
                   <el-button
                     class="x_btns"
                     type="primary"
@@ -51,18 +51,25 @@
                     @click="handleQuery"
                     >搜索</el-button
                   >
-                </template>
+                </template> -->
               </el-input>
             </el-form-item>
           </el-col>
           <el-col :push="4" :sm="10" :md="8">
             <div class="btnsWrap">
-              <el-button class="x_btns" @click="handleQuery"
+              <el-button
+                class="x_btns"
+                type="primary"
+                icon="Search"
+                @click="handleQuery"
+                >搜索</el-button
+              >
+              <!-- <el-button class="x_btns" @click="handleQuery"
                 >发布需求</el-button
-              >
-              <el-button class="x_btns" @click="handleQuery"
+              > -->
+              <!-- <el-button class="x_btns" @click="handleQuery"
                 >专家机构录入</el-button
-              >
+              > -->
             </div>
           </el-col>
         </el-row>
@@ -135,11 +142,12 @@ const queryRules = reactive({
 const queryRef = ref();
 const searchTypeList = ref([
   "enterprise",
-  "achivement",
+  "achievement",
   "lab",
   "patent",
   "expert",
-  "demand",
+  "serviceDemand",
+  "technologyDemand",
 ]);
 // const patentQueryTypeList = ;
 const queryTypeList = [
@@ -150,7 +158,12 @@ const queryTypeList = [
     { value: "4", label: "通过生产方向搜索" },
     { value: "5", label: "通过产品搜索" },
   ],
-  [],
+  [
+    {
+      value: "1",
+      label: "通过成果名称搜索",
+    },
+  ],
   [],
   [
     { value: "1", label: "通过标题搜索" },
@@ -162,7 +175,8 @@ const queryTypeList = [
     { value: "2", label: "通过个人简介搜索" },
     { value: "3", label: "通过关键词搜索" },
   ],
-  [],
+  [{ value: "1", label: "通过标题搜索" }],
+  [{ value: "1", label: "通过标题搜索" }],
 ];
 const switchTab = (index) => {
   state.tabIndex = index;
@@ -189,7 +203,15 @@ function handleQuery() {
 
 const state = reactive({
   keyword: "",
-  tabList: ["找企业", "找成果", "找实验室", "找专利", "找专家", "接需求"],
+  tabList: [
+    "找企业",
+    "找成果",
+    "找实验室",
+    "找专利",
+    "找专家",
+    "接服务需求",
+    "接技术需求",
+  ],
   tabIndex: 0,
   banner: "",
   data: {
@@ -283,11 +305,11 @@ onMounted(() => {
 }
 
 .tab {
-  width: 480px;
+  width: 630px;
   height: 42px;
   overflow: hidden;
   & > div {
-    width: 80px;
+    width: 90px;
     height: 42px;
     line-height: 42px;
     text-align: center;