修改搜索中心

2022-03-21 16:48:59 +08:00
parent 8b753f4a66
commit 9b13e2ff6f
5 changed files with 79 additions and 57 deletions
@@ -19,8 +19,8 @@
               @click="checkedClick(item)"
               :class="{ 'null-input':item.checked }">
            <div class="text-header">
-              <span>{{item.type}}</span>
-              <span>{{item.number}}</span>
+              <span>{{item.module_type}}</span>
+              <span>{{item.serial_number}}</span>
              <span>{{item.title}}</span>
            </div>
            <div class="text-content">
@@ -45,51 +45,22 @@
 </template>

 <script>
+  import { getAction, postAction, downloadFile } from '@/api/manage'
+
  export default {
    name: 'whole',
    data() {
      return {
        checkboxText: [],
-        conList: [
-          {
-            id: 1,
-            type: '文档库',
-            number: 'GB20999-2019',
-            title: '内饰件阻燃特性',
-            content: '区域:东亚  国家/地区:中国  标准性质:--  标准状态:现行  内容摘要:  标准文:  标准类别:--  标准号: 1229导入-中国市场11-中国市场11  标准名称:1229导入-中国市场11  标准英文名称:Englist  发布日期:2021-12-26  实施日期:2021-12-30  新定型车实施日期:2021-12-26  新生产车实施日期:--  注册登记车实施日期:--  在产车实施日期:--  适用认证:公告,  发布部门:  代替标准号:1229导入  被代替标准号:1229导入-中国市场11  采用国际标准号:  采标程度:--  适用车型:M1,M2,M3,  能源种类:汽油,纯电,  起草单位:  起草人:  关键词:  备注:--  责任部门:--  所属专业领域:--  '
-          },
-          {
-            id: 2,
-            type: '文档库',
-            number: 'GB20999-2019',
-            title: '内饰件阻燃特性',
-            content: '区域:东亚  国家/地区:中国  标准性质:--  标准状态:现行  内容摘要:  标准文:  标准类别:--  标准号: 1229导入-中国市场11-中国市场11  标准名称:1229导入-中国市场11  标准英文名称:Englist  发布日期:2021-12-26  实施日期:2021-12-30  新定型车实施日期:2021-12-26  新生产车实施日期:--  注册登记车实施日期:--  在产车实施日期:--  适用认证:公告,  发布部门:  代替标准号:1229导入  被代替标准号:1229导入-中国市场11  采用国际标准号:  采标程度:--  适用车型:M1,M2,M3,  能源种类:汽油,纯电,  起草单位:  起草人:  关键词:  备注:--  责任部门:--  所属专业领域:--  '
-          },
-          {
-            id: 3,
-            type: '文档库',
-            number: 'GB20999-2019',
-            title: '内饰件阻燃特性',
-            content: '区域:东亚  国家/地区:中国  标准性质:--  标准状态:现行  内容摘要:  标准文:  标准类别:--  标准号: 1229导入-中国市场11-中国市场11  标准名称:1229导入-中国市场11  标准英文名称:Englist  发布日期:2021-12-26  实施日期:2021-12-30  新定型车实施日期:2021-12-26  新生产车实施日期:--  注册登记车实施日期:--  在产车实施日期:--  适用认证:公告,  发布部门:  代替标准号:1229导入  被代替标准号:1229导入-中国市场11  采用国际标准号:  采标程度:--  适用车型:M1,M2,M3,  能源种类:汽油,纯电,  起草单位:  起草人:  关键词:  备注:--  责任部门:--  所属专业领域:--  '
-          },
-          {
-            id: 4,
-            type: '文档库',
-            number: 'GB20999-2019',
-            title: '内饰件阻燃特性',
-            content: '区域:东亚  国家/地区:中国  标准性质:--  标准状态:现行  内容摘要:  标准文:  标准类别:--  标准号: 1229导入-中国市场11-中国市场11  标准名称:1229导入-中国市场11  标准英文名称:Englist  发布日期:2021-12-26  实施日期:2021-12-30  新定型车实施日期:2021-12-26  新生产车实施日期:--  注册登记车实施日期:--  在产车实施日期:--  适用认证:公告,  发布部门:  代替标准号:1229导入  被代替标准号:1229导入-中国市场11  采用国际标准号:  采标程度:--  适用车型:M1,M2,M3,  能源种类:汽油,纯电,  起草单位:  起草人:  关键词:  备注:--  责任部门:--  所属专业领域:--  '
-          },
-          {
-            id: 5,
-            type: '文档库',
-            number: 'GB20999-2019',
-            title: '内饰件阻燃特性',
-            content: '区域:东亚  国家/地区:中国  标准性质:--  标准状态:现行  内容摘要:  标准文:  标准类别:--  标准号: 1229导入-中国市场11-中国市场11  标准名称:1229导入-中国市场11  标准英文名称:Englist  发布日期:2021-12-26  实施日期:2021-12-30  新定型车实施日期:2021-12-26  新生产车实施日期:--  注册登记车实施日期:--  在产车实施日期:--  适用认证:公告,  发布部门:  代替标准号:1229导入  被代替标准号:1229导入-中国市场11  采用国际标准号:  采标程度:--  适用车型:M1,M2,M3,  能源种类:汽油,纯电,  起草单位:  起草人:  关键词:  备注:--  责任部门:--  所属专业领域:--  '
-          }
-        ],
+        url: {
+          getInfoList: 'search/document/getFullTextInfoList'
+        },
+        conList: [],
        total: 0,
        pageSize: 10,
-        pageNo: 1
+        pageNo: 1,
+        loading: false,
+        queryParam: {}
      }
    },
    watch: {
@@ -109,6 +80,9 @@
        this.conList = [...this.conList]
      }
    },
+    mounted() {
+      this.getList()
+    },
    methods: {
      checkedClick(item) {
        if (item.checked) {
@@ -125,6 +99,42 @@
      SizeChange(page, pageSize) {
        this.pageNo = 1
        this.pageSize = pageSize
+      },
+      searchData(value) {
+        this.queryParam.selectValue = value
+        this.queryParam.selectValueTwo = undefined
+        this.getList()
+      },
+      searchDataTwo(value) {
+        this.queryParam.selectValueTwo = value
+        this.getList()
+      },
+      getList() {
+        let queryParam = JSON.parse(JSON.stringify(this.queryParam))
+        Object.keys(queryParam).forEach(val => {
+          if (queryParam[val] instanceof Array) {
+            queryParam[val] = queryParam[val].join(',')
+          }
+        })
+        let query = {
+          pageNo: this.pageNo,
+          pageSize: this.pageSize,
+          ...queryParam
+        }
+        postAction(this.url.getInfoList, query).then((res) => {
+          if (res.success) {
+            this.conList = res.result.records
+            this.conList.forEach((val) => {
+              if (val['selectValueTwo'] && val['selectValueTwo'].includes(this.queryParam['selectValueTwo'])) {
+                val['selectValueTwo'] = val['selectValueTwo'].replace(this.queryParam['selectValueTwo'], `<text style="color:#21c9cc">${this.queryParam['selectValueTwo']}</text>`)
+              }
+            })
+            this.total = res.result.total
+            this.loading = false
+          } else {
+            this.loading = false
+          }
+        })
      }
    }
  }
@@ -175,6 +185,7 @@
    color: #040B29;
    opacity: 0.7;
  }
+
  .page {
    text-align: right;
    margin-top: 20px;