|
@@ -3,7 +3,7 @@
|
|
|
<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="请选择" @clear="reset" clearable >
|
|
|
+ <el-select v-model="queryParams.selectFull" placeholder="请选择" @clear="reset" clearable >
|
|
|
<el-option
|
|
|
v-for="item in selectOptions"
|
|
|
:key="item.value"
|
|
@@ -14,7 +14,7 @@
|
|
|
</el-select>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
- <el-input v-model="form.input" placeholder="请输入内容" @clear="reset" clearable></el-input>
|
|
|
+ <el-input v-model="queryParams.input" placeholder="请输入内容" @clear="reset" clearable></el-input>
|
|
|
</el-col>
|
|
|
<el-col :span="2">
|
|
|
<el-button type="primary" size="small" @click="btnQuery" icon="el-icon-search">搜索</el-button>
|
|
@@ -22,104 +22,109 @@
|
|
|
<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="请选择" @clear="reset" 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="发布时间" @clear="reset" 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="结束日期"
|
|
|
- clearable
|
|
|
- @change="handleInputClear">
|
|
|
- </el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="获取标书截至时间">
|
|
|
- <el-date-picker
|
|
|
- v-model="form.getTime"
|
|
|
- type="date"
|
|
|
- format="yyyy 年 MM 月 dd 日"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- placeholder="选择日期"
|
|
|
- clearable @change="handleInputClear">
|
|
|
- </el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row :gutter="24">
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="投标截止日期" >
|
|
|
- <el-date-picker
|
|
|
- v-model="form.endTime"
|
|
|
- type="date"
|
|
|
- format="yyyy 年 MM 月 dd 日"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- placeholder="选择日期"
|
|
|
- @change="handleInputClear"
|
|
|
- clearable>
|
|
|
- </el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="招标单位">
|
|
|
- <el-input v-model="form.zhaoBiaoUnit" placeholder="请输入内容" @clear="reset" clearable ></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="中标单位">
|
|
|
- <el-input v-model="form.zhongBiaoUnit" placeholder="请输入内容" @clear="reset" clearable></el-input>
|
|
|
- </el-form-item>
|
|
|
+ <el-col :span="2">
|
|
|
+ <el-button type="info" size="small" @click="isShow=!isShow">高级查询</el-button>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
- <el-row :gutter="24">
|
|
|
- <el-col :span="6">
|
|
|
- <el-form-item label="金额区间" >
|
|
|
- <el-input v-model="form.minPrice" placeholder="最小值" @clear="reset" clearable></el-input>
|
|
|
+ <div v-show="isShow" >
|
|
|
+ <el-row :gutter="24">
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="项目所属城市">
|
|
|
+ <el-select v-model="queryParams.city" placeholder="请选择" @clear="reset" 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="发布时间" >
|
|
|
+ <el-date-picker
|
|
|
+ v-model="queryParams.releasedTime"
|
|
|
+ type="daterange"
|
|
|
+ range-separator="-"
|
|
|
+ format="yyyy 年 MM 月 dd 日"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期"
|
|
|
+ clearable
|
|
|
+ @change="handleInputClear(queryParams.releasedTime)">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="获取标书截至时间">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="queryParams.getTime"
|
|
|
+ type="date"
|
|
|
+ format="yyyy 年 MM 月 dd 日"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ placeholder="选择日期"
|
|
|
+ clearable @change="handleInputClear">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="24">
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="投标截止日期" >
|
|
|
+ <el-date-picker
|
|
|
+ v-model="queryParams.endTime"
|
|
|
+ type="date"
|
|
|
+ format="yyyy 年 MM 月 dd 日"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ placeholder="选择日期"
|
|
|
+ @change="handleInputClear"
|
|
|
+ clearable>
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="招标单位">
|
|
|
+ <el-input v-model="queryParams.zhaoBiaoUnit" placeholder="请输入内容" @clear="reset" clearable ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="中标单位">
|
|
|
+ <el-input v-model="queryParams.zhongBiaoUnit" placeholder="请输入内容" @clear="reset" clearable></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="24">
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="金额区间" >
|
|
|
+ <el-input v-model="queryParams.minPrice" placeholder="最小值" clearable></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="1">
|
|
|
+ <div style="text-align: center">-</div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item style="padding-left: 70px">
|
|
|
+ <el-input v-model="queryParams.maxPrice" placeholder="最大值" @clear="reset()" clearable ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-form-item label="招标方式">
|
|
|
+ <el-checkbox-group v-model="queryParams.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-col>
|
|
|
- <el-col :span="1">
|
|
|
- <div style="text-align: center">-</div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6">
|
|
|
- <el-form-item style="padding-left: 70px">
|
|
|
- <el-input v-model="form.maxPrice" placeholder="最大值" @clear="reset" clearable ></el-input>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-form-item label="公告类型">
|
|
|
+ <el-checkbox-group v-model="queryParams.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-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-row>
|
|
|
+ </div>
|
|
|
</el-form>
|
|
|
<el-table
|
|
|
:data="dataList.dataTable"
|
|
@@ -133,7 +138,13 @@
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="xmNumber" label="项目编号" width="100" align="center"></el-table-column>
|
|
|
- <el-table-column prop="infoTitle" label="项目名称" width="200" align="center"></el-table-column>
|
|
|
+ <el-table-column prop="infoTitle" label="项目名称" width="200" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <p style="color: #00afff">
|
|
|
+ {{getChangeType(scope.row.infoTitle)}}<!--调用getChangeType方法-->
|
|
|
+ </p>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
<el-table-column prop="bidBudget" label="项目预算" width="80" align="center"></el-table-column>
|
|
|
<el-table-column prop="bidWinnerAmount" label="中标金额" width="80" align="center"></el-table-column>
|
|
|
<el-table-column prop="address" label="关键字匹配字段" width="120" align="center"></el-table-column>
|
|
@@ -203,10 +214,10 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="address" label="中标候选人" width="200" align="center"></el-table-column>
|
|
|
<el-table-column prop="infoTitle" label="产品" width="200" align="center"></el-table-column>
|
|
|
- <el-table-column prop="infoNewFile" label="公告原文链接" show-overflow-tooltip width="200" align="center">
|
|
|
+ <el-table-column prop="infoNewFile" label="公告原文链接" show-overflow-tooltip width="200" align="center" >
|
|
|
<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>
|
|
|
+ <a :href="scope.row.infoFileUrl" target="_blank" class="buttonText" style="color: #00afff">
|
|
|
+ {{ scope.row.infoFileName}}</a>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="address" label="操作" align="center">
|
|
@@ -244,10 +255,15 @@ export default {
|
|
|
btnReset(){
|
|
|
this.reset()
|
|
|
},
|
|
|
- reset(){
|
|
|
- console.log('11111111')
|
|
|
- Object.assign(this.form, this.$options.data().form)
|
|
|
- Object.assign(this.dataList, this.$options.data().dataList)
|
|
|
+ reset(val){
|
|
|
+ console.log(val)
|
|
|
+ if(val){
|
|
|
+ Object.assign(this.queryParams, this.$options.data().queryParams)
|
|
|
+ Object.assign(this.dataList, this.$options.data().dataList)
|
|
|
+ }else {
|
|
|
+ Object.assign(this.val, this.$options.data().val)
|
|
|
+ }
|
|
|
+
|
|
|
},
|
|
|
getCity(){
|
|
|
cityQuery().then(res => {
|
|
@@ -259,35 +275,41 @@ export default {
|
|
|
})
|
|
|
},
|
|
|
handleSizeChange(val) {
|
|
|
- this.form.pageSize = val;
|
|
|
+ this.queryParams.pageSize = val;
|
|
|
this.btnQuery();
|
|
|
},
|
|
|
handleCurrentChange(val) {
|
|
|
- this.form.pageNum = val;
|
|
|
+ this.queryParams.pageNum = val;
|
|
|
this.btnQuery();
|
|
|
},
|
|
|
handleRouter(pramsData) {
|
|
|
let resolve = this.$router.push({path:'/business/bid/bidingInfo',query:pramsData});
|
|
|
},
|
|
|
btnQuery() {
|
|
|
- // this.text()
|
|
|
this.getTime()
|
|
|
- getBidingInfo(this.form).then(res => {
|
|
|
+ getBidingInfo(this.queryParams).then(res => {
|
|
|
if (res.code == 200) {
|
|
|
- this.dataList.total = res.data.total;
|
|
|
- this.dataList.dataTable = res.data.rows;
|
|
|
+ this.dataList.total = res.total;
|
|
|
+ this.dataList.dataTable = res.rows;
|
|
|
+ this.dataList.dataTable.map((v) => {
|
|
|
+ const ins = JSON.parse(v.infoNewFile)
|
|
|
+ if (ins.length) {
|
|
|
+ v.infoFileName = ins[0].infoFileName
|
|
|
+ v.infoFileUrl = ins[0].infoFileUrl
|
|
|
+ }
|
|
|
+ })
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
getTime() {
|
|
|
- if (this.form.releasedTime != "" && this.form.releasedTime != null) {
|
|
|
- this.form.releasedStartTime = this.form.releasedTime[0]
|
|
|
- this.form.releasedEndTime = this.form.releasedTime[1]
|
|
|
+ if (this.queryParams.releasedTime != "" && this.queryParams.releasedTime != null) {
|
|
|
+ this.queryParams.releasedStartTime = this.queryParams.releasedTime[0]
|
|
|
+ this.queryParams.releasedEndTime = this.queryParams.releasedTime[1]
|
|
|
}
|
|
|
},
|
|
|
getChangeType(e) {
|
|
|
for (var i = 0; i < this.noticeType.length; i++) {
|
|
|
- if (this.noticeType[i].value === e) { //dictValue,dictLabel保持和上面定义一致
|
|
|
+ if (this.noticeType[i].value === e) {
|
|
|
return this.noticeType[i].label;
|
|
|
}
|
|
|
}
|
|
@@ -302,11 +324,14 @@ export default {
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+ isShow:false,
|
|
|
dataList: {
|
|
|
total: null,
|
|
|
dataTable: [],
|
|
|
},
|
|
|
- form: {
|
|
|
+ queryParams: {
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 10,
|
|
|
releasedTime: [],
|
|
|
endTime: '',
|
|
|
getTime: '',
|
|
@@ -319,12 +344,11 @@ export default {
|
|
|
input: '',
|
|
|
selectFull: '',
|
|
|
city: '',
|
|
|
- value: '',
|
|
|
bidType: [],
|
|
|
noticeType: [],
|
|
|
- pageNum: 1,
|
|
|
- pageSize: 10,
|
|
|
- }, bidType: [
|
|
|
+ },
|
|
|
+ form: {},
|
|
|
+ bidType: [
|
|
|
{
|
|
|
value: '0',
|
|
|
label: '公开招标'
|