修改 全局搜索

src/store/api/es.js

@@ -66,5 +66,9 @@ export const EsStore = defineStore('es', () => {
     const res = await axios.$get(`/search/achievement`, cond)
     return res
   }
-  return { supply, demand, achievement, Scompany, Sproject, Sdemand, Ssupply, Sachievement }
+  const total = async (payload) => {
+    const res = await axios.$get(`/search/total`, payload)
+    return res
+  }
+  return { supply, demand, achievement, Scompany, Sproject, Sdemand, Ssupply, total, Sachievement }
 })

src/views/four/index.vue

@@ -3,7 +3,7 @@
     <el-col :span="24" class="one">
       <!-- <el-image class="image" :src="news" fit="fill" /> -->
       <div class="input">
-        <a-tabs v-model:activeKey="activeKey" centered @tab-click="handleClick">
+        <a-tabs v-model:activeKey="activeKey" centered>
           <a-tab-pane :key="item.key" :tab="item.tab" v-for="item in menuList"> </a-tab-pane>
         </a-tabs>
         <div class="input_1">
@@ -64,6 +64,7 @@ const search = async () => {
   if (res.errcode == '0') list.value = res.data
 }
 const onSearch = async () => {
+  if (activeKey.value == '-1') activeKey.value = '0'
   router.push({ path: '/search', query: { name: searchValue.value, type: activeKey.value } })
 }
 const toSelect = (item) => {
@@ -86,19 +87,6 @@ const remoteMethod = (query) => {
     tagsList.value = []
   }
 }
-// 选择
-const handleClick = (tab) => {
-  // if (tab == -1) {
-  //   menuList.value = [
-  //     { key: '-1', tab: '全部' },
-  //     { key: '3', tab: '找项目' },
-  //     { key: '4', tab: '找需求' },
-  //     { key: '5', tab: '找供给' },
-  //     { key: '6', tab: '找成果' },
-  //     { key: '1', tab: '找企业' }
-  //   ]
-  // }
-}
 </script>
 <style scoped lang="scss">
 .main {

src/views/search/index.vue

@@ -4,6 +4,7 @@
       <!-- <el-image class="image" :src="news" fit="fill" /> -->
       <div class="input">
         <a-tabs v-model:activeKey="activeKey" centered>
+          <a-tab-pane key="0" tab="全部"> </a-tab-pane>
           <a-tab-pane key="1" tab="企业"> </a-tab-pane>
           <!-- <a-tab-pane key="2" tab="专家"> </a-tab-pane> -->
           <a-tab-pane key="3" tab="项目"> </a-tab-pane>
@@ -26,6 +27,7 @@
       </div>
     </el-col>
     <el-col :span="24" class="two">
+      <all ref="allRef" v-if="activeKey == '0'"></all>
       <company ref="companyRef" v-if="activeKey == '1'"></company>
       <!-- <expert ref="expertRef" v-if="activeKey == '2'"></expert> -->
       <project ref="projectRef" v-if="activeKey == '3'"></project>
@@ -39,6 +41,7 @@
 <script setup>
 // 组件
 // import expert from './parts/expert.vue'
+import all from './parts/all.vue'
 import company from './parts/company.vue'
 import project from './parts/project.vue'
 import demand from './parts/demand.vue'
@@ -47,7 +50,7 @@ import achievement from './parts/achievement.vue'
 import { TagsStore } from '@/store/api/system/tags'
 const store = TagsStore()
 
-const activeKey = ref('1')
+const activeKey = ref('0')
 // 加载中
 const loading = ref(false)
 // 路由
@@ -59,6 +62,7 @@ const searchLoading = ref(false)
 const list = ref([])
 const tagsList = ref([])
 
+const allRef = ref(null)
 const companyRef = ref(null)
 const achievementRef = ref(null)
 const supplyRef = ref(null)
@@ -84,7 +88,8 @@ const toSelect = async (item) => {
   await onSearch()
 }
 const onSearch = () => {
-  if (activeKey.value == '1') companyRef.value.search()
+  if (activeKey.value == '0') allRef.value.onSearch()
+  else if (activeKey.value == '1') companyRef.value.search()
   else if (activeKey.value == '2') expertRef.value.search()
   else if (activeKey.value == '3') projectRef.value.search()
   else if (activeKey.value == '4') demandRef.value.search()

src/views/search/parts/achievement.vue

@@ -1,56 +1,6 @@
 <template>
   <div class="main">
     <div class="w_1300">
-      <!-- <div class="active">
-        <div class="active_1" v-show="industry && industry.length > 0">
-          <div class="active_left">行业：</div>
-          <div class="active_right">
-            <div class="active_label" v-for="(item, index) in industry" :key="index">
-              {{ item.title }}<el-icon @click="toDel(item, '1')"><Close /></el-icon>
-            </div>
-          </div>
-        </div>
-        <div class="active_1" v-show="field && field.length > 0">
-          <div class="active_left">技术领域：</div>
-          <div class="active_right">
-            <div class="active_label" v-for="(item, index) in field" :key="index">
-              {{ item.label }}<el-icon @click="toDel(item, '2')"><Close /></el-icon>
-            </div>
-          </div>
-        </div>
-        <div class="active_1" v-show="mature && mature.length > 0">
-          <div class="active_left">成熟度：</div>
-          <div class="active_right">
-            <div class="active_label" v-for="(item, index) in mature" :key="index">
-              {{ item.label }}<el-icon @click="toDel(item, '3')"><Close /></el-icon>
-            </div>
-          </div>
-        </div>
-        <div class="active_1" v-show="sell && sell.length > 0">
-          <div class="active_left">出让方式：</div>
-          <div class="active_right">
-            <div class="active_label" v-for="(item, index) in sell" :key="index">
-              {{ item.label }}<el-icon @click="toDel(item, '4')"><Close /></el-icon>
-            </div>
-          </div>
-        </div>
-        <div class="active_1" v-show="money && money.length > 0">
-          <div class="active_left">价格：</div>
-          <div class="active_right">
-            <div class="active_label" v-for="(item, index) in money" :key="index">
-              {{ item.label }}<el-icon @click="toDel(item, '5')"><Close /></el-icon>
-            </div>
-          </div>
-        </div>
-        <div class="active_1" v-show="city && city.length > 0">
-          <div class="active_left">所在地：</div>
-          <div class="active_right">
-            <div class="active_label" v-for="(item, index) in city" :key="index">
-              {{ item.name }}<el-icon @click="toDel(item, '6')"><Close /></el-icon>
-            </div>
-          </div>
-        </div>
-      </div> -->
       <div class="two">
         <div class="twoSeacher">
           <div class="twoLeft">
@@ -210,7 +160,6 @@ const user = computed(() => userStore.user)
 const router = useRouter()
 
 const searchValue = inject('searchValue')
-
 // 加载中
 const loading = ref(false)
 const file = ref([bg_1, bg_2, bg_3, bg_4, bg_5, bg_6, bg_7, bg_8, bg_9, bg_1, bg_2, bg_3])

src/views/search/parts/all.vue

@@ -0,0 +1,76 @@
+<template>
+  <div class="main">
+    <div class="w_1300">
+      <div class="one">
+        <a-tabs v-model:activeKey="active" centered>
+          <a-tab-pane :key="item.key" :tab="item.tab" v-for="item in menuList"> </a-tab-pane>
+        </a-tabs>
+      </div>
+      <div class="two">
+        <company ref="companyRef" v-if="active == '1'"></company>
+        <project ref="projectRef" v-if="active == '2'"></project>
+        <demand ref="demandRef" v-if="active == '3'"></demand>
+        <supply ref="supplyRef" v-if="active == '4'"></supply>
+        <achievement ref="achievementRef" v-if="active == '5'"></achievement>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+// 接口
+import { EsStore } from '@/store/api/es'
+const esStore = EsStore()
+// 组件
+import company from './all/company.vue'
+import project from './all/project.vue'
+import demand from './all/demand.vue'
+import supply from './all/supply.vue'
+import achievement from './all/achievement.vue'
+
+const active = ref('1')
+// 加载中
+const loading = ref(false)
+const searchValue = inject('searchValue')
+
+const companyRef = ref(null)
+const achievementRef = ref(null)
+const supplyRef = ref(null)
+const projectRef = ref(null)
+const demandRef = ref(null)
+
+const menuList = ref([
+  { key: '1', tab: '企业(0)' },
+  { key: '2', tab: '项目(0)' },
+  { key: '3', tab: '需求(0)' },
+  { key: '4', tab: '供给(0)' },
+  { key: '5', tab: '成果(0)' }
+])
+// 请求
+onMounted(async () => {
+  loading.value = true
+  await search()
+  await onSearch()
+  loading.value = false
+})
+const search = async () => {
+  const info = {}
+  if (searchValue.value) info.keyword = searchValue.value
+  const res = await esStore.total(info)
+  if (res.errcode == '0') menuList.value = res.data
+}
+const onSearch = () => {
+  if (active.value == '1') companyRef.value.search()
+  else if (active.value == '2') projectRef.value.search()
+  else if (active.value == '3') demandRef.value.search()
+  else if (active.value == '4') supplyRef.value.search()
+  else achievementRef.value.search()
+}
+
+defineExpose({
+  onSearch
+})
+provide('searchValue', searchValue)
+provide('is_show', '1')
+</script>
+<style scoped lang="scss"></style>

src/views/search/parts/all/achievement.vue

@@ -0,0 +1,219 @@
+<template>
+  <div class="main" v-loading="loading">
+    <div class="w_1300">
+      <div class="one">
+        <div class="list" v-for="(item, index) in list" :key="index" @click="toView(item)">
+          <div class="list_1">
+            <el-image class="image" :src="file[index]" fit="fill" />
+            <div class="box">
+              <p class="name textMore">{{ item.name || '暂无' }}</p>
+            </div>
+            <div class="list_2" v-if="user && user.id">
+              <div class="other">
+                <el-image class="image" :src="one" fit="fill" />
+                <div class="text textOne">{{ item.field || '暂无' }}</div>
+              </div>
+              <div class="other">
+                <el-image class="image" :src="two" fit="fill" />
+                <div class="text textOne">{{ item.person || '暂无' }}</div>
+              </div>
+              <div class="other">
+                <el-image class="image" :src="thr" fit="fill" />
+                <div class="text textOne">{{ item.source || '暂无' }}</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="two">
+        <el-pagination background layout="prev, pager, next" :total="total" :page-size="limit" v-model:current-page="currentPage" @current-change="changePage" @size-change="sizeChange" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+// 图片引入
+import bg_1 from '/images/achievement/tec_bg_1.png'
+import bg_2 from '/images/achievement/tec_bg_2.png'
+import bg_3 from '/images/achievement/tec_bg_3.png'
+import bg_4 from '/images/achievement/tec_bg_4.png'
+import bg_5 from '/images/achievement/tec_bg_6.png'
+import bg_6 from '/images/achievement/tec_bg_8.png'
+import bg_7 from '/images/achievement/tec_bg_9.png'
+import bg_8 from '/images/achievement/tec_bg_10.png'
+import bg_9 from '/images/achievement/tec_bg_7.png'
+import one from '/images/achievement/bg-cgyx-list-icon1.png'
+import two from '/images/achievement/bg-cgyx-list-icon2.png'
+import thr from '/images/achievement/bg-cgyx-list-icon3.png'
+
+const $checkRes = inject('$checkRes')
+// 接口
+import { DictDataStore } from '@/store/api/system/dictData'
+import { RegionStore } from '@/store/api/system/region'
+import { SectorStore } from '@/store/api/platform/sector'
+import { EsStore } from '@/store/api/es'
+const esStore = EsStore()
+const dictDataStore = DictDataStore()
+const regionStore = RegionStore()
+const sectorStore = SectorStore()
+// 用户信息
+import { UserStore } from '@/store/user'
+const userStore = UserStore()
+const user = computed(() => userStore.user)
+// 路由
+const router = useRouter()
+
+const searchValue = inject('searchValue')
+// 加载中
+const loading = ref(false)
+const file = ref([bg_1, bg_2, bg_3, bg_4, bg_5, bg_6, bg_7, bg_8, bg_9, bg_1, bg_2, bg_3])
+// 列表
+const list = ref([])
+let skip = 0
+let limit = inject('limit')
+const total = ref(0)
+// 字典表
+const moneyList = ref([])
+const matureList = ref([])
+const sellList = ref([])
+const cityList = ref([])
+const typeList = ref([])
+const plateList = ref([])
+// 请求
+onMounted(async () => {
+  loading.value = true
+  await searchOther()
+  await search()
+  loading.value = false
+})
+const search = async (query = { skip, limit }) => {
+  skip = query.skip
+  limit = query.limit
+  const info = { skip: query.skip, limit: query.limit, status: '1', is_use: '0' }
+  if (searchValue.value) info.keyword = searchValue.value
+  const res = await esStore.Sachievement(info)
+  if (res.errcode == '0') {
+    list.value = res.data
+    total.value = res.total
+  }
+}
+const searchOther = async () => {
+  let result
+  // 技术领域
+  result = await dictDataStore.query({ code: 'field', is_use: '0' })
+  if ($checkRes(result)) typeList.value = result.data
+  // 成熟度
+  result = await dictDataStore.query({ code: 'mature', is_use: '0' })
+  if ($checkRes(result)) matureList.value = result.data
+  // 出让方式
+  result = await dictDataStore.query({ code: 'sell', is_use: '0' })
+  if ($checkRes(result)) sellList.value = result.data
+  // 价格
+  result = await dictDataStore.query({ code: 'money', is_use: '0' })
+  if ($checkRes(result)) moneyList.value = result.data
+  // 处理数据
+  for (const val of moneyList.value) {
+    if (val.value == '0') val.is_active = true
+  }
+  matureList.value.unshift({ id: '-1', is_active: true, value: '-1', label: '不限' })
+  sellList.value.unshift({ id: '-1', is_active: true, value: '-1', label: '不限' })
+  typeList.value.unshift({ id: '-1', is_active: true, value: '-1', label: '不限' })
+  result = await regionStore.list({ level: 'city', parent_code: 22 })
+  if (result.errcode == '0') cityList.value = result.data
+  cityList.value.unshift({ id: '-1', is_active: true, code: '-1', name: '不限' })
+  result = await sectorStore.query({ is_use: '0' })
+  if (result.errcode == '0') plateList.value = result.data
+  plateList.value.unshift({ id: '-1', is_active: true, title: '不限' })
+}
+// 查看详情
+const toView = async (item) => {
+  if (user.value.id) {
+    router.push({ path: '/achievement/detail', query: { id: item.id || item._id } })
+  } else ElMessage({ message: '未登录！', type: 'error' })
+}
+const currentPage = ref(1)
+// 分页
+const changePage = (page = currentPage.value) => {
+  search({ skip: (page - 1) * limit, limit: limit })
+}
+const sizeChange = (limits) => {
+  limit = limits
+  currentPage.value = 1
+  search({ skip: 0, limit: limit })
+}
+defineExpose({
+  search
+})
+</script>
+<style scoped lang="scss">
+.main {
+  .one {
+    margin: 10px 0;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    .list {
+      margin-right: 10px;
+      margin-bottom: 15px;
+      padding-top: 3px;
+      width: 317px;
+      height: 325px;
+      background-color: #fff;
+      box-shadow: 0 2px 5px 0 rgba(159, 158, 158, 0.3);
+      .list_1 {
+        position: relative;
+
+        .image {
+          height: 100%;
+          width: 100%;
+        }
+        .box {
+          display: flex !important;
+          align-items: center;
+          position: absolute;
+          top: 45px;
+          left: 0;
+          padding: 15px 10px;
+          width: 100%;
+          height: 82px;
+          background-color: rgba(0, 25, 79, 0.5);
+          font-size: $global-font-size-18;
+          line-height: 24px;
+          color: #fff;
+        }
+      }
+      .list_2 {
+        margin: 10px 13px 0;
+        .other {
+          display: flex;
+          align-items: center;
+          margin: 0 0 5px 0;
+          .image {
+            width: 25px;
+            height: 25px;
+            margin: 0 5px 0 0;
+          }
+          .text {
+            max-width: 260px;
+            font-size: $global-font-size-16;
+            line-height: 32px;
+            color: #404040;
+          }
+        }
+      }
+    }
+    .list:nth-child(4n) {
+      margin-right: 0;
+    }
+    .list:hover {
+      box-shadow: 0 2px 5px 0 rgba(159, 158, 158, 0.8);
+    }
+  }
+  .two {
+    display: flex;
+    justify-content: center;
+    margin: 20px 0;
+  }
+}
+</style>

src/views/search/parts/all/company.vue

@@ -0,0 +1,197 @@
+<template>
+  <div class="main" v-loading="loading">
+    <div class="w_1300">
+      <div class="one">
+        <div class="list" :class="['list' + index]" v-for="(item, index) in list" :key="index" @click="toView(item)">
+          <div class="name">{{ item.name || '暂无' }}</div>
+          <div class="other">
+            <div class="other_1">
+              <el-image class="image" :src="getUrl(item.logo)" fit="fill">
+                <template v-slot:error>
+                  <el-image class="image" :src="companyLogo" fit="fill" />
+                </template>
+              </el-image>
+            </div>
+            <div class="other_2" v-if="user && user.id">
+              <span class="text"><em>企业类型：</em>{{ getDict(item.pattern, 'pattern') || '暂无' }}</span>
+              <span class="text"><em>员工人数：</em>{{ item.person || '暂无' }}人</span>
+              <span class="text"><em>地址：</em>{{ getArea(item.area) || '暂无' }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="two">
+        <el-pagination background layout="prev, pager, next" :total="total" :page-size="limit" v-model:current-page="currentPage" @current-change="changePage" @size-change="sizeChange" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+// 图片引入
+import companyLogo from '/images/companyLogo.jpg'
+
+const $checkRes = inject('$checkRes')
+import { get } from 'lodash-es'
+// 接口
+import { RegionStore } from '@/store/api/system/region'
+import { SectorStore } from '@/store/api/platform/sector'
+import { DictDataStore } from '@/store/api/system/dictData'
+import { EsStore } from '@/store/api/es'
+const esStore = EsStore()
+const regionStore = RegionStore()
+const sectorStore = SectorStore()
+const dictDataStore = DictDataStore()
+// 用户信息
+import { UserStore } from '@/store/user'
+const userStore = UserStore()
+const user = computed(() => userStore.user)
+// 加载中
+const loading = ref(false)
+
+const searchValue = inject('searchValue')
+// 路由
+const router = useRouter()
+const list = ref([])
+let skip = 0
+let limit = 15
+const total = ref(0)
+// 字典表
+const fieldList = ref([])
+const statusList = ref([])
+const patternList = ref([])
+const scaleList = ref([])
+const cityList = ref([])
+const plateList = ref([])
+// 请求
+onMounted(async () => {
+  loading.value = true
+  await searchOther()
+  await search({ skip, limit })
+  loading.value = false
+})
+const searchOther = async () => {
+  let result
+  // 企业类型
+  result = await dictDataStore.query({ code: 'companyType', is_use: '0' })
+  if ($checkRes(result)) patternList.value = result.data
+  patternList.value.unshift({ id: '-1', value: '-1', label: '不限', is_active: true })
+  // 企业规模
+  result = await dictDataStore.query({ code: 'companyScale', is_use: '0' })
+  if ($checkRes(result)) scaleList.value = result.data
+  result = await regionStore.list({ level: 'city', parent_code: 22 })
+  if ($checkRes(result)) cityList.value = result.data
+  cityList.value.unshift({ id: '-1', code: '-1', name: '不限', is_active: true })
+  result = await sectorStore.query({ is_use: '0' })
+  if ($checkRes(result)) plateList.value = result.data
+  plateList.value.unshift({ id: '-1', title: '不限', is_active: true })
+}
+const search = async (query = { skip, limit }) => {
+  skip = query.skip
+  limit = query.limit
+  const info = { skip: query.skip, limit: query.limit, status: '1' }
+  if (searchValue.value) info.keyword = searchValue.value
+  const res = await esStore.Scompany(info)
+  if (res.errcode == '0') {
+    list.value = res.data
+    total.value = res.total
+  }
+}
+// 地区
+const getArea = (data) => {
+  if (data) return data.join('-')
+  else return '暂无地区'
+}
+// 字典数据转换
+const getDict = (data, model) => {
+  let res
+  if (model == 'field') res = fieldList.value.find((f) => f.value == data)
+  else if (model == 'status') res = statusList.value.find((f) => f.value == data)
+  else if (model == 'pattern') res = patternList.value.find((f) => f.value == data)
+  else if (model == 'scale') res = scaleList.value.find((f) => f.value == data)
+  return get(res, 'label')
+}
+// 查看
+const toView = (item) => {
+  if (user.value.id) {
+    router.push({ path: `/company/detail`, query: { id: item.id || item._id } })
+  } else ElMessage({ message: '未登录！', type: 'error' })
+}
+const getUrl = (item) => {
+  if (item && item.length > 0) return `${import.meta.env.VITE_APP_HOST}${item[0].uri}`
+}
+const currentPage = ref(1)
+// 分页
+const changePage = (page = currentPage.value) => {
+  search({ skip: (page - 1) * limit, limit: limit })
+}
+const sizeChange = (limits) => {
+  limit = limits
+  currentPage.value = 1
+  search({ skip: 0, limit: limit })
+}
+defineExpose({
+  search
+})
+</script>
+<style scoped lang="scss">
+.main {
+  .one {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    flex-wrap: wrap;
+    .list {
+      float: left;
+      width: 420px;
+      padding: 15px;
+      margin: 0 0 25px 0;
+      background: #f0f8ff;
+      color: #000;
+      .name {
+        height: 57px;
+        line-height: 57px;
+        overflow: hidden;
+        font-size: $global-font-size-18;
+        font-weight: bold;
+      }
+      .other {
+        display: flex;
+        .other_1 {
+          .image {
+            width: 95px;
+            height: 95px;
+            display: inline-block;
+          }
+        }
+        .other_2 {
+          display: flex;
+          flex-direction: column;
+          margin: 0 0 0 10px;
+          .text {
+            height: 25px;
+            display: block;
+            line-height: 24px;
+            overflow: hidden;
+            color: #666;
+            margin-bottom: 10px;
+            em {
+              border: 1px #ccc solid;
+              background: #fff;
+              border: 1px #ab94f8 solid;
+              padding: 1px 5px;
+              color: #4131bb;
+              margin-right: 6px;
+            }
+          }
+        }
+      }
+    }
+  }
+  .two {
+    display: flex;
+    justify-content: center;
+    margin: 20px 0;
+  }
+}
+</style>

src/views/search/parts/all/demand.vue

@@ -0,0 +1,195 @@
+<template>
+  <div class="main" v-loading="loading">
+    <div class="w_1300">
+      <el-col :span="24" class="one">
+        <div class="list" v-for="(item, index) in list" :key="index">
+          <div class="title">
+            {{ item.name || '暂无需求名称' }}
+          </div>
+          <div class="other_1 textOne" v-if="user && user.id">
+            <span>需求企业：</span>
+            <span>{{ item.company || '暂无需求企业' }}</span>
+          </div>
+          <div class="other_1 textOne" v-if="user && user.id">
+            <span>技术领域：</span>
+            <span>{{ item.field || '暂无技术领域' }}</span>
+          </div>
+          <div class="other_1 textOne" v-if="user && user.id">
+            <span>所在地：</span>
+            <span>{{ getArea(item.area) || '暂无所在地' }}</span>
+          </div>
+          <div class="other_1 textOne" v-if="user && user.id">
+            <span>投入预算：</span>
+            <span>{{ item.money || '面议' }}</span>
+          </div>
+          <div class="button">
+            <div @click="toView(item)" class="detail">查看详情</div>
+          </div>
+        </div>
+      </el-col>
+    </div>
+    <el-col :span="24" class="two">
+      <el-pagination background layout="prev, pager, next" :total="total" :page-size="limit" v-model:current-page="currentPage" @current-change="changePage" @size-change="sizeChange" />
+    </el-col>
+  </div>
+</template>
+
+<script setup>
+// 接口
+import { RegionStore } from '@/store/api/system/region'
+import { SectorStore } from '@/store/api/platform/sector'
+import { DictDataStore } from '@/store/api/system/dictData'
+import { EsStore } from '@/store/api/es'
+const esStore = EsStore()
+const regionStore = RegionStore()
+const sectorStore = SectorStore()
+const dictDataStore = DictDataStore()
+
+const searchValue = inject('searchValue')
+// 用户信息
+import { UserStore } from '@/store/user'
+const userStore = UserStore()
+const user = computed(() => userStore.user)
+// 加载中
+const loading = ref(false)
+// 路由
+const router = useRouter()
+
+const list = ref([])
+let skip = 0
+let limit = inject('limit')
+const total = ref(6)
+// 字典表
+const cityList = ref([])
+const plateList = ref([])
+const typeList = ref([])
+
+// 请求
+onMounted(async () => {
+  loading.value = true
+  await searchOther()
+  await search({ skip, limit })
+  loading.value = false
+})
+const searchOther = async () => {
+  let res
+  // 城市
+  res = await regionStore.list({ level: 'city', parent_code: 22 })
+  if (res.errcode == '0') cityList.value = res.data
+  cityList.value.unshift({ id: '-1', code: '-1', name: '不限', is_active: true })
+  // 行业
+  res = await sectorStore.query({ is_use: '0' })
+  if (res.errcode == '0') plateList.value = res.data
+  plateList.value.unshift({ id: '-1', title: '不限', is_active: true })
+  // 技术领域
+  res = await dictDataStore.query({ code: 'field', is_use: '0' })
+  if (res.errcode == '0') typeList.value = res.data
+  typeList.value.unshift({ id: '-1', value: '-1', label: '不限', is_active: true })
+}
+const search = async (query = { skip, limit }) => {
+  skip = query.skip
+  limit = query.limit
+  const info = { skip: query.skip, limit: query.limit, is_use: '0', status: '1' }
+  if (searchValue.value) info.keyword = searchValue.value
+  const res = await esStore.Sdemand(info)
+  if (res.errcode == '0') {
+    list.value = res.data
+    total.value = res.total
+  }
+}
+// 查看详情
+const toView = (item) => {
+  if (user.value.id) {
+    router.push({ path: '/demand/detail', query: { id: item.id || item._id } })
+  } else ElMessage({ message: '未登录！', type: 'error' })
+}
+// 转换地区
+const getArea = (data) => {
+  if (data) return data.join('-')
+  else return '暂无'
+}
+const currentPage = ref(1)
+// 分页
+const changePage = (page = currentPage.value) => {
+  search({ skip: (page - 1) * limit, limit: limit })
+}
+const sizeChange = (limits) => {
+  limit = limits
+  currentPage.value = 1
+  search({ skip: 0, limit: limit })
+}
+</script>
+<style scoped lang="scss">
+.main {
+  .one {
+    display: flex;
+    flex-wrap: wrap;
+    margin: 10px 0;
+    background-color: $global-color-fff;
+    .list {
+      padding-bottom: 20px;
+      margin: 0 10px 20px 0;
+      width: 310px;
+      font-size: 12px;
+      color: #666666;
+      border: 1px solid rgb(230, 230, 230);
+      .title {
+        color: #002147;
+        background-color: #c8e0fc;
+        width: 100%;
+        height: 36px;
+        text-align: center;
+        line-height: 36px;
+        font-family: PingFangSC-Medium;
+        font-size: 20px;
+        font-weight: 500;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        -webkit-line-clamp: 1;
+        -webkit-box-orient: vertical;
+        margin-bottom: 16px;
+      }
+      .other_1 {
+        margin-bottom: 16px;
+        padding: 0 20px;
+        display: flex;
+        color: #666666;
+        font-size: 16px;
+      }
+      .button {
+        margin: 30px 0 0 0;
+        .detail {
+          font-size: 16px;
+          display: block;
+          margin: 0 auto;
+          width: 90px;
+          height: 28px;
+          text-align: center;
+          line-height: 28px;
+          border-radius: 28px;
+          color: #2281ee;
+          border: 1px solid #2281ee;
+          cursor: default;
+        }
+      }
+    }
+    .list:nth-child(4n) {
+      margin: 0 0 20px 0 !important;
+    }
+    .list:hover {
+      .button {
+        .detail {
+          color: #fff;
+          background-color: #2281ee;
+        }
+      }
+    }
+  }
+  .two {
+    display: flex;
+    justify-content: center;
+    margin: 20px 0;
+  }
+}
+</style>

src/views/search/parts/all/project.vue

@@ -0,0 +1,246 @@
+<template>
+  <div class="main" v-loading="loading">
+    <div class="w_1300">
+      <div class="one">
+        <div class="list" :class="['list' + index]" v-for="(item, index) in list" :key="index" @click="toView(item)">
+          <div class="type textOne">{{ item.industry || '暂无' }}</div>
+          <div class="title">
+            <p class="ellipsis-3">{{ item.name || '暂无' }}</p>
+          </div>
+          <div class="address" v-if="user && user.id">
+            <el-icon color="#595959"><Location /></el-icon>
+            <span class="textOne">{{ item.main || '暂无' }}</span>
+          </div>
+          <div class="biaoqian textOne" v-if="user && user.id">
+            <span v-if="item.technology">{{ item.technology }}</span>
+            <span v-if="item.sell">{{ item.sell }}</span>
+          </div>
+          <span class="state" :class="['state1']"></span>
+        </div>
+      </div>
+      <div class="two">
+        <el-pagination background layout="prev, pager, next" :total="total" :page-size="limit" v-model:current-page="currentPage" @current-change="changePage" @size-change="sizeChange" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+const $checkRes = inject('$checkRes')
+// 接口
+import { DictDataStore } from '@/store/api/system/dictData'
+import { RegionStore } from '@/store/api/system/region'
+import { SectorStore } from '@/store/api/platform/sector'
+import { EsStore } from '@/store/api/es'
+const esStore = EsStore()
+const dictDataStore = DictDataStore()
+const regionStore = RegionStore()
+const sectorStore = SectorStore()
+// 用户信息
+import { UserStore } from '@/store/user'
+const userStore = UserStore()
+const user = computed(() => userStore.user)
+// 路由
+const router = useRouter()
+
+const searchValue = inject('searchValue')
+// 加载中
+const loading = ref(false)
+const typeList = ref([])
+const plateList = ref([])
+// 字典表
+const maturityList = ref([])
+const cityList = ref([])
+// 列表
+const list = ref([])
+let skip = 0
+let limit = 15
+const total = ref(0)
+// 请求
+onMounted(async () => {
+  loading.value = true
+  await searchOther()
+  await search({ skip, limit })
+  loading.value = false
+})
+const searchOther = async () => {
+  let result
+  // 成熟度
+  result = await dictDataStore.query({ code: 'projectMaturity', is_use: '0' })
+  if ($checkRes(result)) maturityList.value = result.data
+  // 技术领域
+  result = await dictDataStore.query({ code: 'field', is_use: '0' })
+  if ($checkRes(result)) typeList.value = result.data
+  // 地区
+  result = await regionStore.list({ level: 'city', parent_code: 22 })
+  if ($checkRes(result)) cityList.value = result.data
+  // 行业
+  result = await sectorStore.query({ is_use: '0' })
+  if ($checkRes(result)) plateList.value = result.data
+}
+const search = async (query = { skip, limit }) => {
+  skip = query.skip
+  limit = query.limit
+  const info = { skip: query.skip, limit: query.limit, status: '1', is_use: '0' }
+  if (searchValue.value) info.keyword = searchValue.value
+  const res = await esStore.Sproject(info)
+  if (res.errcode == '0') {
+    list.value = res.data
+    total.value = res.total
+  }
+}
+// 查看
+const toView = (item) => {
+  if (user.value.id) {
+    router.push({ path: `/project/detail`, query: { id: item.id || item._id } })
+  } else ElMessage({ message: '未登录！', type: 'error' })
+}
+const currentPage = ref(1)
+// 分页
+const changePage = (page = currentPage.value) => {
+  search({ skip: (page - 1) * limit, limit: limit })
+}
+const sizeChange = (limits) => {
+  limit = limits
+  currentPage.value = 1
+  search({ skip: 0, limit: limit })
+}
+defineExpose({
+  search
+})
+</script>
+<style scoped lang="scss">
+.main {
+  .one {
+    margin: 20px 0;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    align-items: center;
+    .list {
+      position: relative;
+      margin: 0 39px 39px 0;
+      width: 208px;
+      height: 286px;
+      box-shadow: 3px 4px 4px 0px rgba(41, 41, 115, 0.32);
+      border: solid 1px #ededed;
+      .type {
+        margin-left: 33px;
+        padding: 22px 10px 0 0;
+        font-size: $global-font-size-16;
+        color: #414141;
+      }
+      .title {
+        display: flex;
+        align-items: center;
+        margin: 24px 18px 0;
+        height: 100px;
+        font-size: $global-font-size-18;
+        font-weight: bold;
+        color: #ffffff;
+        .ellipsis-3 {
+          display: -webkit-box;
+          -webkit-box-orient: vertical;
+          overflow: hidden;
+          -webkit-line-clamp: 3;
+        }
+      }
+      .address {
+        margin-top: 80px;
+        padding: 0 5px;
+        font-size: $global-font-size-16;
+        color: #282828;
+        display: flex;
+        align-items: center;
+        justify-content: flex-end;
+      }
+      .biaoqian {
+        margin: 10px 5px 0 5px;
+        text-align: right;
+        overflow: hidden;
+        span {
+          padding: 0 5px;
+          background-color: #f5f8ff;
+          border-radius: 3px;
+          border: solid 1px #d2daec;
+          font-size: $global-font-size-14;
+          line-height: 23px;
+          color: #7d8aaa;
+          margin-right: 2px;
+        }
+      }
+    }
+    .state {
+      display: block;
+      position: absolute;
+      right: 0px;
+      top: 0px;
+      width: 75px;
+      height: 24px;
+      background: url(/images/project/dbhi-kcxm-item-xmyl.png) no-repeat;
+    }
+    .state1 {
+      background: url(/images/project/dbhi-kcxm-item-xm1.png) no-repeat;
+    }
+    .state2 {
+      background: url(/images/project/dbhi-kcxm-item-xm2.png) no-repeat;
+    }
+    .state3 {
+      background: url(/images/project/dbhi-kcxm-item-xm3.png) no-repeat;
+    }
+    .list0 {
+      background: url(/images/project/dbhi-kcxm-item1.png) no-repeat;
+    }
+    .list1 {
+      background: url(/images/project/dbhi-kcxm-item2.png) no-repeat;
+    }
+    .list2 {
+      background: url(/images/project/dbhi-kcxm-item3.png) no-repeat;
+    }
+    .list3 {
+      background: url(/images/project/dbhi-kcxm-item4.png) no-repeat;
+    }
+    .list4 {
+      background: url(/images/project/dbhi-kcxm-item5.png) no-repeat;
+    }
+    .list5 {
+      background: url(/images/project/dbhi-kcxm-item6.png) no-repeat;
+    }
+    .list6 {
+      background: url(/images/project/dbhi-kcxm-item7.png) no-repeat;
+    }
+    .list7 {
+      background: url(/images/project/dbhi-kcxm-item8.png) no-repeat;
+    }
+    .list8 {
+      background: url(/images/project/dbhi-kcxm-item9.png) no-repeat;
+    }
+    .list9 {
+      background: url(/images/project/dbhi-kcxm-item10.png) no-repeat;
+    }
+    .list10 {
+      background: url(/images/project/dbhi-kcxm-item1.png) no-repeat;
+    }
+    .list11 {
+      background: url(/images/project/dbhi-kcxm-item2.png) no-repeat;
+    }
+    .list12 {
+      background: url(/images/project/dbhi-kcxm-item3.png) no-repeat;
+    }
+    .list13 {
+      background: url(/images/project/dbhi-kcxm-item4.png) no-repeat;
+    }
+    .list14 {
+      background: url(/images/project/dbhi-kcxm-item5.png) no-repeat;
+    }
+    .list:nth-child(5n) {
+      margin-right: 0;
+    }
+  }
+  .two {
+    display: flex;
+    justify-content: center;
+    margin: 20px 0;
+  }
+}
+</style>

src/views/search/parts/all/supply.vue

@@ -0,0 +1,186 @@
+<template>
+  <div class="main" v-loading="loading">
+    <div class="w_1300">
+      <el-col :span="24" class="one">
+        <div class="list" v-for="(item, index) in list" :key="index">
+          <div class="title">
+            {{ item.name || '暂无供给名称' }}
+          </div>
+          <div class="other_1 textOne" v-if="user && user.id">
+            <span>技术领域：</span>
+            <span>{{ item.field || '暂无技术领域' }}</span>
+          </div>
+          <div class="other_1 textOne" v-if="user && user.id">
+            <span>所属产业：</span>
+            <span>{{ item.industry || '暂无所属产业' }}</span>
+          </div>
+          <div class="other_1 textOne" v-if="user && user.id">
+            <span>来源：</span>
+            <span>{{ item.source || '暂无来源' }}</span>
+          </div>
+          <div class="button">
+            <div @click="toView(item)" class="detail">查看详情</div>
+          </div>
+        </div>
+      </el-col>
+    </div>
+    <el-col :span="24" class="two">
+      <el-pagination background layout="prev, pager, next" :total="total" :page-size="limit" v-model:current-page="currentPage" @current-change="changePage" @size-change="sizeChange" />
+    </el-col>
+  </div>
+</template>
+
+<script setup>
+// 接口
+import { RegionStore } from '@/store/api/system/region'
+import { SectorStore } from '@/store/api/platform/sector'
+import { DictDataStore } from '@/store/api/system/dictData'
+import { EsStore } from '@/store/api/es'
+const esStore = EsStore()
+const regionStore = RegionStore()
+const sectorStore = SectorStore()
+const dictDataStore = DictDataStore()
+// 用户信息
+import { UserStore } from '@/store/user'
+const userStore = UserStore()
+const user = computed(() => userStore.user)
+
+const searchValue = inject('searchValue')
+// 加载中
+const loading = ref(false)
+// 路由
+const router = useRouter()
+
+const list = ref([])
+let skip = 0
+let limit = inject('limit')
+const total = ref(6)
+// 字典表
+const cityList = ref([])
+const plateList = ref([])
+const typeList = ref([])
+
+// 请求
+onMounted(async () => {
+  loading.value = true
+  await searchOther()
+  await search({ skip, limit })
+  loading.value = false
+})
+const searchOther = async () => {
+  let res
+  // 城市
+  res = await regionStore.list({ level: 'city', parent_code: 22 })
+  if (res.errcode == '0') cityList.value = res.data
+  cityList.value.unshift({ id: '-1', code: '-1', name: '不限', is_active: true })
+  // 行业
+  res = await sectorStore.query({ is_use: '0' })
+  if (res.errcode == '0') plateList.value = res.data
+  plateList.value.unshift({ id: '-1', title: '不限', is_active: true })
+  // 技术领域
+  res = await dictDataStore.query({ code: 'field', is_use: '0' })
+  if (res.errcode == '0') typeList.value = res.data
+  typeList.value.unshift({ id: '-1', value: '-1', label: '不限', is_active: true })
+}
+const search = async (query = { skip, limit }) => {
+  skip = query.skip
+  limit = query.limit
+  const info = { skip: query.skip, limit: query.limit, is_use: '0', status: '1' }
+  if (searchValue.value) info.keyword = searchValue.value
+  const res = await esStore.Ssupply(info)
+  if (res.errcode == '0') {
+    list.value = res.data
+    total.value = res.total
+  }
+}
+// 查看详情
+const toView = (item) => {
+  if (user.value.id) {
+    router.push({ path: '/supply/detail', query: { id: item.id || item._id } })
+  } else ElMessage({ message: '未登录！', type: 'error' })
+}
+const currentPage = ref(1)
+// 分页
+const changePage = (page = currentPage.value) => {
+  search({ skip: (page - 1) * limit, limit: limit })
+}
+const sizeChange = (limits) => {
+  limit = limits
+  currentPage.value = 1
+  search({ skip: 0, limit: limit })
+}
+</script>
+<style scoped lang="scss">
+.main {
+  .one {
+    display: flex;
+    flex-wrap: wrap;
+    margin: 10px 0;
+    background-color: $global-color-fff;
+    .list {
+      padding-bottom: 20px;
+      margin: 0 10px 20px 0;
+      width: 310px;
+      font-size: 12px;
+      color: #666666;
+      border: 1px solid rgb(230, 230, 230);
+      .title {
+        color: #002147;
+        background-color: #c8e0fc;
+        width: 100%;
+        height: 36px;
+        text-align: center;
+        line-height: 36px;
+        font-family: PingFangSC-Medium;
+        font-size: 20px;
+        font-weight: 500;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        -webkit-line-clamp: 1;
+        -webkit-box-orient: vertical;
+        margin-bottom: 16px;
+      }
+      .other_1 {
+        margin-bottom: 16px;
+        padding: 0 20px;
+        display: flex;
+        color: #666666;
+        font-size: 16px;
+      }
+      .button {
+        margin: 30px 0 0 0;
+        .detail {
+          font-size: 16px;
+          display: block;
+          margin: 0 auto;
+          width: 90px;
+          height: 28px;
+          text-align: center;
+          line-height: 28px;
+          border-radius: 28px;
+          color: #2281ee;
+          border: 1px solid #2281ee;
+          cursor: default;
+        }
+      }
+    }
+    .list:nth-child(4n) {
+      margin: 0 0 20px 0 !important;
+    }
+    .list:hover {
+      .button {
+        .detail {
+          color: #fff;
+          background-color: #2281ee;
+        }
+      }
+    }
+  }
+  .two {
+    display: flex;
+    justify-content: center;
+    margin: 20px 0;
+  }
+}
+</style>

src/views/search/parts/company.vue

@@ -1,32 +1,6 @@
 <template>
   <div class="main">
     <div class="w_1300">
-      <!-- <div class="active">
-        <div class="active_1" v-show="industry && industry.length > 0">
-          <div class="active_left">行业：</div>
-          <div class="active_right">
-            <div class="active_label" v-for="(item, index) in industry" :key="index">
-              {{ item.title }}<el-icon @click="toDel(item, '1')"><Close /></el-icon>
-            </div>
-          </div>
-        </div>
-        <div class="active_1" v-show="pattern && pattern.length > 0">
-          <div class="active_left">企业类型：</div>
-          <div class="active_right">
-            <div class="active_label" v-for="(item, index) in pattern" :key="index">
-              {{ item.label }}<el-icon @click="toDel(item, '2')"><Close /></el-icon>
-            </div>
-          </div>
-        </div>
-        <div class="active_1" v-show="city && city.length > 0">
-          <div class="active_left">所在地：</div>
-          <div class="active_right">
-            <div class="active_label" v-for="(item, index) in city" :key="index">
-              {{ item.name }}<el-icon @click="toDel(item, '3')"><Close /></el-icon>
-            </div>
-          </div>
-        </div>
-      </div> -->
       <el-col :span="24" class="two">
         <div class="Seacher">
           <div class="Left">
@@ -128,7 +102,6 @@ const user = computed(() => userStore.user)
 const loading = ref(false)
 
 const searchValue = inject('searchValue')
-
 // 路由
 const router = useRouter()
 const list = ref([])

src/views/search/parts/demand.vue

@@ -49,8 +49,8 @@ const esStore = EsStore()
 const regionStore = RegionStore()
 const sectorStore = SectorStore()
 const dictDataStore = DictDataStore()
-const searchValue = inject('searchValue')
 
+const searchValue = inject('searchValue')
 // 用户信息
 import { UserStore } from '@/store/user'
 const userStore = UserStore()
@@ -141,6 +141,9 @@ const sizeChange = (limits) => {
   currentPage.value = 1
   search({ skip: 0, limit: limit })
 }
+defineExpose({
+  search
+})
 </script>
 <style scoped lang="scss">
 .main {
@@ -150,13 +153,12 @@ const sizeChange = (limits) => {
 
   .two {
     display: flex;
-    justify-content: space-between;
     flex-wrap: wrap;
     margin: 10px 0;
     background-color: $global-color-fff;
     .list {
       padding-bottom: 20px;
-      margin: 0 0 20px 0;
+      margin: 0 10px 20px 0;
       width: 310px;
       font-size: 12px;
       color: #666666;
@@ -202,6 +204,9 @@ const sizeChange = (limits) => {
         }
       }
     }
+    .list:nth-child(4n) {
+      margin: 0 0 20px 0 !important;
+    }
     .list:hover {
       .button {
         .detail {

src/views/search/parts/expert.vue

@@ -1,32 +1,6 @@
 <template>
   <div class="main">
     <div class="w_1300">
-      <!-- <div class="active">
-        <div class="active_1" v-show="industry && industry.length > 0">
-          <div class="active_left">行业：</div>
-          <div class="active_right">
-            <div class="active_label" v-for="(item, index) in industry" :key="index">
-              {{ item.title }}<el-icon @click="toDel(item, '1')"><Close /></el-icon>
-            </div>
-          </div>
-        </div>
-        <div class="active_1" v-show="field && field.length > 0">
-          <div class="active_left">技术领域：</div>
-          <div class="active_right">
-            <div class="active_label" v-for="(item, index) in field" :key="index">
-              {{ item.label }}<el-icon @click="toDel(item, '2')"><Close /></el-icon>
-            </div>
-          </div>
-        </div>
-        <div class="active_1" v-show="city && city.length > 0">
-          <div class="active_left">所在地：</div>
-          <div class="active_right">
-            <div class="active_label" v-for="(item, index) in city" :key="index">
-              {{ item.name }}<el-icon @click="toDel(item, '3')"><Close /></el-icon>
-            </div>
-          </div>
-        </div>
-      </div> -->
       <div class="two">
         <div class="twoSeacher">
           <div class="twoLeft">

src/views/search/parts/project.vue

@@ -111,7 +111,6 @@ const user = computed(() => userStore.user)
 const router = useRouter()
 
 const searchValue = inject('searchValue')
-
 // 是否展开
 const twoShow = ref(false)
 const oneShow = ref(false)

src/views/search/parts/supply.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="main">
-    <div class="one">
+    <div class="one" v-if="is_show !== '1'">
       <div class="w_1300">
         <custom-search :cityList="cityList" :typeList="typeList" :plateList="plateList" :fields="fields" :searchFields="searchFields" @toSearchInfo="toSearchInfo"></custom-search>
       </div>
@@ -49,8 +49,8 @@ const dictDataStore = DictDataStore()
 import { UserStore } from '@/store/user'
 const userStore = UserStore()
 const user = computed(() => userStore.user)
-const searchValue = inject('searchValue')
 
+const searchValue = inject('searchValue')
 // 加载中
 const loading = ref(false)
 // 路由
@@ -132,6 +132,9 @@ const sizeChange = (limits) => {
   currentPage.value = 1
   search({ skip: 0, limit: limit })
 }
+defineExpose({
+  search
+})
 </script>
 <style scoped lang="scss">
 .main {
@@ -141,13 +144,12 @@ const sizeChange = (limits) => {
 
   .two {
     display: flex;
-    justify-content: space-between;
     flex-wrap: wrap;
     margin: 10px 0;
     background-color: $global-color-fff;
     .list {
       padding-bottom: 20px;
-      margin: 0 0 20px 0;
+      margin: 0 10px 20px 0;
       width: 310px;
       font-size: 12px;
       color: #666666;
@@ -193,6 +195,9 @@ const sizeChange = (limits) => {
         }
       }
     }
+    .list:nth-child(4n) {
+      margin: 0 0 20px 0 !important;
+    }
     .list:hover {
       .button {
         .detail {