From 66f401a07a69bceb159f30bd4567e8c40f9b7a0c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=86=8A=E4=B8=BD=E5=90=9B?= <664953382@qq.com>
Date: Thu, 24 Feb 2022 11:35:19 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=A6=96=E9=A1=B55=E4=B8=AA?=
 =?UTF-8?q?=E6=90=9C=E7=B4=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../searchList/components/collectAndVisit.vue | 171 +++----
 .../searchList/components/expertItem.vue      |  20 +-
 .../searchList/components/gainItem.vue        | 238 ++++-----
 .../searchList/components/img/achieve.png     | Bin 0 -> 6133 bytes
 src/views/website/searchList/index1.vue       | 117 +++--
 src/views/website/searchList/index1Detail.vue | 479 +++++++++---------
 src/views/website/searchList/index3.vue       | 116 +++--
 src/views/website/searchList/index4Detail.vue |   7 +
 8 files changed, 605 insertions(+), 543 deletions(-)
 create mode 100644 src/views/website/searchList/components/img/achieve.png

diff --git a/src/views/website/searchList/components/collectAndVisit.vue b/src/views/website/searchList/components/collectAndVisit.vue
index af97e93..6ea4f7e 100644
--- a/src/views/website/searchList/components/collectAndVisit.vue
+++ b/src/views/website/searchList/components/collectAndVisit.vue
@@ -1,111 +1,108 @@
 <template>
-    <div class="collectAndVisit">
-        <div>{{ visit_count }}游览</div>
-        <div class="heart_w">
-            <div class="heart" @click="change()" :class="{ in: state.isCollect }"></div>
-            <span>{{ state.collect }}</span>
-        </div>
+  <div class="collectAndVisit">
+    <div>{{ visit_count }}浏览</div>
+    <div class="heart_w">
+      <div
+        class="heart"
+        @click="change()"
+        :class="{ in: state.isCollect }"
+      ></div>
+      <span>{{ state.collect }}</span>
     </div>
+  </div>
 </template>
 
 <script setup>
-import request from '@/utils/request'
-import { reactive } from 'vue';
-function launch (id) {
-    return request({
-        url: '/v1/user/collect/launch',
-        method: 'post',
-        data: { kind: props.kind, object_id: props.object_id, }
-    })
+import request from "@/utils/request";
+import { reactive } from "vue";
+function launch(id) {
+  return request({
+    url: "/v1/user/collect/launch",
+    method: "post",
+    data: { kind: props.kind, object_id: props.object_id },
+  });
 }
 let flag = true;
 const props = defineProps({
-    is_collect: {
-        type: Boolean,
-        required: true,
-    },
-    collect_count: {
-        type: Number,
-        required: true,
-    },
-    visit_count: {
-        type: Number,
-        required: true,
-    },
-    kind: {
-        type: Number,
-        required: true,
-    },
-    object_id: {
-        type: String,
-        required: true,
-    },
+  is_collect: {
+    type: Boolean,
+    required: true,
+  },
+  collect_count: {
+    type: Number,
+    required: true,
+  },
+  visit_count: {
+    type: Number,
+    required: true,
+  },
+  kind: {
+    type: Number,
+    required: true,
+  },
+  object_id: {
+    type: String,
+    required: true,
+  },
 });
 
 const state = reactive({
-    collect: props.collect_count,
-    isCollect: props.is_collect,
-})
+  collect: props.collect_count,
+  isCollect: props.is_collect,
+});
 
-async function postData () {
-    if (flag) {
+async function postData() {
+  if (flag) {
+    flag = false;
+    await launch()
+      .then((res) => {
+        if (200 == res.code) {
+          state.isCollect = res.data;
+          if (res.data) {
+            state.collect++;
+          } else {
+            state.collect--;
+          }
+        }
+        flag = true;
+      })
+      .catch(() => {
         flag = false;
-        await launch().then(res => {
-            if (200 == res.code) {
-                state.isCollect = res.data;
-                if (res.data) {
-                    state.collect++;
-                } else {
-                    state.collect--;
-                }
-            }
-            flag = true;
-        }).catch(() => {
-            flag = false;
-        });
-
-    }
-
+      });
+  }
 }
 
-function change () {
-
-    postData();
-
-
+function change() {
+  postData();
 }
-
-
-
-
 </script>
 
 <style lang="scss" scoped>
 .collectAndVisit {
-    display: flex;
-    justify-content: space-around;
-    .heart_w {
-        vertical-align: text-bottom;
-        span {
-            vertical-align: text-bottom;
-            position: relative;
-            top: 1px;
-        }
-    }
-    .heart {
-        cursor: pointer;
-        user-select: none;
-        vertical-align: text-bottom;
-        display: inline-block;
-        width: 18.3px;
-        height: 16.4px;
-        margin-right: 5px;
-        background-size: cover;
-        background-image: url(./img/heart0.png);
-    }
-    .in {
-        background-image: url(./img/heart1.png);
+  display: flex;
+  justify-content: space-around;
+  .heart_w {
+    vertical-align: text-bottom;
+    span {
+      vertical-align: text-bottom;
+      position: relative;
+      top: 1px;
     }
+  }
+  .heart {
+    cursor: pointer;
+    user-select: none;
+    vertical-align: text-bottom;
+    display: inline-block;
+    width: 18.3px;
+    height: 16.4px;
+    margin-right: 5px;
+    background-size: cover;
+    background-image: url(./img/heart0.png);
+  }
+  .in {
+    background-image: url(./img/heart1.png);
+  }
 }
 </style>
 
diff --git a/src/views/website/searchList/components/expertItem.vue b/src/views/website/searchList/components/expertItem.vue
index 2ac0b6b..307a27b 100644
--- a/src/views/website/searchList/components/expertItem.vue
+++ b/src/views/website/searchList/components/expertItem.vue
@@ -22,9 +22,23 @@
         <!-- <div class="labelList">
                     <div v-for="item in data.industrys">{{ item }}</div>
                 </div>-->
-        <div v-if="data.industrys" class="line">
-          所属领域：
-          <span>{{ data.industrys[data.industrys.length - 1] }}</span>
+        <div v-if="data.industrys" class="line" style="overflow: hidden">
+          <el-col>所属领域：</el-col>
+          <el-col
+            :title="data.industrys[data.industrys.length - 1]"
+            style="display: inline-block; width: calc(100% - 86px)"
+          >
+            <span
+              style="
+                display: inline-block;
+                width: 100%;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+              "
+              >{{ data.industrys[data.industrys.length - 1] }}</span
+            >
+          </el-col>
         </div>
         <div class="line">
           所在机构：
diff --git a/src/views/website/searchList/components/gainItem.vue b/src/views/website/searchList/components/gainItem.vue
index b9ce71c..4358d74 100644
--- a/src/views/website/searchList/components/gainItem.vue
+++ b/src/views/website/searchList/components/gainItem.vue
@@ -1,136 +1,144 @@
 <template>
-    <div class="box">
-        <div class="wrap">
-            <div class="img">
-                <!-- <img :src="data.image" alt /> -->
-                <img src="https://t7.baidu.com/it/u=1951548898,3927145&fm=193&f=GIF" />
-            </div>
-            <div class="content">
-                <div class="tit" @click="handleDetail(data.id)">{{ data.title }}</div>
-                <slot name="des" />
+  <div class="box">
+    <div class="wrap">
+      <div class="img">
+        <!-- <img :src="data.image" alt /> -->
+        <img src="./img/achieve.png" />
+      </div>
+      <div class="content">
+        <div class="tit" @click="handleDetail(data.id)">{{ data.title }}</div>
+        <slot name="des" />
 
-                <div v-if="data.industrys" class="line">
-                    所属领域：
-                    <span>{{ data.industrys[data.industrys.length - 1] }}</span>
-                </div>
-                <div class="line">
-                    合作模式：
-                    <span>{{ data.mode_title }}</span>
-                </div>
-                <div class="line">
-                    技术成熟度：
-                    <span>{{ data.maturity_title }}</span>
-                </div>
-            </div>
-            <div>
-                <div class="keywords">
-                    <wordcloud v-if="data.keywords" :data="createdData(data.customers)"></wordcloud>
-                </div>
-                <collectAndVisit :is_collect="data.is_collect" :collect_count="data.collect_count" :visit_count="data.visit_count" :object_id="data.id" :kind="1005"/>
-            </div>
+        <div v-if="data.industrys" class="line">
+          所属领域：
+          <span>{{ data.industrys[data.industrys.length - 1] }}</span>
         </div>
+        <div class="line">
+          合作模式：
+          <span>{{ data.mode_title }}</span>
+        </div>
+        <div class="line">
+          技术成熟度：
+          <span>{{ data.maturity_title }}</span>
+        </div>
+      </div>
+      <div>
+        <div class="keywords">
+          <wordcloud
+            v-if="data.keywords"
+            :data="createdData(data.customers)"
+          ></wordcloud>
+        </div>
+        <collectAndVisit
+          :is_collect="data.is_collect"
+          :collect_count="data.collect_count"
+          :visit_count="data.visit_count"
+          :object_id="data.id"
+          :kind="1005"
+        />
+      </div>
     </div>
+  </div>
 </template>
 
 <script setup>
-import wordcloud from './wordcloud.vue'
-import collectAndVisit from './collectAndVisit.vue'
+import wordcloud from "./wordcloud.vue";
+import collectAndVisit from "./collectAndVisit.vue";
 const router = useRouter();
 const props = defineProps({
-    data: {
-        type: Object,
-        required: true,
-    },
+  data: {
+    type: Object,
+    required: true,
+  },
 });
 
-function handleDetail (id) {
-    let routeData = router.resolve({ path: `/searchList/1/detail/${id}` });
-    window.open(routeData.href, '_blank');
+function handleDetail(id) {
+  let routeData = router.resolve({ path: `/searchList/1/detail/${id}` });
+  window.open(routeData.href, "_blank");
 }
 
-function createdData (arr) {
-    let l = [];
-    let snap = JSON.parse(JSON.stringify(arr))
-    snap.map(e => {
-        l.push({ name: e, value: 30 })
-        return { name: e, value: 30 }
-    })
-    return l;
+function createdData(arr) {
+  let l = [];
+  let snap = JSON.parse(JSON.stringify(arr));
+  snap.map((e) => {
+    l.push({ name: e, value: 30 });
+    return { name: e, value: 30 };
+  });
+  return l;
 }
-
 </script>
 
 <style lang="scss" scoped>
 .box {
-    width: 100%;
-    height: 190px;
-    background: #ffffff;
-    padding: 20px;
-    box-sizing: border-box;
-    .wrap {
-        display: flex;
-        flex-direction: row;
-        .img {
-            width: 200px;
-            height: 150px;
-            margin-right: 10px;
-            img {
-                display: block;
-                margin: 0;
-                width: 100%;
-                height: 100%;
-            }
-        }
-        .keywords {
-            width: 129px;
-            height: 129px;
-        }
-        .content {
-            flex: 1;
-            overflow: hidden;
-
-            .labelList {
-                overflow: hidden;
-                div {
-                    padding: 2px 4px;
-                    float: left;
-                    background: #0054ff;
-                    border-radius: 4px;
-                    margin-right: 5px;
-                    margin-bottom: 5px;
-                    font-size: 14px;
-                    font-family: Source Han Sans CN;
-                    font-weight: 400;
-                    color: #ffffff;
-                }
-            }
-
-            .line {
-                font-size: 16px;
-                font-family: Source Han Sans CN;
-                font-weight: 400;
-                color: #666666;
-                margin: 10px 0;
-                span {
-                    font-size: 16px;
-                    font-family: Source Han Sans CN;
-                    font-weight: 500;
-                    color: #333;
-                }
-            }
-            .tit {
-                overflow: hidden;
-                text-overflow: ellipsis;
-                white-space: nowrap;
-                width: 100%;
-                font-size: 20px;
-                font-family: Source Han Sans CN;
-                font-weight: bold;
-                color: #333333;
-                overflow: hidden;
-                cursor: pointer;
-            }
-        }
+  width: 100%;
+  height: 190px;
+  background: #ffffff;
+  padding: 20px;
+  box-sizing: border-box;
+  .wrap {
+    display: flex;
+    flex-direction: row;
+    .img {
+      width: 200px;
+      height: 150px;
+      margin-right: 10px;
+      img {
+        display: block;
+        margin: 0;
+        width: 100%;
+        height: 100%;
+      }
     }
+    .keywords {
+      width: 129px;
+      height: 129px;
+    }
+    .content {
+      flex: 1;
+      overflow: hidden;
+
+      .labelList {
+        overflow: hidden;
+        div {
+          padding: 2px 4px;
+          float: left;
+          background: #0054ff;
+          border-radius: 4px;
+          margin-right: 5px;
+          margin-bottom: 5px;
+          font-size: 14px;
+          font-family: Source Han Sans CN;
+          font-weight: 400;
+          color: #ffffff;
+        }
+      }
+
+      .line {
+        font-size: 16px;
+        font-family: Source Han Sans CN;
+        font-weight: 400;
+        color: #666666;
+        margin: 10px 0;
+        span {
+          font-size: 16px;
+          font-family: Source Han Sans CN;
+          font-weight: 500;
+          color: #333;
+        }
+      }
+      .tit {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        width: 100%;
+        font-size: 20px;
+        font-family: Source Han Sans CN;
+        font-weight: bold;
+        color: #333333;
+        overflow: hidden;
+        cursor: pointer;
+      }
+    }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/website/searchList/components/img/achieve.png b/src/views/website/searchList/components/img/achieve.png
new file mode 100644
index 0000000000000000000000000000000000000000..100b369040b40154aa5714fa39df87d5c92ae4cf
GIT binary patch
literal 6133
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

literal 0
HcmV?d00001

diff --git a/src/views/website/searchList/index1.vue b/src/views/website/searchList/index1.vue
index d7ef41b..c233c88 100644
--- a/src/views/website/searchList/index1.vue
+++ b/src/views/website/searchList/index1.vue
@@ -6,9 +6,9 @@
       @handleQuery="handleQuery"
     >
       <template v-slot>
-        <el-row type="flex" style="padding: 20px 0;">
+        <el-row type="flex" style="padding: 20px 0">
           <div style="flex: 1">
-            <div style="position: relative;">
+            <div style="position: relative">
               <industrySelect @industryChange="industryChange"></industrySelect>
               <div class="total">
                 共找到
@@ -16,7 +16,7 @@
               </div>
               <div v-loading="loading">
                 <section v-for="item in state.list" :key="item.id">
-                  <div style="border: 1px solid #DCDCDC;margin-bottom: 10px;">
+                  <div style="border: 1px solid #dcdcdc; margin-bottom: 10px">
                     <gainItem :data="item"></gainItem>
                   </div>
                 </section>
@@ -44,17 +44,20 @@
 
 <script setup>
 import webContact from "@/components/webContact/index.vue";
-import request from '@/utils/request'
+import request from "@/utils/request";
 const router = useRouter();
-import { onMounted } from 'vue';
-import searchContainer from './components/searchContainer.vue'
-import industrySelect from './components/industrySelect.vue'
-import gainItem from './components/gainItem.vue'
-import wordcloud from './components/wordcloud.vue'
+import { onMounted } from "vue";
+import searchContainer from "./components/searchContainer.vue";
+import industrySelect from "./components/industrySelect.vue";
+import gainItem from "./components/gainItem.vue";
+import wordcloud from "./components/wordcloud.vue";
 
-function handleDetail (id) {
-  let routeData = router.resolve({ path: `/searchList/0/detail/${id}`, query: { keyword: state.keyword } });
-  window.open(routeData.href, '_blank');
+function handleDetail(id) {
+  let routeData = router.resolve({
+    path: `/searchList/0/detail/${id}`,
+    query: { keyword: state.keyword },
+  });
+  window.open(routeData.href, "_blank");
 }
 
 const loading = ref(true);
@@ -63,33 +66,35 @@ const state = reactive({
   total: 1,
   pageSize: 10,
   pageSizes: [10, 10 << 1, 10 << 2, 10 << 3],
-  keyword: '',
+  keyword: "",
   industryList: [],
-  id1: '',
-  id2: '',
-  id3: '',
+  id1: "",
+  id2: "",
+  id3: "",
   val: 3,
-  arr: [{
-    "name": "Cat",
-    "value": 26
-  },
-  {
-    "name": "fish",
-    "value": 19
-  }]
+  arr: [
+    {
+      name: "Cat",
+      value: 26,
+    },
+    {
+      name: "fish",
+      value: 19,
+    },
+  ],
 });
 
-function createdData (arr) {
+function createdData(arr) {
   let l = [];
-  let snap = JSON.parse(JSON.stringify(arr))
-  snap.map(e => {
-    l.push({ name: e, value: 30 })
-    return { name: e, value: 30 }
-  })
+  let snap = JSON.parse(JSON.stringify(arr));
+  snap.map((e) => {
+    l.push({ name: e, value: 30 });
+    return { name: e, value: 30 };
+  });
   return l;
 }
-function search () {
-  let industry = '';
+function search() {
+  let industry = "";
   if (state.id1) {
     industry += state.id1;
   }
@@ -100,19 +105,23 @@ function search () {
     industry += `-${state.id3}`;
   }
   return request({
-    url: '/v1/search',
-    method: 'post',
-    data: { industry, mode: 2, page_num: state.pageNum, page_size: state.pageSize, keyword: state.keyword }
-  })
+    url: "/v1/search",
+    method: "post",
+    data: {
+      industry,
+      mode: 2,
+      page_num: state.pageNum,
+      page_size: state.pageSize,
+      keyword: state.keyword,
+    },
+  });
 }
 
-
-
-function handleQuery (keyword) {
+function handleQuery(keyword) {
   state.keyword = keyword;
-  getDataList()
+  getDataList();
 }
-function industryChange (industry) {
+function industryChange(industry) {
   if (industry.id1) {
     state.id1 = industry.id1;
   }
@@ -122,23 +131,25 @@ function industryChange (industry) {
   if (industry.id3) {
     state.id3 = industry.id3;
   }
-  getDataList()
+  getDataList();
 }
 
-function getDataList () {
+function getDataList() {
   loading.value = true;
-  search().then(res => {
-    if (200 == res.code) {
-      // 总条数
-      state.total = res.data.count;
-      state.list = res.data.data;
+  search()
+    .then((res) => {
+      if (200 == res.code) {
+        console.log(res);
+        // 总条数
+        state.total = res.data.count;
+        state.list = res.data.data;
+        loading.value = false;
+      }
+    })
+    .catch(() => {
       loading.value = false;
-    }
-  }).catch(() => {
-    loading.value = false;
-  })
+    });
 }
-
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/views/website/searchList/index1Detail.vue b/src/views/website/searchList/index1Detail.vue
index b9b9012..2c355e7 100644
--- a/src/views/website/searchList/index1Detail.vue
+++ b/src/views/website/searchList/index1Detail.vue
@@ -1,295 +1,310 @@
 <template>
-    <div v-loading="loading">
-        <searchContainer bannerKey="首页>成果列表" title="成果库" @handleQuery="handleQuery">
-            <template v-slot>
-                <div class="head">
-                    <el-breadcrumb separator="/">
-                        <el-breadcrumb-item>
-                            <span class="one">找成果</span>
-                        </el-breadcrumb-item>
-                        <el-breadcrumb-item>
-                            <span>成果详情</span>
-                        </el-breadcrumb-item>
-                    </el-breadcrumb>
-                </div>
-                <el-row type="flex" style="padding-bottom: 20px;">
-                    <div style="flex: 1">
-                        <gainItem :data="state.expertDetail">
-                            <template v-slot:des>
-                                <div>{{state.expertDetail.introduce}}</div>
-                            </template>
-                        </gainItem>
-                        <div class="btns">
-                            <div class="order">预约对接</div>
-                            <div class="share">一键分享</div>
-                        </div>
+  <div v-loading="loading">
+    <searchContainer
+      bannerKey="首页>成果库>成果详情"
+      title="成果库"
+      @handleQuery="handleQuery"
+    >
+      <template v-slot>
+        <div class="head">
+          <el-breadcrumb separator="/">
+            <el-breadcrumb-item>
+              <span class="one">找成果</span>
+            </el-breadcrumb-item>
+            <el-breadcrumb-item>
+              <span>成果详情</span>
+            </el-breadcrumb-item>
+          </el-breadcrumb>
+        </div>
+        <el-row type="flex" style="padding-bottom: 20px">
+          <div style="flex: 1">
+            <gainItem :data="state.expertDetail">
+              <template v-slot:des>
+                <div>{{ state.expertDetail.introduce }}</div>
+              </template>
+            </gainItem>
+            <div class="btns">
+              <div class="order">预约对接</div>
+              <div class="share">一键分享</div>
+            </div>
 
-                        <div class="detail">
-                            <div style="padding: 20px 0;">
-                                <div class="pointTit">技术视频</div>
-                            </div>
-                            <div style="padding: 20px 0;">
-                                <div class="pointTit">产品详情</div>
-                            </div>
-                            <div class="html" v-html="state.expertDetail.introduce"></div>
-                        </div>
-                    </div>
-                    <div class="r">
-                        <webContact />
-                    </div>
-                </el-row>
-            </template>
-        </searchContainer>
-    </div>
+            <div class="detail">
+              <div style="padding: 20px 0">
+                <div class="pointTit">技术视频</div>
+              </div>
+              <div style="padding: 20px 0">
+                <div class="pointTit">产品详情</div>
+              </div>
+              <div class="html" v-html="state.expertDetail.introduce"></div>
+            </div>
+          </div>
+          <div class="r">
+            <webContact />
+          </div>
+        </el-row>
+      </template>
+    </searchContainer>
+  </div>
 </template>
 
 <script setup>
 import webContact from "@/components/webContact/index.vue";
-import gainItem from './components/gainItem.vue'
-import loadMore from './components/loadMore.vue'
-import request from '@/utils/request'
+import gainItem from "./components/gainItem.vue";
+import loadMore from "./components/loadMore.vue";
+import request from "@/utils/request";
 const router = useRouter();
 const route = useRoute();
-import { onMounted } from 'vue';
-import searchContainer from './components/searchContainer.vue'
-import wordcloud from './components/wordcloud.vue'
-import productItem from './components/productItem.vue'
+import { onMounted } from "vue";
+import searchContainer from "./components/searchContainer.vue";
+import wordcloud from "./components/wordcloud.vue";
+import productItem from "./components/productItem.vue";
 const loading = ref(true);
 const state = reactive({
-    pageNum: 1,
-    pageSize: 4,
-    keyword: '',
-    val: 3,
-    expertDetail: {},
-    arr: [{
-        "name": "Cat",
-        "value": 26
+  pageNum: 1,
+  pageSize: 4,
+  keyword: "",
+  val: 3,
+  expertDetail: {},
+  arr: [
+    {
+      name: "Cat",
+      value: 26,
     },
     {
-        "name": "fish",
-        "value": 19
-    }],
-    activeName: 'first'
+      name: "fish",
+      value: 19,
+    },
+  ],
+  activeName: "first",
 });
 
 // 建议 列表前4条
-function recommend () {
-    return request({
-        url: '/v1/search',
-        method: 'post',
-        data: { mode: 5, page_num: state.pageNum, page_size: state.pageSize, keyword: state.keyword }
-    })
+function recommend() {
+  return request({
+    url: "/v1/search",
+    method: "post",
+    data: {
+      mode: 5,
+      page_num: state.pageNum,
+      page_size: state.pageSize,
+      keyword: state.keyword,
+    },
+  });
 }
 
 // 成果详情
-function achievementDetail (id) {
-    return request({
-        url: '/v1/technology/achievement/detail',
-        method: 'post',
-        data: { id: id }
-    })
+function achievementDetail(id) {
+  return request({
+    url: "/v1/technology/achievement/detail",
+    method: "post",
+    data: { id: id },
+  });
 }
 
-
-function createdData (arr) {
-    let l = [];
-    let snap = JSON.parse(JSON.stringify(arr))
-    snap.map(e => {
-        l.push({ name: e, value: 30 })
-        return { name: e, value: 30 }
-    })
-    return l;
+function createdData(arr) {
+  let l = [];
+  let snap = JSON.parse(JSON.stringify(arr));
+  snap.map((e) => {
+    l.push({ name: e, value: 30 });
+    return { name: e, value: 30 };
+  });
+  return l;
 }
 
-function handleDetail (id) {
-    let routeData = router.resolve({ path: `/searchList/0/detail/${id}`, query: { keyword: state.keyword } });
-    window.open(routeData.href, '_blank');
+function handleDetail(id) {
+  let routeData = router.resolve({
+    path: `/searchList/0/detail/${id}`,
+    query: { keyword: state.keyword },
+  });
+  window.open(routeData.href, "_blank");
 }
 
-function handleList (mode, keyword) {
-    router.push({ path: `/searchList/${mode}`, query: { keyword } });
+function handleList(mode, keyword) {
+  router.push({ path: `/searchList/${mode}`, query: { keyword } });
 }
 
 // 首次加载数据，其后跳转页面
 let flag = true;
 
-function handleQuery (keyword) {
-    state.keyword = keyword;
-    if (flag) {
-        getDataList();
-        flag = false;
-    } else {
-        handleList(0, keyword);
-    }
+function handleQuery(keyword) {
+  state.keyword = keyword;
+  if (flag) {
+    getDataList();
+    flag = false;
+  } else {
+    handleList(0, keyword);
+  }
 }
 
-
-function getDataList () {
-    loading.value = true;
-    let id = route.params.id;
-    if (!id) return
-    achievementDetail(id).then(res => {
-        if (200 == res.code) {
-            state.expertDetail = res.data;
-            loading.value = false;
-        }
-    }).catch(() => {
+function getDataList() {
+  loading.value = true;
+  let id = route.params.id;
+  if (!id) return;
+  achievementDetail(id)
+    .then((res) => {
+      if (200 == res.code) {
+        console.log(res.data);
+        state.expertDetail = res.data;
         loading.value = false;
+      }
+    })
+    .catch(() => {
+      loading.value = false;
     });
 }
 </script>
 
 <style lang="scss" scoped>
 :deep(.el-tabs) {
-    .el-tabs__item {
-        color: #666666;
-        font-size: 14px;
-    }
-    .el-tabs__item:hover {
-        opacity: 0.8;
-    }
+  .el-tabs__item {
+    color: #666666;
+    font-size: 14px;
+  }
+  .el-tabs__item:hover {
+    opacity: 0.8;
+  }
 
-    .el-tabs__item.is-active {
-        font-size: 16px;
-        font-family: Source Han Sans CN;
-        font-weight: bold;
-        color: #333333;
-    }
-    .el-tabs__active-bar {
-        background-color: #333333;
-        height: 4px;
-    }
+  .el-tabs__item.is-active {
+    font-size: 16px;
+    font-family: Source Han Sans CN;
+    font-weight: bold;
+    color: #333333;
+  }
+  .el-tabs__active-bar {
+    background-color: #333333;
+    height: 4px;
+  }
 
-    .el-tabs__nav-wrap::after {
-        background-color: transparent;
-    }
+  .el-tabs__nav-wrap::after {
+    background-color: transparent;
+  }
 }
 .head {
-    padding: 15px 0px;
-    span {
-        font-size: 16px;
-        font-family: Source Han Sans CN;
-        font-weight: 400;
-        color: #666666;
-    }
-    .one {
-        color: #333333;
-    }
+  padding: 15px 0px;
+  span {
+    font-size: 16px;
+    font-family: Source Han Sans CN;
+    font-weight: 400;
+    color: #666666;
+  }
+  .one {
+    color: #333333;
+  }
 }
 .r {
-    display: inline-block;
-    width: 325px;
-    margin-left: 14px;
-    min-height: 200px;
+  display: inline-block;
+  width: 325px;
+  margin-left: 14px;
+  min-height: 200px;
 }
 
 .detail {
-    width: 661px;
-    box-sizing: border-box;
-    padding: 20px;
-    background: #fff;
-    .describe {
-        font-size: 14px;
-        font-family: Source Han Sans CN;
-        font-weight: 400;
-        color: #666666;
-        margin-bottom: 5px;
-    }
+  width: 661px;
+  box-sizing: border-box;
+  padding: 20px;
+  background: #fff;
+  .describe {
+    font-size: 14px;
+    font-family: Source Han Sans CN;
+    font-weight: 400;
+    color: #666666;
+    margin-bottom: 5px;
+  }
 }
 
 .pointTit {
-    position: relative;
-    padding-left: 10px;
-    font-size: 16px;
-    font-family: Source Han Sans CN;
-    font-weight: 500;
-    color: #333333;
-    &:before {
-        content: "";
-        top: 8px;
-        left: 0px;
-        position: absolute;
-        display: block;
-        width: 5px;
-        height: 5px;
-        background: #0054ff;
-    }
+  position: relative;
+  padding-left: 10px;
+  font-size: 16px;
+  font-family: Source Han Sans CN;
+  font-weight: 500;
+  color: #333333;
+  &:before {
+    content: "";
+    top: 8px;
+    left: 0px;
+    position: absolute;
+    display: block;
+    width: 5px;
+    height: 5px;
+    background: #0054ff;
+  }
 }
 
 .btns {
-    overflow: hidden;
-    padding: 0 20px 20px 20px;
-    width: 100%;
-    background-color: #fff;
-    margin-top: -20px;
-    div {
-        margin-top: 20px;
-        text-align: center;
-        float: right;
-        cursor: pointer;
-        user-select: none;
-        width: 101px;
-        height: 36px;
-        font-size: 14px;
-        font-family: Source Han Sans CN;
-        font-weight: 400;
-        line-height: 36px;
-        box-sizing: border-box;
-        &:hover {
-            opacity: 0.7;
-        }
-    }
-    .share {
-        color: #333333;
-        background: #f2f6ff;
-        border: 1px solid #dcdcdc;
-        margin-right: 10px;
-    }
-    .order {
-        background: #0054ff;
-        color: #ffffff;
-        border: none;
+  overflow: hidden;
+  padding: 0 20px 20px 20px;
+  width: 100%;
+  background-color: #fff;
+  margin-top: -20px;
+  div {
+    margin-top: 20px;
+    text-align: center;
+    float: right;
+    cursor: pointer;
+    user-select: none;
+    width: 101px;
+    height: 36px;
+    font-size: 14px;
+    font-family: Source Han Sans CN;
+    font-weight: 400;
+    line-height: 36px;
+    box-sizing: border-box;
+    &:hover {
+      opacity: 0.7;
     }
+  }
+  .share {
+    color: #333333;
+    background: #f2f6ff;
+    border: 1px solid #dcdcdc;
+    margin-right: 10px;
+  }
+  .order {
+    background: #0054ff;
+    color: #ffffff;
+    border: none;
+  }
 }
 
 .achievementItem,
 .loadMoreItem {
-    padding: 20px;
-    background-color: #fff;
-    margin-bottom: 10px;
-    .tit {
-        margin-left: -8px;
-        font-size: 16px;
-        font-family: Source Han Sans CN;
-        font-weight: bold;
-        color: #333333;
-    }
-    .line {
-        margin: 10px 0;
-        font-size: 14px;
-        font-family: Source Han Sans CN;
-        font-weight: 400;
-        color: #666666;
-    }
+  padding: 20px;
+  background-color: #fff;
+  margin-bottom: 10px;
+  .tit {
+    margin-left: -8px;
+    font-size: 16px;
+    font-family: Source Han Sans CN;
+    font-weight: bold;
+    color: #333333;
+  }
+  .line {
+    margin: 10px 0;
+    font-size: 14px;
+    font-family: Source Han Sans CN;
+    font-weight: 400;
+    color: #666666;
+  }
 }
 
 .patentItem {
-    padding: 20px;
-    background-color: #fff;
-    margin-bottom: 10px;
-    .tit {
-        font-size: 16px;
-        font-family: Source Han Sans CN;
-        font-weight: bold;
-        color: #333333;
-    }
-    .line {
-        padding-left: 8px;
-        margin: 10px 0;
-        font-size: 14px;
-        font-family: Source Han Sans CN;
-        font-weight: 400;
-        color: #666666;
-    }
+  padding: 20px;
+  background-color: #fff;
+  margin-bottom: 10px;
+  .tit {
+    font-size: 16px;
+    font-family: Source Han Sans CN;
+    font-weight: bold;
+    color: #333333;
+  }
+  .line {
+    padding-left: 8px;
+    margin: 10px 0;
+    font-size: 14px;
+    font-family: Source Han Sans CN;
+    font-weight: 400;
+    color: #666666;
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/website/searchList/index3.vue b/src/views/website/searchList/index3.vue
index acf1088..6ecc58f 100644
--- a/src/views/website/searchList/index3.vue
+++ b/src/views/website/searchList/index3.vue
@@ -6,9 +6,9 @@
       @handleQuery="handleQuery"
     >
       <template v-slot>
-        <el-row type="flex" style="padding: 20px 0;">
+        <el-row type="flex" style="padding: 20px 0">
           <div style="flex: 1">
-            <div style="position: relative;">
+            <div style="position: relative">
               <industrySelect @industryChange="industryChange"></industrySelect>
               <div class="total">
                 共找到
@@ -16,7 +16,7 @@
               </div>
               <div v-loading="loading">
                 <section v-for="item in state.list" :key="item.id">
-                  <div style="border: 1px solid #DCDCDC;margin-bottom: 10px;">
+                  <div style="border: 1px solid #dcdcdc; margin-bottom: 10px">
                     <gainItem :data="item"></gainItem>
                   </div>
                 </section>
@@ -44,17 +44,20 @@
 
 <script setup>
 import webContact from "@/components/webContact/index.vue";
-import request from '@/utils/request'
+import request from "@/utils/request";
 const router = useRouter();
-import { onMounted } from 'vue';
-import searchContainer from './components/searchContainer.vue'
-import industrySelect from './components/industrySelect.vue'
-import gainItem from './components/gainItem.vue'
-import wordcloud from './components/wordcloud.vue'
+import { onMounted } from "vue";
+import searchContainer from "./components/searchContainer.vue";
+import industrySelect from "./components/industrySelect.vue";
+import gainItem from "./components/gainItem.vue";
+import wordcloud from "./components/wordcloud.vue";
 
-function handleDetail (id) {
-  let routeData = router.resolve({ path: `/searchList/0/detail/${id}`, query: { keyword: state.keyword } });
-  window.open(routeData.href, '_blank');
+function handleDetail(id) {
+  let routeData = router.resolve({
+    path: `/searchList/0/detail/${id}`,
+    query: { keyword: state.keyword },
+  });
+  window.open(routeData.href, "_blank");
 }
 
 const loading = ref(true);
@@ -63,33 +66,35 @@ const state = reactive({
   total: 1,
   pageSize: 10,
   pageSizes: [10, 10 << 1, 10 << 2, 10 << 3],
-  keyword: '',
+  keyword: "",
   industryList: [],
-  id1: '',
-  id2: '',
-  id3: '',
+  id1: "",
+  id2: "",
+  id3: "",
   val: 3,
-  arr: [{
-    "name": "Cat",
-    "value": 26
-  },
-  {
-    "name": "fish",
-    "value": 19
-  }]
+  arr: [
+    {
+      name: "Cat",
+      value: 26,
+    },
+    {
+      name: "fish",
+      value: 19,
+    },
+  ],
 });
 
-function createdData (arr) {
+function createdData(arr) {
   let l = [];
-  let snap = JSON.parse(JSON.stringify(arr))
-  snap.map(e => {
-    l.push({ name: e, value: 30 })
-    return { name: e, value: 30 }
-  })
+  let snap = JSON.parse(JSON.stringify(arr));
+  snap.map((e) => {
+    l.push({ name: e, value: 30 });
+    return { name: e, value: 30 };
+  });
   return l;
 }
-function search () {
-  let industry = '';
+function search() {
+  let industry = "";
   if (state.id1) {
     industry += state.id1;
   }
@@ -100,19 +105,23 @@ function search () {
     industry += `-${state.id3}`;
   }
   return request({
-    url: '/v1/search',
-    method: 'post',
-    data: { industry, mode: 3, page_num: state.pageNum, page_size: state.pageSize, keyword: state.keyword }
-  })
+    url: "/v1/search",
+    method: "post",
+    data: {
+      industry,
+      mode: 4,
+      page_num: state.pageNum,
+      page_size: state.pageSize,
+      keyword: state.keyword,
+    },
+  });
 }
 
-
-
-function handleQuery (keyword) {
+function handleQuery(keyword) {
   state.keyword = keyword;
-  getDataList()
+  getDataList();
 }
-function industryChange (industry) {
+function industryChange(industry) {
   if (industry.id1) {
     state.id1 = industry.id1;
   }
@@ -122,23 +131,24 @@ function industryChange (industry) {
   if (industry.id3) {
     state.id3 = industry.id3;
   }
-  getDataList()
+  getDataList();
 }
 
-function getDataList () {
+function getDataList() {
   loading.value = true;
-  search().then(res => {
-    if (200 == res.code) {
-      // 总条数
-      state.total = res.data.count;
-      state.list = res.data.data;
+  search()
+    .then((res) => {
+      if (200 == res.code) {
+        // 总条数
+        state.total = res.data.count;
+        state.list = res.data.data;
+        loading.value = false;
+      }
+    })
+    .catch(() => {
       loading.value = false;
-    }
-  }).catch(() => {
-    loading.value = false;
-  })
+    });
 }
-
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/views/website/searchList/index4Detail.vue b/src/views/website/searchList/index4Detail.vue
index 0ec6b49..ae4d776 100644
--- a/src/views/website/searchList/index4Detail.vue
+++ b/src/views/website/searchList/index4Detail.vue
@@ -483,6 +483,13 @@ function getDataList() {
   expert(id)
     .then((res) => {
       if (200 == res.code) {
+        let str = " ".repeat(8);
+        let nbsp = "\u00A0".repeat(8);
+        res.data.introduce = res.data.introduce.replace(/\n/g, "<br>");
+        res.data.introduce = res.data.introduce.replace(
+          new RegExp(str, "g"),
+          nbsp
+        );
         state.expertDetail = res.data;
         loading.value = false;
       }