全网商机获取:招投标查询

src/api/business/bid/biding.js

@@ -0,0 +1,17 @@
+import request from "@/utils/request";
+
+
+export function getBidingInfo(code) {
+  return request({
+    url: '/mk/bid/biding/pageQuery',
+    method: 'post',
+    data: code
+  })
+}
+
+export function cityQuery() {
+  return request({
+    url: '/mk/bid/biding/cityQuery',
+    method: 'get',
+  })
+}

src/router/index.js

@@ -67,6 +67,26 @@ export const constantRoutes = [
     hidden: true
   },
   {
+    path: '/business/bid/biding',
+    component: () => import('@/views/business/bid/index/biding.vue'),
+    hidden: true
+  },
+  {
+    path: '/business/bid/subscriptionRules',
+    component: () => import('@/views/business/bid/subscriptionRules/index.vue'),
+    hidden: true
+  },
+  {
+    path: '/business/bid/subscriptionRulesDetail',
+    component: () => import('@/views/business/bid/rulesDetail/detail.vue'),
+    hidden: true
+  },
+  {
+    path: '/business/bid/bidingInfo',
+    component: () => import('@/views/business/bid/detail/bidingInfoDetail.vue'),
+    hidden: true
+  },
+  {
     path: '/business/SupAtttachment',
     component: () => import('@/views/purchase/SupAtttachment/index'),
     hidden: true

src/views/business/bid/detail/bidingInfoDetail.vue

@@ -0,0 +1,61 @@
+<template>
+<div class="bidingInfoDetailMenu">
+  <h1>招投标公告详情</h1>
+  <el-descriptions class="margin-top" title="公告基本信息" :column="2"  border>
+    <el-descriptions-item label="标题" :span="2">{{this.areaObj.infoTitle}}</el-descriptions-item>
+    <el-descriptions-item label="一级公告类型">
+      {{this.areaObj.infoType}}
+    </el-descriptions-item>
+    <el-descriptions-item label="二级公告类型" >
+      {{this.areaObj.infoTypeSegment}}
+    </el-descriptions-item>
+    <el-descriptions-item label="项目所属地区" >
+      {{this.areaObj.areaProvince+this.areaObj.areaCity}}
+    </el-descriptions-item>
+    <el-descriptions-item label="项目名称" >{{this.areaObj.infoTypeSegment}}</el-descriptions-item>
+    <el-descriptions-item label="招标方式" >{{this.areaObj.biddingType}}</el-descriptions-item>
+    <el-descriptions-item label="招标预算" >{{this.areaObj.bidWinnerAmount}}</el-descriptions-item>
+    <el-descriptions-item label="发布时间" >{{this.areaObj.infoPublishTime}}</el-descriptions-item>
+    <el-descriptions-item label="投标开始至截止日期" >{{this.areaObj.tenderBeginTime}}至{{this.areaObj.tenderEndTime}}</el-descriptions-item>
+    <el-descriptions-item label="标书开始至截止日期" >{{this.areaObj.bidingAcquireTime}}至{{this.areaObj.bidingEndTime}}</el-descriptions-item>
+    <el-descriptions-item label="招标公司类型" >医院</el-descriptions-item>
+    <el-descriptions-item label="招标状态" >投标已截止</el-descriptions-item>
+  </el-descriptions>
+  <el-descriptions class="margin-top" title="公告主题信息" :column="2"  border>
+    <el-descriptions-item label="招标单位" >{{this.areaObj.zhaoBiaoUnitTempDtos[0].zhaoBiaoUnit}}</el-descriptions-item>
+    <el-descriptions-item label="招标单位联系人">{{this.areaObj.zhaoBiaoUnitTempDtos[0].zhaoRelationName}}</el-descriptions-item>
+    <el-descriptions-item label="代理单位" >{{this.areaObj.zhaoBiaoUnitTempDtos[0].agentUnit}}</el-descriptions-item>
+    <el-descriptions-item label="代理采购单位" >{{this.areaObj.zhaoBiaoUnitTempDtos[0].agentRelationName}}</el-descriptions-item>
+    <el-descriptions-item label="代理采购单位联系人" ></el-descriptions-item>
+    <el-descriptions-item label="代理采购单位联系方式" ></el-descriptions-item>
+    <el-descriptions-item label="联系地址" ></el-descriptions-item>
+  </el-descriptions>
+  <el-descriptions class="margin-top" title="产品信息" :column="2"  border>
+    <el-descriptions-item label="产品" :span="2">{{this.areaObj.infoTitle}}</el-descriptions-item>
+    <el-descriptions-item label="附件">{{this.areaObj.infoNewFile}} </el-descriptions-item>
+  </el-descriptions>
+  <el-descriptions class="margin-top" title="公告详情信息"  border>
+    <el-descriptions-item label="公告原文连接" ></el-descriptions-item>
+  </el-descriptions>
+</div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      areaObj:'',
+    };
+  },
+  created() {
+    //如果路由参数存在
+    if (this.$route.query) {
+      this.areaObj = this.$route.query;
+    }
+  },
+}
+</script>
+<style lang="scss" scoped>
+.bidingInfoDetailMenu{
+  margin: 10px;
+}
+</style>

src/views/business/bid/index/biding.vue

@@ -0,0 +1,404 @@
+<template>
+  <div class="bidingInfoMenu">
+    <el-form ref="form" :model="form" :inline="true">
+      <el-row :gutter="24" style="height: 58px">
+        <el-col :span="2">
+          <el-select v-model="form.selectFull" placeholder="请选择" clearable>
+            <el-option
+              v-for="item in selectOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+            </el-option>
+          </el-select>
+        </el-col>
+        <el-col :span="6">
+          <el-input v-model="form.input" placeholder="请输入内容" clearable></el-input>
+        </el-col>
+        <el-col :span="2">
+          <el-button type="primary" size="small" @click="btnQuery" icon="el-icon-search">搜索</el-button>
+        </el-col>
+        <el-col :span="2">
+          <el-button type="info" size="small" icon="el-icon-refresh" @click="btnReset">重置</el-button>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="项目所属城市">
+            <el-select v-model="form.city" placeholder="请选择" clearable>
+              <el-option
+                v-for="item in cityOptions"
+                :key="item.value"
+                :label="item.value"
+                :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="发布时间" clearable>
+            <el-date-picker
+              v-model="form.releasedTime"
+              type="daterange"
+              range-separator="-"
+              format="yyyy 年 MM 月 dd 日"
+              value-format="yyyy-MM-dd"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期">
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="获取标书截至时间" clearable>
+            <el-date-picker
+              v-model="form.getTime"
+              type="date"
+              format="yyyy 年 MM 月 dd 日"
+              value-format="yyyy-MM-dd"
+              placeholder="选择日期">
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="投标截止日期" clearable>
+            <el-date-picker
+              v-model="form.endTime"
+              type="date"
+              format="yyyy 年 MM 月 dd 日"
+              value-format="yyyy-MM-dd"
+              placeholder="选择日期">
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="招标单位">
+            <el-input v-model="form.zhaoBiaoUnit1" placeholder="请输入内容" clearable></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="中标单位">
+            <el-input v-model="form.zhongBiaoUnit1" placeholder="请输入内容" clearable></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="5">
+          <el-form-item label="金额区间" style="width: 100%;">
+            <el-input v-model="form.minPrice" placeholder="最小值" clearable></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="1">
+          <p style="text-align: center">-</p>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item>
+            <el-input v-model="form.maxPrice" placeholder="最大值" clearable></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-form-item label="招标方式">
+          <el-checkbox-group v-model="form.bidType">
+            <el-checkbox v-for="item in bidType" :label="item.value" :key="item.label">{{ item.label }}
+            </el-checkbox>
+          </el-checkbox-group>
+        </el-form-item>
+      </el-row>
+      <el-row>
+        <el-form-item label="公告类型">
+          <el-checkbox-group v-model="form.noticeType">
+            <el-checkbox v-for="item in noticeType" :label="item.value" :key="item.value">{{ item.label }}
+            </el-checkbox>
+          </el-checkbox-group>
+        </el-form-item>
+      </el-row>
+    </el-form>
+    <el-table
+      :data="dataList.dataTable"
+      style="width: 100%">
+      <el-table-column prop="id" label="序号" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="infoTitle" label="标题" @click="handle()" show-overflow-tooltip>
+        <template slot-scope="scope">
+          <p  @click="handleRouter(scope.row)">
+            <span>{{ scope.row.infoTitle }}</span>
+          </p>
+        </template>
+      </el-table-column>
+      <el-table-column prop="xmNumber" label="项目编号" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="infoTitle" label="项目名称" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="bidBudget" label="项目预算" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="bidWinnerAmount" label="中标金额" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="address" label="关键字匹配字段" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="infoPublishTime" label="发布时间" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="areaCity" label="项目所属城市" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="areaProvince" label="项目所属省份" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="infoTypeSegment" label="公告类型" show-overflow-tooltip>
+        <template slot-scope="scope">
+          {{getChangeType(scope.row.infoTypeSegment)}}<!--调用getChangeType方法-->
+        </template>
+      </el-table-column>
+      <el-table-column prop="bidingEndTime" label="获取标书截止日期" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="tenderEndTime" label="投标截止日期" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="biddingType" label="招标方式" show-overflow-tooltip>
+        <template slot-scope="scope">
+          {{getChangeType2(scope.row.biddingType)}}<!--调用getChangeType方法-->
+        </template>
+      </el-table-column>
+      <el-table-column prop="address" label="招标公司类型" show-overflow-tooltip></el-table-column>
+      <el-table-column label="招标单位" show-overflow-tooltip>
+        <template scope="scope">
+          <p v-if="scope.row.zhaoBiaoUnitTempDtos != null && scope.row.zhaoBiaoUnitTempDtos != ''">
+            {{ scope.row.zhaoBiaoUnitTempDtos[0].zhaoBiaoUnit }}
+          </p>
+        </template>
+      </el-table-column>
+      <el-table-column prop="zhaoBiaoUnitTempDtos" label="招标单位联系人" show-overflow-tooltip>
+        <template scope="scope">
+          <p v-if="scope.row.zhaoBiaoUnitTempDtos != null && scope.row.zhaoBiaoUnitTempDtos != ''">
+            {{ scope.row.zhaoBiaoUnitTempDtos[0].zhaoRelationName }}
+          </p>
+        </template>
+      </el-table-column>
+      <el-table-column prop="zhongBiaoUnit" label="中标单位" show-overflow-tooltip>
+        <template scope="scope">
+          <p v-if="scope.row.zhongBiaoUnitTempDtos != null && scope.row.zhongBiaoUnitTempDtos != ''">
+            {{ scope.row.zhongBiaoUnitTempDtos[0].zhongBiaoUnit }}
+          </p>
+        </template>
+      </el-table-column>
+      <el-table-column prop="zhongRelationName" label="中标单位联系人" show-overflow-tooltip>
+        <template scope="scope">
+          <p v-if="scope.row.zhongBiaoUnitTempDtos != null && scope.row.zhongBiaoUnitTempDtos != ''">
+            {{ scope.row.zhongBiaoUnitTempDtos[0].zhongRelationName }}
+          </p>
+        </template>
+      </el-table-column>
+      <el-table-column prop="agentUnit" label="代理单位" show-overflow-tooltip>
+        <template scope="scope">
+          <p v-if="scope.row.agentUnitTempDtos != null && scope.row.agentUnitTempDtos != ''">
+            {{ scope.row.agentUnitTempDtos[0].agentUnit }}
+          </p>
+        </template>
+      </el-table-column>
+      <el-table-column prop="agentRelationName" label="代理采购单位联系人" show-overflow-tooltip>
+        <template scope="scope">
+          <p v-if="scope.row.agentUnitTempDtos != null && scope.row.agentUnitTempDtos != ''">
+            {{ scope.row.agentUnitTempDtos[0].agentRelationName }}
+          </p>
+        </template>
+      </el-table-column>
+      <el-table-column prop="address" label="中标候选人" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="infoTitle" label="产品" show-overflow-tooltip></el-table-column>
+      <el-table-column prop="infoNewFile" label="公告原文链接" show-overflow-tooltip>
+        <template scope="scope">
+          <a v-if="scope.row.infoNewFile != null && scope.row.infoNewFile != ''" :href="scope.row.infoNewFile" target="_blank" class="buttonText">
+            {{ (JSON.parse(scope.row.infoNewFile))[0] }}</a>
+        </template>
+      </el-table-column>
+      <el-table-column prop="address" label="操作">
+        <el-button type="primary" size="small" @click="">转商机</el-button>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+      :current-page=form.pageNum
+      :page-size=form.pageSize
+      layout="total, sizes, prev, pager, next, jumper"
+      :total=dataList.total
+    >
+    </el-pagination>
+  </div>
+
+</template>
+<script>
+import {cityQuery, getBidingInfo} from "@/api/business/bid/biding";
+import TemplateList from "@/views/business/spd/target/targetMk/templateDownload.vue";
+
+export default {
+  components: {TemplateList},
+
+  created() {
+    this.getCity()
+  },
+  methods: {
+    btnReset(){
+    this.reset()
+    },
+    reset(){
+      Object.assign(this.form, this.$options.data().form)
+      Object.assign(this.dataList, this.$options.data().dataList)
+    },
+    getCity(){
+      cityQuery().then(res => {
+        if (res.code == 200) {
+          this.cityOptions=res.data
+        }else {
+          alert("获取失败")
+        }
+      })
+    },
+    handleSizeChange(val) {
+      this.form.pageSize = val;
+      this.btnQuery();
+    },
+    handleCurrentChange(val) {
+      this.form.pageNum = val;
+      this.btnQuery();
+    },
+    handleRouter(pramsData) {
+      //  路径/home对应我在router目录下index.js中定义的path属性值
+      // let resolve = this.$router.resolve({path:'/business/bid/bidingInfo',query:pramsData});
+      let resolve = this.$router.push({path:'/business/bid/bidingInfo',query:pramsData});
+      // window.open(resolve.href, '_blank');
+    },
+    btnQuery() {
+      // this.text()
+      this.getTime()
+      getBidingInfo(this.form).then(res => {
+        if (res.code == 200) {
+          this.dataList.total = res.data.total;
+          this.dataList.dataTable = res.data.rows;
+        }
+      })
+    },
+    getTime() {
+      if (this.form.releasedTime != "" && this.form.releasedTime != null) {
+        this.form.releasedStartTime = this.form.releasedTime[0]
+        this.form.releasedEndTime = this.form.releasedTime[1]
+      }
+    },
+    getChangeType(e) {
+      for (var i = 0; i < this.noticeType.length; i++) {
+        if (this.noticeType[i].value === e) { //dictValue，dictLabel保持和上面定义一致
+          return this.noticeType[i].label;
+        }
+      }
+    },
+    getChangeType2(e) {
+      for (var i = 0; i < this.bidType.length; i++) {
+        if (this.bidType[i].value === e) { //dictValue，dictLabel保持和上面定义一致
+          return this.bidType[i].label;
+        }
+      }
+    },
+  },
+  data() {
+    return {
+      dataList: {
+        total: null,
+        dataTable: [],
+      },
+      form: {
+        releasedTime: [],
+        endTime: '',
+        getTime: '',
+        releasedStartTime: '',
+        releasedEndTime: '',
+        zhaoBiaoUnit1: '',
+        zhongBiaoUnit1: '',
+        minPrice: '',
+        maxPrice: '',
+        input: '',
+        selectFull: '',
+        city: '',
+        value: '',
+        bidType: [],
+        noticeType: [],
+        pageNum: 1,
+        pageSize: 10,
+      }, bidType: [
+        {
+          value: '0',
+          label: '公开招标'
+        },
+        {
+          value: '4',
+          label: '询比价'
+        },
+        {
+          value: '2',
+          label: '竞价'
+        },
+        {
+          value: '1',
+          label: '邀请招标'
+        },
+        {
+          value: '3',
+          label: '定点采购'
+        },
+        {
+          value: '5',
+          label: '公开寻源'
+        },
+      ],
+      noticeType: [
+        {
+          value: '1',
+          label: '采购意向'
+        },
+        {
+          value: '2',
+          label: '招投标'
+        },
+        {
+          value: '3',
+          label: '招标'
+        },
+        {
+          value: '5',
+          label: '变更公告'
+        },
+        {
+          value: '10',
+          label: '中标候选人'
+        },
+        {
+          value: '11',
+          label: '中标结果'
+        },
+        {
+          value: '12',
+          label: '合同'
+        },
+        {
+          value: '13',
+          label: '验收公告'
+        },
+      ],
+      selectOptions: [
+        {
+          value: '1',
+          label: '综合'
+        }, {
+          value: '2',
+          label: '标题'
+        }, {
+          value: '3',
+          label: '产品'
+        }, {
+          value: '4',
+          label: '招标公司'
+        }, {
+          value: '5',
+          label: '中标公司'
+        },
+        {
+          value: '6',
+          label: '全文'
+        }
+      ],
+      cityOptions: [],
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.bidingInfoMenu {
+  margin: 10px;
+}
+
+</style>