网页端：新增采招网招标信息

oa-ui/package.json

@@ -48,6 +48,7 @@
     "bpmnlint-loader": "^0.1.4",
     "clipboard": "2.0.8",
     "core-js": "3.25.3",
+    "crypto-js": "^4.2.0",
     "diagram-js": "^11.4.1",
     "echarts": "5.4.0",
     "echarts-gl": "^2.0.9",

oa-ui/src/api/oa/bid/bid.js

@@ -0,0 +1,9 @@
+import request from '@/utils/request'
+
+export function listBid(query) {
+  return request({
+    url: '/oa/bid/list',
+    method: 'get',
+    params: query
+  })
+}

oa-ui/src/views/oa/bid/index.vue

@@ -1,7 +1,447 @@
 <!--
- * @Author: wrh
- * @Date: 2026-04-08 16:57:49
- * @LastEditors: wrh
- * @LastEditTime: 2026-04-08 16:58:24
+ * @Author: ysh
+ * @Date: 2026-04-09 09:18:44
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2026-04-10 09:43:47
 -->
-<template></template>
+<template>
+  <div class="app-container">
+    <div class="toolbar-card mb8">
+      <div class="keyword-display-row">
+        <span class="field-label">当前关键词</span>
+        <el-tag type="primary" effect="plain" class="keyword-tag">{{ displayKeyword || '—' }}</el-tag>
+      </div>
+      <el-form :inline="true" size="small" class="remote-search-form" @submit.native.prevent>
+        <el-form-item label="修改关键词">
+          <el-input v-model="keywordText" placeholder="多个关键词用英文逗号分隔" clearable style="width: 620px"
+            @keyup.enter.native="handleServerSearch" />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" icon="el-icon-search" :loading="searchLoading" @click="handleServerSearch">检索</el-button>
+        </el-form-item>
+      </el-form>
+      <div class="table-filter-row">
+        <span class="field-label">表格筛选</span>
+        <el-input v-model="tableFilter" placeholder="在当前页结果中过滤标题、类型、地区等" clearable prefix-icon="el-icon-search"
+          style="width: 360px" />
+        <span v-if="tableFilterTrimmed" class="filter-hint">
+          本页匹配 {{ filteredTableData.length }} / {{ tableData.length }} 条
+        </span>
+      </div>
+    </div>
+    <el-alert v-if="searchWarning" :title="searchWarning" type="warning" show-icon :closable="false" class="mb8" />
+    <div v-if="realInfoCount !== null && realInfoCount !== ''" class="search-summary mb8">
+      约 <strong>{{ realInfoCount }}</strong> 条相关信息（分页每页 {{ pageSize }} 条）
+    </div>
+    <el-table v-loading="searchLoading" :data="filteredTableData" border stripe style="width: 100%" :empty-text="tableEmptyText">
+      <el-table-column type="index" width="50" label="#" align="center" />
+      <el-table-column prop="news_type_des" label="类型" width="100" show-overflow-tooltip />
+      <el-table-column label="标题" min-width="300">
+        <template slot-scope="scope">
+          <a :href="scope.row.news_url" target="_blank" rel="noopener noreferrer" class="title-link">{{
+            plainTitle(scope.row.news_title_show) }}</a>
+          <span v-if="scope.row.contain_kwd_fujian" class="fujian-tag">含附件</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="金额/预算" width="130" show-overflow-tooltip>
+        <template slot-scope="scope">{{ formatAmount(scope.row) }}</template>
+      </el-table-column>
+      <el-table-column label="采购方式/阶段" width="130" show-overflow-tooltip>
+        <template slot-scope="scope">{{ formatCgfs(scope.row) }}</template>
+      </el-table-column>
+      <el-table-column label="截止时间/中标时间等" width="160" show-overflow-tooltip>
+        <template slot-scope="scope">{{ formatTimeCol(scope.row) }}</template>
+      </el-table-column>
+      <el-table-column prop="news_diqustr" label="地区" width="120" show-overflow-tooltip />
+      <el-table-column label="发布" width="120" show-overflow-tooltip>
+        <template slot-scope="scope">{{ showText(scope.row.news_star_time_show) }}</template>
+      </el-table-column>
+    </el-table>
+    <el-pagination v-if="pageTotal > 0" class="mt16" background :current-page="searchQuery.page" :page-size="pageSize"
+      layout="total, prev, pager, next, jumper" :total="pageTotal" @current-change="handlePageChange" />
+  </div>
+</template>
+
+<script>
+import axios from 'axios'
+import CryptoJS from 'crypto-js'
+import { Message, Loading } from 'element-ui'
+import { listBid } from '@/api/oa/bid/bid'
+
+const SEARCH_PRO_URL = 'https://interface.bidcenter.com.cn/search/GetSearchProHandler.ashx'
+const BIDCENTER_GUID = 'cad034bd-ad01-4dce-a4ca-1a1252f0dbf1'
+
+// 与 searchv16.js 中 variate.key / variate.aceIV 一致（采招网接口 AES）
+const bidcenterAes = {
+  key: CryptoJS.lib.WordArray.create(
+    [863652730, 2036741733, 1164342596, 1782662963],
+    16
+  ),
+  iv: CryptoJS.lib.WordArray.create(
+    [1719227713, 1314533489, 1397643880, 1749959510],
+    16
+  )
+}
+
+/** 与 jq_search POST 一致：keywords 已为 encodeURIComponent 结果，不再二次编码；token 允许空串也提交 */
+function serializeSearchParams(data) {
+  const parts = []
+  for (const key of Object.keys(data)) {
+    const v = data[key]
+    if (v === undefined || v === null) continue
+    if (v === '' && key !== 'token') continue
+    if (key === 'keywords') {
+      parts.push(`keywords=${v}`)
+    } else {
+      parts.push(`${encodeURIComponent(key)}=${encodeURIComponent(String(v))}`)
+    }
+  }
+  return parts.join('&')
+}
+
+export default {
+  name: 'Bid',
+  data() {
+    return {
+      bidList: [],
+      tableData: [],
+      pageTotal: 0,
+      pageSize: 40,
+      realInfoCount: null,
+      searchWarning: '',
+      emptyText: '暂无数据',
+      searchLoading: false,
+      nextToken: '',
+      /** 检索输入框与接口关键词（明文） */
+      keywordText: '控制网,库容复核,测量技术,地形测量,安全监测,基准网复测,测量中心,土地测绘',
+      /** 接口返回或上次成功检索后的展示文案 */
+      displayKeyword: '控制网,库容复核,测量技术,地形测量,安全监测,基准网复测,测量中心,土地测绘',
+      /** 仅筛选当前页表格，不发请求 */
+      tableFilter: '',
+      searchQuery: {
+        time: 90,
+        type: 1,
+        mod: 0,
+        page: 1
+      }
+    }
+  },
+  computed: {
+    tableFilterTrimmed() {
+      return (this.tableFilter || '').trim()
+    },
+    filteredTableData() {
+      const q = this.tableFilterTrimmed.toLowerCase()
+      if (!q) return this.tableData
+      return this.tableData.filter((row) => {
+        const title = this.plainTitle(row.news_title_show).toLowerCase()
+        const type = String(row.news_type_des || '').toLowerCase()
+        const area = String(row.news_diqustr || '').toLowerCase()
+        const amount = this.formatAmount(row).toLowerCase()
+        const cgfs = this.formatCgfs(row).toLowerCase()
+        const timeCol = this.formatTimeCol(row).toLowerCase()
+        return (
+          title.includes(q) ||
+          type.includes(q) ||
+          area.includes(q) ||
+          amount.includes(q) ||
+          cgfs.includes(q) ||
+          timeCol.includes(q)
+        )
+      })
+    },
+    tableEmptyText() {
+      if (this.tableFilterTrimmed && this.tableData.length && this.filteredTableData.length === 0) {
+        return '当前页无匹配项，请调整筛选词'
+      }
+      return this.emptyText
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    async getList() {
+      const queryParams = {
+        url:
+          'https://search.bidcenter.com.cn/search?keywords=%e6%8e%a7%e5%88%b6%e7%bd%91%2c%e5%ba%93%e5%ae%b9%e5%a4%8d%e6%a0%b8%2c%e6%b5%8b%e9%87%8f%e6%8a%80%e6%9c%af%2c%e5%9c%b0%e5%bd%a2%e6%b5%8b%e9%87%8f%2c%e5%ae%89%e5%85%a8%e7%9b%91%e6%b5%8b%2c%e5%9f%ba%e5%87%86%e7%bd%91%e5%a4%8d%e6%b5%8b%2c%e6%b5%8b%e9%87%8f%e4%b8%ad%e5%bf%83%2c%e5%9c%9f%e5%9c%b0%e6%b5%8b%e7%bb%98&time=90&type=1&mod=0&page=2'
+      }
+      await listBid(queryParams)
+      await this.fetchBidcenterSearch()
+    },
+    handleServerSearch() {
+      const t = (this.keywordText || '').trim()
+      if (!t) {
+        Message.warning('请输入关键词')
+        return
+      }
+      this.keywordText = t
+      this.searchQuery.page = 1
+      this.nextToken = ''
+      this.tableFilter = ''
+      this.fetchBidcenterSearch()
+    },
+    buildSearchPostBody() {
+      const body = {
+        from: 6137,
+        guid: BIDCENTER_GUID,
+        location: 6138,
+        token: '',
+        keywords: encodeURIComponent((this.keywordText || '').trim()),
+        time: this.searchQuery.time,
+        type: this.searchQuery.type,
+        mod: this.searchQuery.mod,
+        page: this.searchQuery.page
+      }
+      if (this.nextToken) {
+        body.next_token = this.nextToken
+      }
+      return body
+    },
+    async fetchBidcenterSearch() {
+      let loadingInstance = null
+      try {
+        loadingInstance = Loading.service({
+          lock: true,
+          text: '加载中',
+          spinner: 'el-icon-loading',
+          background: 'rgba(0, 0, 0, 0.1)'
+        })
+      } catch (e) { /* ignore */ }
+      this.searchLoading = true
+      const postData = this.buildSearchPostBody()
+      try {
+        const res = await axios({
+          url: SEARCH_PRO_URL,
+          method: 'post',
+          timeout: 20000,
+          responseType: 'text',
+          headers: {
+            'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
+          },
+          transformRequest: [(data) => serializeSearchParams(data)],
+          data: postData
+        })
+        this.bindSearchData(res.data)
+      } catch (e) {
+        Message({ message: '网络错误，请重试', type: 'error' })
+        this.tableData = []
+      } finally {
+        this.searchLoading = false
+        if (loadingInstance) {
+          loadingInstance.close()
+        }
+      }
+    },
+    /**
+     * 对齐 searchv16.js method.bindSearchData：解密后取 data.other2.listData 等
+     */
+    bindSearchData(resText) {
+      this.searchWarning = ''
+      const data = this.AESDecrypt(resText)
+      if (!data) {
+        Message.error('解密失败或响应为空')
+        this.tableData = []
+        this.emptyText = '解密失败'
+        return
+      }
+      if (Number(data.retbs) === 1) {
+        this.searchWarning =
+          '您查询的信息中可能含有敏感内容，因政策监管原因，部分信息会做屏蔽处理，如需查询更多详情，请联系客服专员。'
+      }
+      if (data.ret) {
+        if (!data.other2) {
+          this.tableData = []
+          this.pageTotal = 0
+          this.realInfoCount = 0
+          return
+        }
+        const resultData = data.other2
+        this.applyPageSearchJson(resultData.pageSearchJson)
+        this.nextToken = resultData.next_token || ''
+        const list = resultData.listData
+        this.tableData = Array.isArray(list) ? list : []
+        this.pageTotal = Number(resultData.showInfoCount) || 0
+        let total = resultData.realInfoCount
+        if (
+          resultData.optimize &&
+          Array.isArray(resultData.optimize) &&
+          resultData.optimize.indexOf('totalcount') > -1
+        ) {
+          total = `约${resultData.realInfoCount}`
+        }
+        this.realInfoCount = total != null ? total : this.pageTotal
+        this.emptyText = this.tableData.length ? '暂无数据' : '未查询到相关信息'
+      } else {
+        if (data.msg) {
+          Message.warning(data.msg)
+        }
+        if (data.other2 && data.other2.pageSearchJson) {
+          this.applyPageSearchJson(data.other2.pageSearchJson)
+        }
+        this.tableData = []
+        this.emptyText = '未查询到相关信息'
+      }
+    },
+    applyPageSearchJson(pageSearchJson) {
+      if (!pageSearchJson) {
+        const k = (this.keywordText || '').trim()
+        if (k) this.displayKeyword = k
+        return
+      }
+      try {
+        const jq = JSON.parse(pageSearchJson)
+        if (jq.zbje_min && jq.zbje_min > 0) {
+          jq.zbje_min = jq.zbje_min / 10000
+        }
+        if (jq.zbje_max && jq.zbje_max > 0 && jq.zbje_max < 999999999999) {
+          jq.zbje_max = jq.zbje_max / 10000
+        } else if (jq) {
+          jq.zbje_max = 0
+        }
+        if (jq.page != null) {
+          this.searchQuery.page = jq.page
+        }
+        if (jq.keywords != null && String(jq.keywords).trim() !== '') {
+          this.displayKeyword = String(jq.keywords).trim()
+        } else {
+          const k = (this.keywordText || '').trim()
+          if (k) this.displayKeyword = k
+        }
+      } catch (e) {
+        const k = (this.keywordText || '').trim()
+        if (k) this.displayKeyword = k
+      }
+    },
+    handlePageChange(page) {
+      this.searchQuery.page = page
+      this.nextToken = ''
+      this.fetchBidcenterSearch()
+    },
+    plainTitle(html) {
+      if (html == null || html === '') return '—'
+      return String(html).replace(/<[^>]+>/g, '')
+    },
+    showText(val) {
+      if (val == null || val === '' || val === '--') return '—'
+      return String(val)
+    },
+    formatAmount(row) {
+      if (row.news_type === 4) return this.showText(row.news_zhongbiaojine_show)
+      if (row.is_xiangmu) return this.showText(row.news_gczj_show)
+      return this.showText(row.news_zbje_show)
+    },
+    formatCgfs(row) {
+      if (row.is_xiangmu) return this.showText(row.news_jieduan_show)
+      return this.showText(row.news_cgfs)
+    },
+    formatTimeCol(row) {
+      const t = row.news_type
+      if (t === 4 || t === 6 || row.is_xiangmu) return this.showText(row.news_star_time_show)
+      if (t === 2) return this.showText(row.news_end_time_show)
+      return this.showText(row.news_end_time_show)
+    },
+    AESDecrypt(str) {
+      if (str == null || str === '') {
+        return null
+      }
+      var nContent = CryptoJS.AES.decrypt(str, bidcenterAes.key, {
+        iv: bidcenterAes.iv,
+        mode: CryptoJS.mode.CBC,
+        padding: CryptoJS.pad.ZeroPadding
+      })
+      if (nContent && nContent != null) {
+        try {
+          var constr = CryptoJS.enc.Utf8.stringify(nContent)
+          if (constr !== '') {
+            var data = JSON.parse(constr)
+            return data
+          }
+          return null
+        } catch (err) {
+          return null
+        }
+      }
+      return null
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.mb8 {
+  margin-bottom: 8px;
+}
+
+.toolbar-card {
+  padding: 16px 16px 8px;
+  background: #fff;
+  border-radius: 4px;
+  border: 1px solid #ebeef5;
+}
+
+.keyword-display-row {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-bottom: 12px;
+}
+
+.field-label {
+  font-size: 14px;
+  color: #606266;
+  font-weight: 500;
+  flex-shrink: 0;
+}
+
+.keyword-tag {
+  max-width: 100%;
+  white-space: normal;
+  height: auto;
+  line-height: 1.5;
+  padding: 6px 12px;
+}
+
+.remote-search-form {
+  margin-bottom: 8px;
+}
+
+.table-filter-row {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 12px;
+  padding-top: 8px;
+  border-top: 1px dashed #ebeef5;
+}
+
+.filter-hint {
+  font-size: 13px;
+  color: #909399;
+}
+
+.mt16 {
+  margin-top: 16px;
+}
+
+.search-summary {
+  font-size: 14px;
+  color: #606266;
+}
+
+.title-link {
+  color: #409eff;
+  text-decoration: none;
+
+  &:hover {
+    text-decoration: underline;
+  }
+}
+
+.fujian-tag {
+  margin-left: 6px;
+  font-size: 12px;
+  color: #e6a23c;
+}
+</style>