From 6ef97698151ff7c514ab5d04bc7282054eff6d2f Mon Sep 17 00:00:00 2001
From: lideqin <694785430@qq.com>
Date: Wed, 15 Nov 2023 16:13:22 +0800
Subject: [PATCH] =?UTF-8?q?[update]=20=E8=81=94=E8=B0=83=E4=B8=80=E8=88=AC?=
 =?UTF-8?q?=E6=A3=80=E7=B4=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/dashboard.js                          |  11 +-
 src/views/dashboard/search/AdvancedSearch.vue |  99 +++----
 src/views/dashboard/search/GeneralSearch.vue  | 279 +++++++++---------
 .../search/modules/SearchHistoryModal.vue     |   6 +-
 4 files changed, 189 insertions(+), 206 deletions(-)

diff --git a/src/api/dashboard.js b/src/api/dashboard.js
index aceb2a63..6f1ce245 100644
--- a/src/api/dashboard.js
+++ b/src/api/dashboard.js
@@ -1,4 +1,4 @@
-import { getAction, postAction } from './manage'
+import { getAction } from './manage'
 // 获取检索历史数据
 const getSearchHistoryData = (params) => getAction('/home/lawsHomeNormalSearchHistory/page', params)
 // 一般检索(标题)——资源类型改变获取下面筛选项统计数据
@@ -9,12 +9,6 @@ const generalSearchTitleSearch = (params) => getAction('/home/lawsHomeSearch/get
 const getSearchParamNumFullText = (params) => getAction('/home/lawsHomeSearch/getNormalSearchAllCount', params)
 // 一般检索（全文）—— 查询
 const generalSearchFullTextSearch = (params) => getAction('/home/lawsHomeSearch/getNormalSearchAllPage', params)
-// 一般检索-国内标准获取展示字段
-const getDomesticStandardField = (params) => getAction('/laws/standard/domestic/getFormModel', params)
-// 一般检索-国外标准获取展示字段
-const getOverseasStandardField = (params) => getAction('/laws/standard/overseas/getFormModel', params)
-// 一般检索-企标获取展示字段
-const getEnterpriseStandardField = (params) => getAction('/laws/standard/enterprise/getFormModel', params)
 
 // 国内标准的高级搜索，查询搜索条件
 const getDomesticStandardQuery = (params) => getAction('/laws/standard/domestic/getQueryCondition', params)
@@ -36,9 +30,6 @@ export {
   generalSearchTitleSearch,
   getSearchParamNumFullText,
   generalSearchFullTextSearch,
-  getDomesticStandardField,
-  getOverseasStandardField,
-  getEnterpriseStandardField,
   getDomesticStandardQuery,
   getOverseasStandardQuery,
   getEnterStandardQuery,
diff --git a/src/views/dashboard/search/AdvancedSearch.vue b/src/views/dashboard/search/AdvancedSearch.vue
index 63e70414..880d60fa 100644
--- a/src/views/dashboard/search/AdvancedSearch.vue
+++ b/src/views/dashboard/search/AdvancedSearch.vue
@@ -2,7 +2,7 @@
   <a-card :bordered="false">
     <!--  一般检索和高级检索的tab切换  -->
     <div class="tab-wrapper">
-      <span class="tab-title">一般检索</span>
+      <span class="tab-title" @click="clickGeneralSearch">一般检索</span>
       <span class="tab-title tab-title-curr">高级检索</span>
       <a @click="handleToggleChange">{{ toggleSearchStatus ? '收起条件' : '展开条件' }}</a>
     </div>
@@ -25,8 +25,8 @@
                :key="item.id"
                style="line-height: 48px">
           <!-- 树形选择器 -->
-          <template v-if="item.fieldShowType === FieldType.TREE.value">
-            <a-form-item :label="item.dbFieldTxt" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-form-item :label="item.dbFieldTxt" :labelCol="labelCol" :wrapperCol="wrapperCol" :colon="false">
+            <template v-if="item.fieldShowType === FieldType.TREE.value">
               <a-tree-select
                 tree-node-filter-prop="title"
                 v-model="queryParam[item.dbFieldName]"
@@ -36,11 +36,9 @@
                 tree-checkable
                 :placeholder="$t('pleaseSelect')+item.dbFieldTxt"
               />
-            </a-form-item>
-          </template>
-          <!--   树形选择器（单选）   -->
-          <template v-if="item.fieldShowType === FieldType.TREE_SINGLE.value">
-            <a-form-item :label="item.dbFieldTxt" :labelCol="labelCol" :wrapperCol="wrapperCol">
+            </template>
+            <!--   树形选择器（单选）   -->
+            <template v-if="item.fieldShowType === FieldType.TREE_SINGLE.value">
               <a-tree-select
                 tree-node-filter-prop="title"
                 v-model="queryParam[item.dbFieldName]"
@@ -49,55 +47,38 @@
                 :tree-data="optionsData[item.dbFieldName]"
                 :placeholder="$t('pleaseSelect')+item.dbFieldTxt"
               />
-            </a-form-item>
-          </template>
-          <!--  输入框 -->
-          <template
-            v-if="[FieldType.TEXT_BOX.value, FieldType.TEXTAREA.value,FieldType.USER_SINGLE.value,
+            </template>
+            <!--  输入框 -->
+            <template
+              v-if="[FieldType.TEXT_BOX.value, FieldType.TEXTAREA.value,FieldType.USER_SINGLE.value,
                 FieldType.STANDARD_MORE.value,FieldType.TREE_MODAL_SELECT.value]
                 .includes(item.fieldShowType)">
-            <a-form-item :label="item.dbFieldTxt" :labelCol="labelCol" :wrapperCol="wrapperCol">
               <a-input :placeholder="$t('pleaseEnter')+item.dbFieldTxt"
                        v-model="queryParam[item.dbFieldName]"></a-input>
-            </a-form-item>
-          </template>
-          <!--   数字输入框  -->
-          <!--          <template v-else-if="item.fieldShowType === FieldType.TEXT_NUMBER.value">-->
-          <!--            <a-form-item :label="item.dbFieldTxt" :labelCol="labelCol" :wrapperCol="wrapperCol">-->
-          <!--              <a-input-number :placeholder="$t('pleaseEnter')+item.dbFieldTxt"-->
-          <!--                              v-model="queryParam[item.dbFieldName]" :min="1" :max="99999999"/>-->
-          <!--            </a-form-item>-->
-          <!--          </template>-->
-          <!--   日期区间  -->
-          <template v-else-if="[FieldType.DATE_SINGLE.value, FieldType.DATE_MORE.value].includes(item.fieldShowType)">
-            <a-form-item :label="item.dbFieldTxt" :labelCol="labelCol" :wrapperCol="wrapperCol">
+            </template>
+            <!--   日期区间  -->
+            <template v-else-if="[FieldType.DATE_SINGLE.value, FieldType.DATE_MORE.value].includes(item.fieldShowType)">
               <a-range-picker v-model="queryParam[item.dbFieldName]"
                               :placeholder="$t('pleaseSelect')+item.dbFieldTxt"
                               format="YYYY-MM-DD" value-format="YYYY-MM-DD"
                               @change="onChange(item.dbFieldName)"></a-range-picker>
-            </a-form-item>
-          </template>
-          <!--  字典单选框  -->
-          <template v-else-if="item.fieldShowType === FieldType.OPTION_SINGLE.value">
-            <a-form-item :label="item.dbFieldTxt" :labelCol="labelCol" :wrapperCol="wrapperCol">
+            </template>
+            <!--  字典单选框  -->
+            <template v-else-if="item.fieldShowType === FieldType.OPTION_SINGLE.value">
               <j-dict-select-tag v-model="queryParam[item.dbFieldName]"
                                  :placeholder="$t('pleaseSelect')+item.dbFieldTxt"
                                  :type="'select'"
                                  :triggerChange="false" :dictCode="item.dictField" />
-            </a-form-item>
-          </template>
-          <!--  字典多选框  -->
-          <template v-else-if="item.fieldShowType === FieldType.OPTION_MORE.value">
-            <a-form-item :label="item.dbFieldTxt" :labelCol="labelCol" :wrapperCol="wrapperCol">
+            </template>
+            <!--  字典多选框  -->
+            <template v-else-if="item.fieldShowType === FieldType.OPTION_MORE.value">
               <j-multi-select-tag v-model="queryParam[item.dbFieldName]"
                                   :placeholder="$t('pleaseSelect')+item.dbFieldTxt"
                                   :type="'select'" :maxTagCount="1"
                                   :triggerChange="false" :dictCode="item.dictField"/>
-            </a-form-item>
-          </template>
-          <!--   组织机构选择  -->
-          <template v-else-if="item.fieldShowType === FieldType.ORGAN_SINGLE.value">
-            <a-form-item :label="item.dbFieldTxt" :labelCol="labelCol" :wrapperCol="wrapperCol">
+            </template>
+            <!--   组织机构选择  -->
+            <template v-else-if="item.fieldShowType === FieldType.ORGAN_SINGLE.value">
               <a-tree-select
                 tree-node-filter-prop="title"
                 v-model="queryParam[item.dbFieldName]"
@@ -109,11 +90,9 @@
                 :tree-data="categoryTreeList"
                 :placeholder="$t('pleaseSelect') + item.dbFieldTxt"
               />
-            </a-form-item>
-          </template>
-          <!--  组织机构多选  -->
-          <template v-else-if="item.fieldShowType === FieldType.ORGAN_MORE.value">
-            <a-form-item :label="item.dbFieldTxt" :labelCol="labelCol" :wrapperCol="wrapperCol">
+            </template>
+            <!--  组织机构多选  -->
+            <template v-else-if="item.fieldShowType === FieldType.ORGAN_MORE.value">
               <a-tree-select
                 tree-node-filter-prop="title"
                 v-model="queryParam[item.dbFieldName]"
@@ -127,26 +106,23 @@
                 treeCheckable
                 treeCheckStrictly
               />
-            </a-form-item>
-          </template>
-          <!--  年份选择 -->
-          <template
-            v-if="item.fieldShowType === FieldType.YEAR_PICKER.value">
-            <a-form-item :label="item.dbFieldTxt" :labelCol="labelCol" :wrapperCol="wrapperCol">
+            </template>
+            <!--  年份选择 -->
+            <template v-else-if="item.fieldShowType === FieldType.YEAR_PICKER.value">
               <j-date show-type="year"
                       :allowClear="false"
                       v-model="queryParam[item.dbFieldName]"
                       date-format="YYYY"
                       :placeholder="$t('pleaseSelect')+item.dbFieldTxt" />
-            </a-form-item>
-          </template>
+            </template>
+          </a-form-item>
         </a-col>
       </a-row>
-      <div class="table-page-search-submitButtons">
-        <a-button icon="search" type="primary" @click="searchQuery" :loading="loading">{{ $t('query') }}</a-button>
-        <a-button icon="reload" type="primary" ghost style="margin-left: 8px" @click="searchReset" :loading="loading">{{ $t('reset') }}</a-button>
-      </div>
     </a-form>
+    <div class="table-page-search-submitButtons">
+      <a-button icon="search" type="primary" @click="searchQuery" :loading="loading">{{ $t('query') }}</a-button>
+      <a-button icon="reload" type="primary" ghost style="margin-left: 8px" @click="searchReset" :loading="loading">{{ $t('reset') }}</a-button>
+    </div>
     <div>
       <j-table
         :can-drag="true"
@@ -243,6 +219,12 @@ export default {
     this.getSysCategoryTree()
   },
   methods: {
+    // 点击一般检索
+    clickGeneralSearch () {
+      this.$router.push({
+        path: '/generalSearch'
+      })
+    },
     // 标准类型改变
     standardTypeChange (value) {
       this.currStandardType = value
@@ -447,5 +429,6 @@ export default {
 
 .table-page-search-submitButtons {
   text-align: center;
+  margin-top: 10px;
 }
 </style>
diff --git a/src/views/dashboard/search/GeneralSearch.vue b/src/views/dashboard/search/GeneralSearch.vue
index b102ad98..1e23da6b 100644
--- a/src/views/dashboard/search/GeneralSearch.vue
+++ b/src/views/dashboard/search/GeneralSearch.vue
@@ -1,96 +1,102 @@
 <template>
-  <a-card :bordered="false" :loading="loading">
-    <!--  搜索框部分  -->
-    <div class="top-search-div">
-      <div class="top-search-div-content">
-        <a-input-search class="input-search"
-                        :placeholder="$t('pleaseEnter')+$t('dashboard.generalSearch.queryCondition')"
-                        v-model="searchValue"
-                        @search="onSearch">
-          <a-button type="primary" slot="enterButton">
-            <i class="iconfont icon-Searchbar_Search_icon"></i>
-          </a-button>
-        </a-input-search>
-        <a class="search-link" @click="clickAdvancedSearch">{{ $t('dashboard.generalSearch.advancedSearch') }}</a>
-        <a class="search-link">{{ $t('dashboard.generalSearch.homePage') }}</a>
-        <a class="search-link" @click="clickSearchHistory">{{ $t('dashboard.generalSearch.searchHistory') }}</a>
-      </div>
-    </div>
-    <!--  筛选区域 -->
-    <div class="filter-area-div" ref="filterArea">
-      <!--   检索方式  -->
-      <a-row :gutter="24" class="filter-row">
-        <a-col :md="6" class="label-col"><span class="search_label">{{ $t('dashboard.generalSearch.retrievalMode') }}</span></a-col>
-        <a-col :md="18" class="option-col">
-          <div v-for="item in retrievalModeOptions" :key="item.key" class="option-div" :class="retrievalModeCurrent === item.key ? 'option-curr' : ''" @click="retrievalModeChange(item.key)">
-            {{ item.label }}
-          </div>
-        </a-col>
-      </a-row>
-      <!--   资源类型  -->
-      <a-row :gutter="24" class="filter-row">
-        <a-col :md="6" class="label-col"><span class="search_label">{{ $t('dashboard.generalSearch.resourceType') }}</span></a-col>
-        <a-col :md="18" class="option-col">
-          <div v-for="item in resourceTypeOptions" :key="item.key" class="option-div" :class="resourceTypeCurrent === item.key ? 'option-curr' : ''" @click="resourceTypeChange(item.key)">
-            {{ item.label }}
-          </div>
-        </a-col>
-      </a-row>
-      <!--   其他筛选条件  -->
-      <template v-if="toggleSearchStatus">
-        <template v-for="(value, key) in selectOptions">
-          <div :key="key" :gutter="24" class="filter-row">
-            <div class="label-col"><span class="search_label">{{ value.label }}</span></div>
-            <div class="option-col">
-              <div v-for="item in value.options" :key="item.itemValue" class="option-div" :class="value.current === item.itemValue ? 'option-curr' : ''" @click="selectOptionsChange(key, item.itemValue)">
-                <span>{{ item.itemText }}<span v-if="item.statisticsCount || item.statisticsCount === 0">(<span class="option-span-num">{{ item.statisticsCount }}</span>)</span></span>
-              </div>
-            </div>
-          </div>
-        </template>
-      </template>
-      <div class="toggle-div" @click="handleToggleChange" v-if="selectOptions && Object.keys(selectOptions).length !== 0">
-        <a-icon :type="toggleSearchStatus ? 'up' : 'down'"/>
-        {{ toggleSearchStatus ? $t('putAway') : $t('open') }}
-      </div>
-    </div>
-    <template v-if="dataSource && dataSource.length > 0">
-      <!--  查询结果展示区域  -->
-      <div class="result-wrapper">
-        <div class="result-div" v-for="item in dataSource" :key="item.standardNumber">
-          <div class="result-title-wrapper">
-            <!--  正在搜索，标题根据搜索内容高亮显示  -->
-            <p v-if="isSearch" class="result-title">
-              <span v-if="(item.standard_number + ' ' + item.standard_name).indexOf(searchValue) > -1">
-                {{ (item.standard_number + ' ' + item.standard_name).substr(0, (item.standard_number + ' ' + item.standard_name).indexOf(searchValue)) }}<span class="title-high-light">{{ searchValue }}</span>{{ (item.standard_number + ' ' + item.standard_name).substr((item.standard_number + ' ' + item.standard_name).indexOf(searchValue) + searchValue.length) }}
-              </span>
-              <span v-else>{{ item.standard_number + ' ' + item.standard_name }}</span>
-            </p>
-            <p v-else class="result-title">{{ item.standard_number + ' ' + item.standard_name }}</p>
-            <p class="result-source">{{ item.source }}</p>
-            <p class="result-date">{{ $t('dashboard.generalSearch.releaseDate') }} {{ item.publishDate }}</p>
-          </div>
-          <div class="result-content-wrapper">
-            <span class="result-field-span" v-for="field in formInLine" :key="field.dbFieldName">{{field.dbFieldTxt}}: {{ item[field.dbFieldName] || '--' }}</span>
-          </div>
+  <div>
+    <a-card :bordered="false" :loading="loading">
+      <!--  搜索框部分  -->
+      <div class="top-search-div">
+        <div class="top-search-div-content">
+          <a-input-search class="input-search"
+                          :placeholder="$t('pleaseEnter')+$t('dashboard.generalSearch.queryCondition')"
+                          v-model="searchValue"
+                          @search="onSearch">
+            <a-button type="primary" slot="enterButton">
+              <i class="iconfont icon-Searchbar_Search_icon"></i>
+            </a-button>
+          </a-input-search>
+          <a class="search-link" @click="clickAdvancedSearch">{{ $t('dashboard.generalSearch.advancedSearch') }}</a>
+          <a class="search-link" @click="clickHomePage">{{ $t('dashboard.generalSearch.homePage') }}</a>
+          <a class="search-link" @click="clickSearchHistory">{{ $t('dashboard.generalSearch.searchHistory') }}</a>
         </div>
       </div>
-      <a-pagination
-        v-if="dataSource && dataSource.length > 0"
-        class="page-content"
-        show-quick-jumper
-        show-size-changer
-        v-model="ipagination.current"
-        :pageSize="ipagination.pageSize"
-        :pageSizeOptions="ipagination.pageSizeOptions"
-        :total="ipagination.total"
-        :showTotal="ipagination.showTotal"
-      />
-    </template>
-    <a-empty class="empty-content" v-else />
+      <!--  筛选区域 -->
+      <div class="filter-area-div" ref="filterArea">
+        <!--   检索方式  -->
+        <a-row :gutter="24" class="filter-row">
+          <a-col :md="6" class="label-col"><span class="search_label">{{ $t('dashboard.generalSearch.retrievalMode') }}</span></a-col>
+          <a-col :md="18" class="option-col">
+            <div v-for="item in retrievalModeOptions" :key="item.key" class="option-div" :class="retrievalModeCurrent === item.key ? 'option-curr' : ''" @click="retrievalModeChange(item.key)">
+              {{ item.label }}
+            </div>
+          </a-col>
+        </a-row>
+        <!--   资源类型  -->
+        <a-row :gutter="24" class="filter-row">
+          <a-col :md="6" class="label-col"><span class="search_label">{{ $t('dashboard.generalSearch.resourceType') }}</span></a-col>
+          <a-col :md="18" class="option-col">
+            <div v-for="item in resourceTypeOptions" :key="item.key" class="option-div" :class="resourceTypeCurrent === item.key ? 'option-curr' : ''" @click="resourceTypeChange(item.key)">
+              {{ item.label }}
+            </div>
+          </a-col>
+        </a-row>
+        <!--   其他筛选条件  -->
+        <template v-if="toggleSearchStatus">
+          <template v-for="(value, key) in selectOptions">
+            <div :key="key" :gutter="24" class="filter-row">
+              <div class="label-col"><span class="search_label">{{ value.label }}</span></div>
+              <div class="option-col">
+                <div v-for="item in value.options" :key="item.itemValue" class="option-div" :class="value.current === item.itemValue ? 'option-curr' : ''" @click="selectOptionsChange(key, item.itemValue)">
+                  <span>{{ item.itemText }}<span v-if="item.statisticsCount || item.statisticsCount === 0">(<span class="option-span-num">{{ item.statisticsCount }}</span>)</span></span>
+                </div>
+              </div>
+            </div>
+          </template>
+        </template>
+        <div class="toggle-div" @click="handleToggleChange" v-if="selectOptions && Object.keys(selectOptions).length !== 0">
+          <a-icon :type="toggleSearchStatus ? 'up' : 'down'"/>
+          {{ toggleSearchStatus ? $t('putAway') : $t('open') }}
+        </div>
+      </div>
+      <template v-if="dataSource && dataSource.length > 0">
+        <!--  查询结果展示区域  -->
+        <div class="result-wrapper">
+          <div class="result-div" v-for="item in dataSource" :key="item.standardNumber">
+            <div class="result-title-wrapper">
+              <!--  正在搜索，标题根据搜索内容高亮显示  -->
+              <a-tooltip>
+                <template #title>
+                  <span v-html="item.title"></span>
+                </template>
+                <p class="result-title" v-html="item.title"></p>
+              </a-tooltip>
+              <div class="result-source-wrapper">
+                <p class="result-source">{{ resourceTypeOptions.find(i => i.key === item.resourceType).label }}</p>
+              </div>
+              <p class="result-date">{{ $t('dashboard.generalSearch.releaseDate') }} {{ item.releaseDate || global.emptyLine }}</p>
+            </div>
+            <div class="result-content-wrapper">
+              {{ item.content }}
+              <!--<span class="result-field-span" v-for="field in formInLine" :key="field.dbFieldName">{{field.dbFieldTxt}}: {{ item[field.dbFieldName] || '&#45;&#45;' }}</span>-->
+            </div>
+          </div>
+        </div>
+        <a-pagination
+          v-if="dataSource && dataSource.length > 0"
+          class="page-content"
+          show-quick-jumper
+          show-size-changer
+          v-model="ipagination.current"
+          :pageSize="ipagination.pageSize"
+          :pageSizeOptions="ipagination.pageSizeOptions"
+          :total="ipagination.total"
+          :showTotal="ipagination.showTotal"
+          @change="pageChange"
+          @showSizeChange="pageSizeChange"
+        />
+      </template>
+      <a-empty class="empty-content" v-else />
+    </a-card>
 
     <search-history-modal ref="searchHistoryModal"></search-history-modal>
-  </a-card>
+  </div>
 </template>
 
 <script>
@@ -99,10 +105,7 @@ import {
   getSearchParamNum,
   getSearchParamNumFullText,
   generalSearchTitleSearch,
-  generalSearchFullTextSearch,
-  getDomesticStandardField,
-  getOverseasStandardField,
-  getEnterpriseStandardField
+  generalSearchFullTextSearch
 } from '@/api/dashboard'
 
 export default {
@@ -129,16 +132,7 @@ export default {
       ],
       resourceTypeCurrent: 'all', // 资源类型当前选中项
       selectOptions: {}, // 其他筛选条件
-      dataSource: [
-        // { standard_number: 'GB 7258-12', standard_name: '机动车安全', source: '国内标准法规', publishDate: '2023-08-25' },
-        // { standard_number: 'GB 7258-12', standard_name: '机动车安全', source: '国内标准法规', publishDate: '2023-08-25' },
-        // { standard_number: 'GB 7258-12', standard_name: '机动车安全', source: '国内标准法规', publishDate: '2023-08-25' },
-        // { standard_number: 'GB 7258-12', standard_name: '机动车安全', source: '国内标准法规', publishDate: '2023-08-25' },
-        // { standard_number: 'GB 7258-12', standard_name: '机动车安全', source: '国内标准法规', publishDate: '2023-08-25' }
-      ],
-      domesticFormInLine: [], // 国内标准字段值
-      overseasFormInLine: [], // 海外标准字段值
-      enterpriseFormInline: [], // 企标字段值
+      dataSource: [],
       ipagination: {
         current: 1,
         pageSize: 10,
@@ -149,14 +143,11 @@ export default {
         total: 0,
         showQuickJumper: true,
         showSizeChanger: true
-      },
-      isSearch: false // 是否正在展示又搜索内容的搜索结果，是的话，标题搜索内容高亮显示
+      }
     }
   },
   mounted () {
     this.initFilterData()
-    // 获取要展示的字段，看后端返回的查询结果决定查不查
-    this.initFormInline()
   },
   methods: {
     // 获取要显示数量的筛选条件的数据
@@ -262,28 +253,11 @@ export default {
         }
       })
     },
-    // 获取查询结果中要展示的字段值
-    initFormInline () {
-      const param = { type: 1 }
-      getDomesticStandardField(param).then(res => {
-        if (res.success) {
-          this.domesticFormInLine = res.result
-        }
-      })
-      getOverseasStandardField(param).then(res => {
-        if (res.success) {
-          this.overseasFormInLine = res.result
-        }
-      })
-      getEnterpriseStandardField(param).then(res => {
-        if (res.success) {
-          this.enterpriseFormInline = res.result
-        }
-      })
-    },
     // 查询时获取参数
     getSearchParam () {
       const param = {}
+      // 检索方式
+      param.searchMode = this.retrievalModeCurrent
       // 资源类型
       param.resourceType = this.resourceTypeCurrent === 'all' ? null : this.resourceTypeCurrent
       // 检索内容
@@ -292,10 +266,16 @@ export default {
       for (const item in this.selectOptions) {
         param[item] = this.selectOptions[item].current
       }
+      // 分页
+      param.pageNo = this.ipagination.current
+      param.pageSize = this.ipagination.pageSize
       return param
     },
     // 查询
-    onSearch () {
+    onSearch (arg) {
+      if (arg === 1) {
+        this.ipagination.current = 1
+      }
       const param = this.getSearchParam()
       let func
       if (this.retrievalModeCurrent === '1') {
@@ -308,12 +288,11 @@ export default {
       this.loading = true
       func(param).then(res => {
         if (res.success) {
-          this.dataSource = res.result
-          if (this.searchValue) {
-            // 设置正在搜索，标题设置搜索字高亮
-            this.isSearch = true
+          this.dataSource = res.result.records
+          if (res.result.total) {
+            this.ipagination.total = res.result.total
           } else {
-            this.isSearch = false
+            this.ipagination.total = 0
           }
         } else {
           this.$message.warning(res.message)
@@ -322,17 +301,30 @@ export default {
         this.loading = false
       })
     },
+    // 分页改变
+    pageChange (page) {
+      this.ipagination.current = page
+      this.onSearch()
+    },
+    pageSizeChange (current, size) {
+      console.log(current, size)
+      this.ipagination.current = current
+      this.ipagination.pageSize = size
+      this.onSearch()
+    },
     // 检索方式改变
     retrievalModeChange (key) {
       this.retrievalModeCurrent = key
       // 更新其他筛选项的数据
       this.initFilterData()
+      this.onSearch()
     },
     // 资源类型改变
     resourceTypeChange (key) {
       this.resourceTypeCurrent = key
       // 更新其他筛选项的数据
       this.initFilterData()
+      this.onSearch()
     },
     // 其他检索条件改变
     selectOptionsChange (changeKey, value) {
@@ -349,6 +341,12 @@ export default {
         path: '/advancedSearch'
       })
     },
+    // 点击首页按钮
+    clickHomePage () {
+      this.$router.push({
+        path: '/dashboard/analysis'
+      })
+    },
     // 点击检索历史
     clickSearchHistory () {
       this.$refs.searchHistoryModal.open()
@@ -456,8 +454,10 @@ export default {
 }
 
 // 标题高亮样式
-.title-high-light {
-  color: @primary-color;
+.result-title {
+  /deep/ .highlight-Es-class {
+    color: @primary-color;
+  }
 }
 
 // 单个查询结果
@@ -479,8 +479,17 @@ export default {
       font-weight: 600;
       line-height: 28px;
       margin-right: 20px;
+      max-height: calc(100% - 340px);
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    .result-source-wrapper {
+      min-width: 100px;
     }
     .result-source {
+      display: inline-block;
+      width: auto;
       height: 28px;
       line-height: 28px;
       background: @primary-color;
@@ -492,13 +501,15 @@ export default {
       padding: 0 8px;
     }
     .result-date {
+      min-width: 200px !important;
       font-size: 16px;
       font-family: PingFang SC-Regular, PingFang SC;
       font-weight: 400;
       color: #86909C;
       line-height: 19px;
-      flex: auto;
       text-align: right;
+      white-space: nowrap;
+      flex: 1;
     }
   }
   .result-content-wrapper {
diff --git a/src/views/dashboard/search/modules/SearchHistoryModal.vue b/src/views/dashboard/search/modules/SearchHistoryModal.vue
index 448974ed..177d6fa3 100644
--- a/src/views/dashboard/search/modules/SearchHistoryModal.vue
+++ b/src/views/dashboard/search/modules/SearchHistoryModal.vue
@@ -25,7 +25,7 @@
 </template>
 
 <script>
-import { getSearchHistoryData } from '../../../../api/dashboard'
+import { getSearchHistoryData } from '@/api/dashboard'
 
 export default {
   name: 'SearchHistoryModal',
@@ -41,11 +41,9 @@ export default {
       }
     }
   },
-  mounted () {
-    this.initData()
-  },
   methods: {
     open () {
+      this.initData()
       this.visible = true
     },
     // 获取列表数据