From eaa219a46031357a47a111b647364204020f3869 Mon Sep 17 00:00:00 2001
From: qq787203167 <787203167@qq.com>
Date: Wed, 16 Mar 2022 14:18:18 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=90=9C=E7=B4=A2=E4=B8=AD?=
 =?UTF-8?q?=E5=BF=83=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../library/docDetail/index.vue               |   1 -
 .../components/DocumentLibrary.vue            | 637 ++++++++++--------
 .../documentTools/searchCenter/index.vue      |   2 +-
 3 files changed, 352 insertions(+), 288 deletions(-)

diff --git a/jero-web/src/views/documentManage/library/docDetail/index.vue b/jero-web/src/views/documentManage/library/docDetail/index.vue
index e4c4a2a1c..247137b09 100644
--- a/jero-web/src/views/documentManage/library/docDetail/index.vue
+++ b/jero-web/src/views/documentManage/library/docDetail/index.vue
@@ -235,7 +235,6 @@
         })
       },
       pdfPreview(fileQuery) {
-        console.log(fileQuery)
         let fileName = fileQuery.fileName
         let index1 = fileName.lastIndexOf('.')
         let index2 = fileName.length
diff --git a/jero-web/src/views/documentTools/searchCenter/components/DocumentLibrary.vue b/jero-web/src/views/documentTools/searchCenter/components/DocumentLibrary.vue
index 7a787cb6b..c5b3f2938 100644
--- a/jero-web/src/views/documentTools/searchCenter/components/DocumentLibrary.vue
+++ b/jero-web/src/views/documentTools/searchCenter/components/DocumentLibrary.vue
@@ -1,89 +1,89 @@
 <template>
-    <div class="search-con-text">
-        <div class="search-text-wrap">
-            <div class="text-left">
-                <div class="text-left-wrap" v-for="(item,index) in searchOption" :key="index">
-                    <div class="text-left-select" v-if="item.field_show_type == '0'">
-                        <span class="text-sel">{{item.db_field_txt}}</span>
-                        <a-tree-select
-                                class="text-select"
-                                v-model="queryParam[item.db_field_name]"
-                                :maxTagCount="1"
-                                :tree-data="item.tree"
-                                tree-checkable
-                                :placeholder="$t('PleaseSelect')+item.db_field_txt"
-                        />
-                    </div>
-                    <div class="text-left-select" v-if="item.field_show_type == '1' || item.field_show_type == '8' ||
+  <div class="search-con-text">
+    <div class="search-text-wrap">
+      <div class="text-left">
+        <div class="text-left-wrap" v-for="(item,index) in searchOption" :key="index">
+          <div class="text-left-select" v-if="item.field_show_type == '0'">
+            <span class="text-sel">{{item.db_field_txt}}</span>
+            <a-tree-select
+              class="text-select"
+              v-model="queryParam[item.db_field_name]"
+              :maxTagCount="1"
+              :tree-data="item.tree"
+              tree-checkable
+              :placeholder="$t('PleaseSelect')+item.db_field_txt"
+            />
+          </div>
+          <div class="text-left-select" v-if="item.field_show_type == '1' || item.field_show_type == '8' ||
                      item.field_show_type == '9' || item.field_show_type == '10' || item.field_show_type == '11'">
-                        <span class="text-sel">{{item.db_field_txt}}</span>
-                        <a-input class="text-select"
-                                 v-model="queryParam[item.db_field_name]"
-                                 :placeholder="$t('PleaseEnter')+item.db_field_txt"/>
-                    </div>
-                    <div class="text-left-select" v-if="item.field_show_type == '2'">
-                        <span class="text-sel">{{item.db_field_txt}}</span>
-                        <a-input-number class="text-select" :placeholder="$t('PleaseEnter')+item.db_field_txt"
-                                        v-model="queryParam[item.db_field_name]" :min="1" :max="99999999"/>
-                    </div>
-                    <div class="text-left-select" v-if="item.field_show_type == '3'">
-                        <span class="text-sel">{{item.db_field_txt}}</span>
-                        <j-dict-select-tag class="text-select" v-model="queryParam[item.db_field_name]"
-                                           :placeholder="$t('PleaseSelect')+item.db_field_txt"
-                                           :type="'select'"
-                                           :triggerChange="false" :dictCode="item.dict_field"/>
-                    </div>
-                    <div class="text-left-select" v-if="item.field_show_type == '4'">
-                        <span class="text-sel">{{item.db_field_txt}}</span>
-                        <j-multi-select-tag class="text-select" v-model="queryParam[item.db_field_name]"
-                                            :placeholder="$t('PleaseSelect')+item.db_field_txt" :type="'select'"
-                                            :triggerChange="false" :dictCode="item.dict_field"/>
-                    </div>
-                    <div class="text-left-select" v-if="item.field_show_type == '5'">
-                        <span class="text-sel">{{item.db_field_txt}}</span>
-                        <a-date-picker class="text-select"
-                                       :placeholder="$t('PleaseSelect')+item.db_field_txt"
-                                       @change="dateChange(item.db_field_name)"
-                                       v-model="queryParam[item.db_field_name]"/>
-                    </div>
-                    <div class="text-left-select" v-if="item.field_show_type == '6'">
-                        <span class="text-sel">{{item.db_field_txt}}</span>
-                        <a-range-picker class="text-select" v-model="queryParam[item.db_field_name]"
-                                        :placeholder="$t('PleaseSelect')+item.db_field_txt"
-                                        @change="onChange(item.db_field_name)"></a-range-picker>
-                    </div>
-                </div>
-                <div class="table-page-search-submitButtons submitButtons">
-                    <a-button class="box-button" type="primary" @click="searchQuery">{{$t('query')}}</a-button>
-                    <a-button class="box-button" style="margin-left: 8px" @click="searchReset">{{$t('reset')}}
-                    </a-button>
-                </div>
+            <span class="text-sel">{{item.db_field_txt}}</span>
+            <a-input class="text-select"
+                     v-model="queryParam[item.db_field_name]"
+                     :placeholder="$t('PleaseEnter')+item.db_field_txt"/>
+          </div>
+          <div class="text-left-select" v-if="item.field_show_type == '2'">
+            <span class="text-sel">{{item.db_field_txt}}</span>
+            <a-input-number class="text-select" :placeholder="$t('PleaseEnter')+item.db_field_txt"
+                            v-model="queryParam[item.db_field_name]" :min="1" :max="99999999"/>
+          </div>
+          <div class="text-left-select" v-if="item.field_show_type == '3'">
+            <span class="text-sel">{{item.db_field_txt}}</span>
+            <j-dict-select-tag class="text-select" v-model="queryParam[item.db_field_name]"
+                               :placeholder="$t('PleaseSelect')+item.db_field_txt"
+                               :type="'select'"
+                               :triggerChange="false" :dictCode="item.dict_field"/>
+          </div>
+          <div class="text-left-select" v-if="item.field_show_type == '4'">
+            <span class="text-sel">{{item.db_field_txt}}</span>
+            <j-multi-select-tag class="text-select" v-model="queryParam[item.db_field_name]"
+                                :placeholder="$t('PleaseSelect')+item.db_field_txt" :type="'select'"
+                                :triggerChange="false" :dictCode="item.dict_field"/>
+          </div>
+          <div class="text-left-select" v-if="item.field_show_type == '5'">
+            <span class="text-sel">{{item.db_field_txt}}</span>
+            <a-date-picker class="text-select"
+                           :placeholder="$t('PleaseSelect')+item.db_field_txt"
+                           @change="dateChange(item.db_field_name)"
+                           v-model="queryParam[item.db_field_name]"/>
+          </div>
+          <div class="text-left-select" v-if="item.field_show_type == '6'">
+            <span class="text-sel">{{item.db_field_txt}}</span>
+            <a-range-picker class="text-select" v-model="queryParam[item.db_field_name]"
+                            :placeholder="$t('PleaseSelect')+item.db_field_txt"
+                            @change="onChange(item.db_field_name)"></a-range-picker>
+          </div>
+        </div>
+        <div class="table-page-search-submitButtons submitButtons">
+          <a-button class="box-button" type="primary" @click="searchQuery">{{$t('query')}}</a-button>
+          <a-button class="box-button" style="margin-left: 8px" @click="searchReset">{{$t('reset')}}
+          </a-button>
+        </div>
+      </div>
+      <div class="text-right">
+        <div class="search-text-list">
+          <div class="search-text-title">
+            <span>检索范围：</span>
+            <span>纯电动</span>
+            <div class="search-header-right">
+              <a-icon type="appstore" class="header-list" :title="$t('list')"
+                      :class="{'header-list-active':isTrue }"
+                      @click="selectListModel('list')"></a-icon>
+              <a-icon type="unordered-list" class="header-list" :title="$t('paragraph')"
+                      :class="{'header-list-active':!isTrue }"
+                      @click="selectListModel('unord')"></a-icon>
             </div>
-            <div class="text-right">
-                <div class="search-text-list">
-                    <div class="search-text-title">
-                        <span>检索范围：</span>
-                        <span>纯电动</span>
-                        <div class="search-header-right">
-                            <a-icon type="appstore" class="header-list" :title="$t('list')"
-                                    :class="{'header-list-active':isTrue }"
-                                    @click="selectListModel('list')"></a-icon>
-                            <a-icon type="unordered-list" class="header-list" :title="$t('paragraph')"
-                                    :class="{'header-list-active':!isTrue }"
-                                    @click="selectListModel('unord')"></a-icon>
-                        </div>
-                    </div>
-                    <a-table
-                            v-if="isTrue"
-                            ref="table"
-                            size="middle"
-                            :loading="loading"
-                            :scroll="{x: true}"
-                            rowKey="id"
-                            :data-source="dataSource"
-                            :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
-                            :columns="columns"
-                    >
+          </div>
+          <a-table
+            v-if="isTrue"
+            ref="table"
+            size="middle"
+            :loading="loading"
+            :scroll="{x: true}"
+            rowKey="id"
+            :data-source="dataSource"
+            :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
+            :columns="columns"
+          >
              <span slot="operation" slot-scope="record">
                  <a @click="Collection(record)" class="text-operation">
                    {{!record.collectFlag || record.collectFlag == 0 ? $t('Collection') :$t('CancelCollection')}}
@@ -93,56 +93,78 @@
                  </a>
                  <a @click="handleCompare(record)" class="text-operation"> {{$t('Push')}}</a>
              </span>
-                        <!-- 字符串超长截取省略号显示-->
-                        <!--            <span slot="templateContent" slot-scope="text">-->
-                        <!--              <j-ellipsis :value="text" :length="25"/>-->
-                        <!--            </span>-->
-                    </a-table>
-                    <div v-if="!isTrue" class="box-content">
-                        <a-checkbox-group v-model="checkboxText">
-                            <li v-for="item in conList" :key="item.id">
-                                <div style="margin-bottom: 10px;position: relative">
-                                    <a-checkbox :value="item.id" class="checkbox-left"></a-checkbox>
-                                    <div class="text-text-right"
-                                         @click="checkedClick(item)"
-                                         :class="{ 'null-input':item.checked }">
-                                        <div class="text-header">
-                                            <span>{{item.type}}</span>
-                                            <span>{{item.number}}</span>
-                                            <span>{{item.title}}</span>
-                                        </div>
-                                        <div class="text-content">
-                                            {{item.content}}
-                                        </div>
-                                    </div>
-                                </div>
-                            </li>
-                        </a-checkbox-group>
+            <span slot="serial_number" slot-scope="text,record">
+              <span v-html="record.serial_number"></span>
+            </span>
+            <span slot="titleName" slot-scope="text,record">
+              <span v-html="record.title"></span>
+            </span>
+            <span slot="file_name" slot-scope="text,record">
+              <a style="color:#21c9cc" @click="fileNameClick(record)">
+                  {{record.file_name && record.file_name.length > 0 ? '查看文件' : '--'}}
+              </a>
+            </span>
+            file_name
+            <!-- 字符串超长截取省略号显示-->
+            <!--            <span slot="templateContent" slot-scope="text">-->
+            <!--              <j-ellipsis :value="text" :length="25"/>-->
+            <!--            </span>-->
+          </a-table>
+          <div v-if="!isTrue" class="box-content">
+            <a-checkbox-group v-model="checkboxText">
+              <li v-for="item in conList" :key="item.id">
+                <div style="margin-bottom: 10px;position: relative">
+                  <a-checkbox :value="item.id" class="checkbox-left"></a-checkbox>
+                  <div class="text-text-right"
+                       @click="checkedClick(item)"
+                       :class="{ 'null-input':item.checked }">
+                    <div class="text-header">
+                      <span>{{item.type}}</span>
+                      <span>{{item.number}}</span>
+                      <span>{{item.title}}</span>
                     </div>
-                    <div class="page">
-                        <a-pagination
-                                :show-total="total => $t('total')+` ${total} `+$t('strip')"
-                                show-quick-jumper
-                                show-size-changer
-                                :page-size.sync="pageSize"
-                                :total="total"
-                                @change="pageOnChange"
-                                @showSizeChange="SizeChange"
-                        />
+                    <div class="text-content">
+                      {{item.content}}
                     </div>
+                  </div>
                 </div>
-            </div>
+              </li>
+            </a-checkbox-group>
+          </div>
+          <div class="page">
+            <a-pagination
+              :show-total="total => $t('total')+` ${total} `+$t('strip')"
+              show-quick-jumper
+              show-size-changer
+              :page-size.sync="pageSize"
+              :total="total"
+              @change="pageOnChange"
+              @showSizeChange="SizeChange"
+            />
+          </div>
         </div>
-        <libraryPush
-                :url="url"
-                ref="libraryPushRef"
-        />
+      </div>
     </div>
+    <libraryPush
+      :url="url"
+      ref="libraryPushRef"
+    />
+    <a-modal
+      title="查看文件"
+      :width="500"
+      :visible="visible"
+      @ok="visible=false"
+      @cancel="visible=false"
+    >
+      <p v-for="(item,index) in fileList" :key="index"
+         class="fileText" :title="item.fileName" @click="fileClick(item)">{{ item.fileName }}</p>
+    </a-modal>
+  </div>
 </template>
 
 <script>
   import eventBUs from '../../../../common/event'
-  import { getAction, postAction } from '@/api/manage'
+  import { getAction, postAction, downloadFile } from '@/api/manage'
   import libraryPush from '@/components/libraryPush/index'
   import moment from 'moment'
 
@@ -155,6 +177,7 @@
       return {
         searchOption: [],
         queryParam: {},
+        visible: false,
         dataSource: [],
         url: {
           queryCondition: 'search/document/queryCondition',
@@ -165,17 +188,20 @@
           {
             title: this.$t('standard'),
             align: 'center',
-            dataIndex: 'serial_number'
+            dataIndex: 'serial_number',
+            scopedSlots: { customRender: 'serial_number' }
           },
           {
             title: this.$t('title'),
             align: 'center',
-            dataIndex: 'title'
+            dataIndex: 'title',
+            scopedSlots: { customRender: 'titleName' }
           },
           {
             title: this.$t('fileName'),
             align: 'center',
-            dataIndex: 'fileName'
+            dataIndex: 'file_name',
+            scopedSlots: { customRender: 'file_name' }
           },
           {
             title: this.$t('status'),
@@ -258,7 +284,9 @@
         total: 0,
         pageSize: 10,
         pageNo: 1,
-        loading: false
+        loading: false,
+        selectModel: '',
+        fileList: []
       }
     },
     watch: {
@@ -387,8 +415,9 @@
         this.pageNo = 1
         this.getInfoList()
       },
-      searchData(data) {
-        this.queryParam = { ...data, ...this.queryParam }
+      searchData(data, selectModel) {
+        this.queryParam = { ...this.queryParam, ...data }
+        this.selectModel = selectModel
         this.getInfoList()
       },
       getInfoList() {
@@ -407,6 +436,11 @@
         getAction(this.url.getInfoList, query).then((res) => {
           if (res.success) {
             this.dataSource = res.result.records
+            this.dataSource.forEach((val) => {
+              if (val[this.selectModel] && val[this.selectModel].includes(this.queryParam[this.selectModel])) {
+                val[this.selectModel] = val[this.selectModel].replace(this.queryParam[this.selectModel], `<text style="color:#21c9cc">${this.queryParam[this.selectModel]}</text>`)
+              }
+            })
             this.total = res.result.total
             this.loading = false
           } else {
@@ -418,191 +452,222 @@
         this.pageNo = 1
         this.queryParam = {}
         this.getInfoList()
+      },
+      fileNameClick(row) {
+        this.fileList = row.file_name || []
+        if (this.fileList.length > 0) {
+          this.visible = true
+        }
+      },
+      fileClick(fileQuery) {
+        let fileName = fileQuery.fileName
+        let index1 = fileName.lastIndexOf('.')
+        let index2 = fileName.length
+        let fileSuffix = fileName.substring(index1, index2)
+        if (fileSuffix == '.pdf') {
+          window.open('/pdf/web/viewer.html?file=' + encodeURIComponent('/jero-boot/sys/common/pdf/viewFile?id=' + fileQuery.id))
+        } else if (fileSuffix == '.docx') {
+          let url = window._CONFIG['onlinePreviewDomainURL'] + '?url=' + encodeURIComponent(this.downLoadFileUrl + '/' + fileQuery.id)
+          window.open(url, '_blank')
+        } else if (fileSuffix == '.xlsx' || fileSuffix == '.xls') {
+          let url = window._CONFIG['onlinePreviewDomainURL'] + '?url=' + encodeURIComponent(this.downLoadFileUrl + '/' + fileQuery.id)
+          window.open(url, '_blank')
+        } else {
+          downloadFile('/sys/common/download', fileQuery.fileName, { id: fileQuery.id })
+        }
       }
     }
   }
 </script>
 
 <style>
-    .table .ant-table-column-title {
-        font-weight: bold;
-    }
+  .table .ant-table-column-title {
+    font-weight: bold;
+  }
 
-    .ant-table td {
-        white-space: nowrap;
-    }
+  .ant-table td {
+    white-space: nowrap;
+  }
 
-    .checkbox-left .ant-checkbox-inner {
-        width: 18px !important;
-        height: 18px !important;
-        line-height: 18px !important;
-    }
+  .checkbox-left .ant-checkbox-inner {
+    width: 18px !important;
+    height: 18px !important;
+    line-height: 18px !important;
+  }
 </style>
 <style lang="less" scoped>
 
-    .search-con-text {
+  .search-con-text {
 
-        .search-text-wrap {
-            margin-top: -27px;
-            height: 100%;
+    .search-text-wrap {
+      margin-top: -27px;
+      height: 100%;
+      display: flex;
+      justify-content: flex-start;
+
+      .text-left {
+        width: 358px;
+        padding: 24px 24px 24px 0;
+        box-sizing: border-box;
+
+        .text-left-wrap {
+
+          .text-left-select {
             display: flex;
-            justify-content: flex-start;
+            justify-content: space-between;
+            margin-bottom: 24px;
+            line-height: 32px;
 
-            .text-left {
-                width: 358px;
-                padding: 24px 24px 24px 0;
-                box-sizing: border-box;
-
-                .text-left-wrap {
-
-                    .text-left-select {
-                        display: flex;
-                        justify-content: space-between;
-                        margin-bottom: 24px;
-                        line-height: 32px;
-
-                        .text-sel {
-                            font-size: 14px;
-                            font-weight: 400;
-                            color: #000F16;
-                            text-align: right;
-                            margin-right: 14px;
-                            width: 83px;
-                            white-space: nowrap;
-                            overflow: hidden;
-                            text-overflow: ellipsis;
-                        }
-
-                        .text-select {
-                            flex: 1;
-                        }
-                    }
-                }
+            .text-sel {
+              font-size: 14px;
+              font-weight: 400;
+              color: #000F16;
+              text-align: right;
+              margin-right: 14px;
+              width: 83px;
+              white-space: nowrap;
+              overflow: hidden;
+              text-overflow: ellipsis;
             }
 
-            .text-right {
-                width: 100%;
-                position: relative;
-                padding: 26px 0 22px 24px;
-                box-sizing: border-box;
-                border-left: 2px solid #E6E7EC;
-
-                .search-text-title {
-                    padding: 0 0 24px 0;
-
-                    span {
-                        font-size: 14px;
-                        font-weight: 400;
-                        color: #040B29;
-                    }
-
-                    .search-header-right {
-                        float: right;
-                        margin-top: -7px;
-
-                        a-icon {
-
-                            border: 1px solid rgba(0, 0, 0, 0.65);
-                            cursor: pointer;
-                            padding: 2px 5px;
-                            border-right: none;
-                        }
-
-                        a-icon:last-child {
-                            border-right: 1px solid rgba(0, 0, 0, 0.65);
-                        }
-
-                        .header-list {
-                            font-size: 20px;
-                            border: 1px solid gray;
-                            border-radius: 3px;
-                            padding: 3px;
-                        }
-
-                        .header-list:hover {
-                            color: #00B3BE;
-                            border: 1px solid #00B3BE;
-                        }
-
-                        .header-list-active {
-                            border: 1px solid #00B3BE;
-                            color: #00B3BE;
-                        }
-                    }
-                }
-
-                .search-text-list {
-                    ul {
-                        padding: 0 0 0 18px;
-                        margin: 0;
-
-                        li {
-                            list-style: none;
-
-                            .text-content {
-                                font-size: 14px;
-                                font-weight: 400;
-                                color: #040B29;
-                                opacity: 0.8;
-                            }
-                        }
-                    }
-                }
+            .text-select {
+              flex: 1;
             }
+          }
         }
-    }
+      }
 
-    .checkbox-left {
-        float: left;
-        position: absolute;
-        left: 0;
-        top: 50%;
-        transform: translateY(-50%);
-    }
-
-    .text-text-right {
-        padding: 19px 28px;
+      .text-right {
+        width: 100%;
+        position: relative;
+        padding: 26px 0 22px 24px;
         box-sizing: border-box;
-        margin-left: 38px;
-    }
+        border-left: 2px solid #E6E7EC;
 
-    .null-input {
-        background-color: #F2F4F8;
-    }
+        .search-text-title {
+          padding: 0 0 24px 0;
 
-    .text-header {
-        margin-bottom: 11px;
-
-        span {
-            margin-right: 52px;
-            font-size: 16px;
-            font-weight: bold;
+          span {
+            font-size: 14px;
+            font-weight: 400;
             color: #040B29;
+          }
+
+          .search-header-right {
+            float: right;
+            margin-top: -7px;
+
+            a-icon {
+
+              border: 1px solid rgba(0, 0, 0, 0.65);
+              cursor: pointer;
+              padding: 2px 5px;
+              border-right: none;
+            }
+
+            a-icon:last-child {
+              border-right: 1px solid rgba(0, 0, 0, 0.65);
+            }
+
+            .header-list {
+              font-size: 20px;
+              border: 1px solid gray;
+              border-radius: 3px;
+              padding: 3px;
+            }
+
+            .header-list:hover {
+              color: #00B3BE;
+              border: 1px solid #00B3BE;
+            }
+
+            .header-list-active {
+              border: 1px solid #00B3BE;
+              color: #00B3BE;
+            }
+          }
         }
-    }
 
-    .text-content {
-        font-size: 14px;
-        font-weight: 400;
-        color: #040B29;
-        opacity: 0.7;
-    }
+        .search-text-list {
+          ul {
+            padding: 0 0 0 18px;
+            margin: 0;
 
-    .box-content {
-        padding: 0 0 0 8px;
-        box-sizing: border-box;
-    }
+            li {
+              list-style: none;
 
-    .page {
-        text-align: right;
-        margin-top: 20px;
+              .text-content {
+                font-size: 14px;
+                font-weight: 400;
+                color: #040B29;
+                opacity: 0.8;
+              }
+            }
+          }
+        }
+      }
     }
+  }
 
-    .text-operation {
-        margin-right: 8px;
-    }
+  .checkbox-left {
+    float: left;
+    position: absolute;
+    left: 0;
+    top: 50%;
+    transform: translateY(-50%);
+  }
 
-    .submitButtons {
-        text-align: center;
+  .text-text-right {
+    padding: 19px 28px;
+    box-sizing: border-box;
+    margin-left: 38px;
+  }
+
+  .null-input {
+    background-color: #F2F4F8;
+  }
+
+  .text-header {
+    margin-bottom: 11px;
+
+    span {
+      margin-right: 52px;
+      font-size: 16px;
+      font-weight: bold;
+      color: #040B29;
     }
+  }
+
+  .text-content {
+    font-size: 14px;
+    font-weight: 400;
+    color: #040B29;
+    opacity: 0.7;
+  }
+
+  .box-content {
+    padding: 0 0 0 8px;
+    box-sizing: border-box;
+  }
+
+  .page {
+    text-align: right;
+    margin-top: 20px;
+  }
+
+  .text-operation {
+    margin-right: 8px;
+  }
+
+  .submitButtons {
+    text-align: center;
+  }
+
+  .fileText {
+    width: 100%;
+    cursor: pointer;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
 </style>
\ No newline at end of file
diff --git a/jero-web/src/views/documentTools/searchCenter/index.vue b/jero-web/src/views/documentTools/searchCenter/index.vue
index 5d0585852..7df5a7eb1 100644
--- a/jero-web/src/views/documentTools/searchCenter/index.vue
+++ b/jero-web/src/views/documentTools/searchCenter/index.vue
@@ -82,7 +82,7 @@
       onSearch(event) {
         this.queryParam[this.selectModel] = event
         if (this.$refs.DocumentLibraryRef){
-          this.$refs.DocumentLibraryRef.searchData(this.queryParam)
+          this.$refs.DocumentLibraryRef.searchData(this.queryParam,this.selectModel)
         }
       },
       onChange(e){