Skip to content

W
web-site
Commit ee24ec66 authored by 吴冠's avatar 吴冠
Browse files
Options

det

parent edcf5521
Hide whitespace changes
Inline Side-by-side
Showing with 160 additions and 89 deletions
components/dataTable.vue
View file @ ee24ec66
...@@ -153,9 +153,11 @@ export default { ...@@ -153,9 +153,11 @@ export default {
methods: { methods: {
handleSizeChange(val) { handleSizeChange(val) {
console.log(`每页 ${val} 条`) console.log(`每页 ${val} 条`)
this.$emit("sendSize",val)
}, },
handleCurrentChange(val) { handleCurrentChange(val) {
console.log(`当前页: ${val}`) console.log(`当前页: ${val}`)
this.$emit("sendCurrent",val)
}, },
// 查询 // 查询
query() { query() {
......
pages/index/notice/abortive.vue
View file @ ee24ec66
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
<ul v-if="isshow"> <ul v-if="isshow">
<li v-for="item in priceList" :key="item.id"> <li v-for="item in priceList" :key="item.id">
<nuxt-link :to="{name:'index-notice-ABORTIVEdetails',query:{id:(item.id)}}"> <nuxt-link :to="{name:'index-notice-ABORTIVEdetails',query:{id:(item.noticeId)}}">
<div class="time">{{getTimer(item.createTime)}}</div> <div class="time">{{getTimer(item.createTime)}}</div>
<div class="price-item"> <div class="price-item">
<div class="t1" style="font-weight: bold;"> <div class="t1" style="font-weight: bold;">
......
pages/index/notice/all.vue
View file @ ee24ec66
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
<ul v-if="isshow"> <ul v-if="isshow">
<li v-for="item in priceList" :key="item.id"> <li v-for="item in priceList" :key="item.id">
<nuxt-link :to='`/notice/${item.noticeType}details?id=${item.id}`'> <nuxt-link :to='`/notice/${item.noticeType}details?id=${item.noticeId}`'>
<div class="time">{{getTimer(item.createTime)}}</div> <div class="time">{{getTimer(item.createTime)}}</div>
<div class="price-item"> <div class="price-item">
<div class="t1" style="font-weight: bold;"> <div class="t1" style="font-weight: bold;">
......
pages/index/notice/bid.vue
View file @ ee24ec66
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
</div> </div>
<ul v-if ="isshow"> <ul v-if ="isshow">
<li v-for="item in priceList" :key="item.id"> <li v-for="item in priceList" :key="item.id">
<nuxt-link :to="{name:'index-notice-BIDDINGdetails',query:{id:(item.id)}}"> <nuxt-link :to="{name:'index-notice-BIDDINGdetails',query:{id:(item.noticeId)}}">
<div class="time">{{getTimer(item.createTime)}}</div> <div class="time">{{getTimer(item.createTime)}}</div>
<div class="price-item"> <div class="price-item">
<div class="t1" style="font-weight: bold;"> <div class="t1" style="font-weight: bold;">
......
pages/index/notice/biding.vue
View file @ ee24ec66
...@@ -42,7 +42,7 @@ ...@@ -42,7 +42,7 @@
<ul v-if="isshow"> <ul v-if="isshow">
<li v-for="item in priceList" :key="item.id"> <li v-for="item in priceList" :key="item.id">
<!-- 绑定中标详情页 --> <!-- 绑定中标详情页 -->
<nuxt-link :to="{name:'index-notice-WINdetails',query:{id:(item.id)}}"> <nuxt-link :to="{name:'index-notice-WINdetails',query:{id:(item.noticeId)}}">
<div class="time">{{getTimer(item.createTime)}}</div> <div class="time">{{getTimer(item.createTime)}}</div>
<div class="price-item"> <div class="price-item">
<div class="t1" style="font-weight: bold;"> <div class="t1" style="font-weight: bold;">
......
pages/index/notice/cadidate.vue
View file @ ee24ec66
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
<ul v-if="isshow"> <ul v-if="isshow">
<li v-for="item in priceList" :key="item.id"> <li v-for="item in priceList" :key="item.id">
<nuxt-link :to="{name:'index-notice-CADIDATEdetails',query:{id:(item.id)}}"> <nuxt-link :to="{name:'index-notice-CADIDATEdetails',query:{id:(item.noticeId)}}">
<div class="time">{{getTimer(item.createTime)}}</div> <div class="time">{{getTimer(item.createTime)}}</div>
<div class="price-item"> <div class="price-item">
<div class="t1" style="font-weight: bold;"> <div class="t1" style="font-weight: bold;">
......
pages/index/notice/change.vue
View file @ ee24ec66
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
<ul v-if="isshow"> <ul v-if="isshow">
<li v-for="item in priceList" :key="item.id"> <li v-for="item in priceList" :key="item.id">
<nuxt-link :to="{name:'index-notice-CHANGEdetails',query:{id:(item.id)}}"> <nuxt-link :to="{name:'index-notice-CHANGEdetails',query:{id:(item.noticeId)}}">
<div class="time">{{getTimer(item.createTime)}}</div> <div class="time">{{getTimer(item.createTime)}}</div>
<div class="price-item"> <div class="price-item">
<div class="t1" style="font-weight: bold;"> <div class="t1" style="font-weight: bold;">
......
pages/index/notice/clarifies.vue
View file @ ee24ec66
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
<ul v-if="isshow"> <ul v-if="isshow">
<li v-for="item in priceList" :key="item.id"> <li v-for="item in priceList" :key="item.id">
<nuxt-link :to="{name:'index-notice-CLARIFIESdetails',query:{id:(item.id)}}"> <nuxt-link :to="{name:'index-notice-CLARIFIESdetails',query:{id:(item.noticeId)}}">
<div class="time">{{getTimer(item.createTime)}}</div> <div class="time">{{getTimer(item.createTime)}}</div>
<div class="price-item"> <div class="price-item">
<div class="t1" style="font-weight: bold;"> <div class="t1" style="font-weight: bold;">
......
pages/index/notice/enquirydetails.vue
View file @ ee24ec66
...@@ -3,15 +3,15 @@ ...@@ -3,15 +3,15 @@
<div class="flex-between t1"> <div class="flex-between t1">
<div class="flex"> <div class="flex">
<div>项目名称：</div> <div>项目名称：</div>
<div>{{formdata.itemTitle}}</div> <div>{{ formdata.itemTitle }}</div>
</div> </div>
<div class="flex"> <div class="flex">
<div>项目编号：</div> <div>项目编号：</div>
<div>{{formdata.itemCode}}</div> <div>{{ formdata.itemCode }}</div>
</div> </div>
<div class="flex"> <div class="flex">
<div>日期：</div> <div>日期：</div>
<div>{{formdata.itemTime}}</div> <div>{{ formdata.itemTime }}</div>
</div> </div>
</div> </div>
...@@ -19,65 +19,71 @@ ...@@ -19,65 +19,71 @@
<div> <div>
<div class="home"> <div class="home">
<!-- <breadCrumb :breads="breads"></breadCrumb> --> <!-- <breadCrumb :breads="breads"></breadCrumb> -->
<h1>{{formdata.itemTitle}}</h1> <h1>{{ formdata.itemTitle }}</h1>
<div class="flex-center"> <div class="flex-center">
<h6 style="margin-right:60px;margin-top:30px">询价所在地:{{formdata.area}}</h6> <h6 style="margin-right: 60px; margin-top: 30px">
<h6 style="margin-buttom:60px;margin-top:30px">日期:{{formdata.itemTime}}</h6> 询价所在地:{{ formdata.area }}
</h6>
<h6 style="margin-buttom: 60px; margin-top: 30px">
日期:{{ formdata.itemTime }}
</h6>
</div> </div>
<div class="form"> <div class="form">
<h3 style="margin-buttom:30px">基本信息</h3> <h3 style="margin-buttom: 30px">基本信息</h3>
<table border="0" width="100%" height="120px"> <table border="0" width="100%" height="120px">
<tr> <tr>
<td>询价单编号</td> <td>询价单编号</td>
<td>{{formdata.itemCode}}</td> <td>{{ formdata.itemCode }}</td>
<td>采购记录</td> <td>采购记录</td>
<td>{{formdata.record}}</td> <td>{{ formdata.record }}</td>
<td>项目优先级</td> <td>项目优先级</td>
<td>{{formdata.priority}}</td> <td>{{ formdata.priority }}</td>
</tr> </tr>
<tr> <tr>
<td>报价开始时间</td> <td>报价开始时间</td>
<td>{{formdata.startTime}}</td> <td>{{ getTimer1(formdata.startTime) }}</td>
<td >报价截止时间</td> <td>报价截止时间</td>
<td :time = "endtime" @change="gettimer">{{formdata.endTime}}</td> <td :time="endtime" @change="gettimer">
{{ getTimer1(formdata.endTime) }}
</td>
<td>采购单位</td> <td>采购单位</td>
<td>{{formdata.Purchasing}}</td> <td>{{ formdata.Purchasing }}</td>
</tr> </tr>
<tr> <tr>
<td>采购单位联系人</td> <td>采购单位联系人</td>
<td>{{formdata.purchasingpPerson}}</td> <td>{{ formdata.purchasingpPerson }}</td>
<td>联系方式</td> <td>联系方式</td>
<td>{{formdata.phone}}</td> <td>{{ formdata.phone }}</td>
<td>传真号码</td> <td>传真号码</td>
<td>{{formdata.faxphone}}</td> <td>{{ formdata.faxphone }}</td>
</tr> </tr>
</table> </table>
<div class="appendix"> <div class="appendix">
<div>预算金额(元)</div> <div>预算金额(元)</div>
<div>{{formdata.price}}</div> <div>{{ formdata.price }}</div>
</div> </div>
<div class="appendix"> <div class="appendix">
<div>成交规则及确认方式</div> <div>成交规则及确认方式</div>
<div>{{formdata.style}}</div> <div>{{ formdata.style }}</div>
</div> </div>
<h3>供应商要求</h3> <h3>供应商要求</h3>
<div class="appendix"> <div class="appendix">
<div>供应商规模要求</div> <div>供应商规模要求</div>
<div>{{formdata.Grequirements}}</div> <div>{{ formdata.Grequirements }}</div>
</div> </div>
<div class="appendix"> <div class="appendix">
<div>供应商资格要求</div> <div>供应商资格要求</div>
<div>{{formdata.Zrequirements}}</div> <div>{{ formdata.Zrequirements }}</div>
</div> </div>
<div class="appendix"> <div class="appendix">
<div>供应商区域范围要求</div> <div>供应商区域范围要求</div>
<div>{{formdata.arearequirements}}</div> <div>{{ formdata.arearequirements }}</div>
</div> </div>
<h3>询价商品清单</h3> <h3>询价商品清单</h3>
<dataTable :table-data="tabledata" :columns="columns"></dataTable> <dataTable :table-data="tabledata" :columns="columns" :isPageobj="false"></dataTable>
<div class="appendix list pos"> <div class="appendix list pos" style="margin-top:300px">
<div>附件</div> <div>附件</div>
<div>IMG_0208.jpg</div> <a href="#">xxxxxxx</a>
<!-- 此处放文件 --> <!-- 此处放文件 -->
</div> </div>
<h3>商务要求</h3> <h3>商务要求</h3>
...@@ -85,7 +91,7 @@ ...@@ -85,7 +91,7 @@
<div class="flex-center"> <div class="flex-center">
<p>商务要求</p> <p>商务要求</p>
</div> </div>
<div>{{formdata.content}}</div> <div>{{ formdata.content }}</div>
</div> </div>
<div class="notice flex"> <div class="notice flex">
<h4>招标公告</h4> <h4>招标公告</h4>
...@@ -93,21 +99,36 @@ ...@@ -93,21 +99,36 @@
</div> </div>
<div class="Tips">图使馆招标公告(2020-07-30)</div> <div class="Tips">图使馆招标公告(2020-07-30)</div>
<div class="button"> <div class="button">
<el-button type="primary" @click="dialogFormVisible = true" v-show="isshowbutton">我要报价</el-button> <el-button
type="primary"
@click="dialogFormVisible = true"
v-show="isshowbutton"
>我要报价</el-button
>
</div> </div>
</div> </div>
</div> </div>
<el-dialog :visible.sync="dialogFormVisible" title="报价"> <el-dialog :visible.sync="dialogFormVisible" title="报价">
<dataTable :table-data="tabledata" :columns="columns"> <dataTable :table-data="tabledata" :columns="columns" :isPageobj="false" >
<el-table-column slot="operate" label="操作" align="center" fixed="right" width="200"> <el-table-column
slot="operate"
label="操作"
align="center"
fixed="right"
width="200"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="text" size="small" @click="see(scope.row)">查看中标公告</el-button> <el-button type="text" size="small" @click="see(scope.row)"
>查看中标公告</el-button
>
</template> </template>
</el-table-column> </el-table-column>
</dataTable> </dataTable>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer" style="margin-top:300px">
<el-button @click="dialogFormVisible = false">取 消</el-button> <el-button @click="dialogFormVisible = false">取 消</el-button>
<el-button type="primary" @click="dialogFormVisible = false" >提交报价</el-button> <el-button type="primary" @click="dialogFormVisible = false"
>提交报价</el-button
>
</div> </div>
</el-dialog> </el-dialog>
</div> </div>
...@@ -117,45 +138,51 @@ ...@@ -117,45 +138,51 @@
<script> <script>
import dataTable from "@/components/dataTable.vue"; import dataTable from "@/components/dataTable.vue";
import breadCrumb from "@/components/dataBreadcrumb.vue"; import breadCrumb from "@/components/dataBreadcrumb.vue";
import {getenquirydetails} from '@/common/list.js' import { getenquirydetails } from "@/common/list.js";
export default { export default {
components: { components: {
dataTable, dataTable,
breadCrumb, breadCrumb,
}, },
mounted(){ mounted() {
let id=this.$route.query.id; let id = this.$route.query.id;
console.log(id+'----------------------++++++++++++++++++') let message = {}
this.getenquirydetails(id) message.currentPage = 1
message.size = 10
console.log(id + "----------------------++++++++++++++++++");
this.getenquirydetails(id,message);
}, },
data() { data() {
return { return {
formdata:{ total:0,
itemTitle:'苍南县公安局关于督查视频服务器5台在线询价公告', currentPage:1,
itemCode:'I1301000075017553011', size:10,
itemTime:'2020-10-01', formdata: {
area:'苍南县', itemTitle: "苍南县公安局关于督查视频服务器5台在线询价公告",
record:'无', itemCode: "I1301000075017553011",
priority:'非紧急', itemTime: "2020-10-01",
startTime:'2020-10-02 19:02', area: "苍南县",
endTime:'2020-10-02 19:02', record: "无",
Purchasing:'苍南县公安局', priority: "非紧急",
purchasingpPerson:'王荔荣', startTime: "2020-10-02 19:02",
phone:'13543466767', endTime: "2020-10-02 19:02",
faxphone:'0571-88287963', Purchasing: "苍南县公安局",
price:'10000', purchasingpPerson: "王荔荣",
style:'自动成交', phone: "13543466767",
Grequirements:'阿里巴巴', faxphone: "0571-88287963",
Zrequirements:'阿里巴巴', price: "10000",
arearequirements:'浙江省', style: "自动成交",
content:'1、 本次招标内容为开平碉楼与村落保护规划服务（具体详见技术要求）。投标人不得将本项目中的内容拆散来投标。 2、 投标人资格要求： （1）投标人应当是具有文物保护工程勘探设计甲级资质的法人，其中其业务范围必须包含文物保护规划编制； （2）投标人应当具有世界文化遗产保护规划设计的工作经验。 3、 投标人应当在投标文件中详细列出并提供相关证明文件证明本项目的管理负责人和技术负责人的学历、职称、从事相关工作的时间，承担过类似项目名称、责任内容、完成日期以及其它业绩证明材料。 4、 投标人应当具有完整的质量保证体系。 5、 投标人应当在投标文件中提供具有文物保护工程勘探设计资格证明等文件。', Grequirements: "阿里巴巴",
Zrequirements: "阿里巴巴",
arearequirements: "浙江省",
content:
"1、 本次招标内容为开平碉楼与村落保护规划服务（具体详见技术要求）。投标人不得将本项目中的内容拆散来投标。 2、 投标人资格要求： （1）投标人应当是具有文物保护工程勘探设计甲级资质的法人，其中其业务范围必须包含文物保护规划编制； （2）投标人应当具有世界文化遗产保护规划设计的工作经验。 3、 投标人应当在投标文件中详细列出并提供相关证明文件证明本项目的管理负责人和技术负责人的学历、职称、从事相关工作的时间，承担过类似项目名称、责任内容、完成日期以及其它业绩证明材料。 4、 投标人应当具有完整的质量保证体系。 5、 投标人应当在投标文件中提供具有文物保护工程勘探设计资格证明等文件。",
}, },
endtime:'', endtime: "",
isshow: true, isshow: true,
isshowbutton:true, isshowbutton: true,
dialogFormVisible: false, dialogFormVisible: false,
breads: ["投标管理","在线报名","询价公告"], breads: ["投标管理", "在线报名", "询价公告"],
tabledata: [ tabledata: [
{ {
name: "大白菜", name: "大白菜",
...@@ -171,11 +198,11 @@ export default { ...@@ -171,11 +198,11 @@ export default {
columns: [ columns: [
{ {
label: "标的名称", label: "标的名称",
prop: "name", prop: "bidName",
}, },
{ {
label: "数量", label: "数量",
prop: "acount", prop: "quantity",
}, },
{ {
label: "计量单位", label: "计量单位",
...@@ -187,37 +214,78 @@ export default { ...@@ -187,37 +214,78 @@ export default {
}, },
{ {
label: "规格型号", label: "规格型号",
prop: "size", prop: "specification",
}, },
{ {
label: "标杆价", label: "标杆价",
prop: "price", prop: "deliveryPlace",
}, },
{ {
label: "备注", label: "备注",
prop: "remarks", prop: "remark",
}, },
{ {
label: "我的报价(元)", label: "我的报价(元)",
prop: "quote", prop: "price",
}, },
], ],
}; };
}, },
methods: { methods: {
Prev() { Prev() {
this.$router.push("#"); this.$router.push("/notice/inquiry");
},
async getenquirydetails(params) {
const { data } = await getenquirydetails(params);
console.log(data, 123);
this.formdata.itemTitle = data.title;
this.formdata.itemCode = data.inquiryCode;
this.formdata.itemTime = data.createTime;
this.formdata.area = data.provinceId + data.cityId + data.districtId;
this.formdata.record = data.purchaseCategory;
let a = data.priority;
if (a === 0) {
a = "普通";
} else {
a = "紧急";
}
this.formdata.priority = a;
this.formdata.startTime = data.startTime;
this.formdata.endTime = data.endTime;
this.formdata.Purchasing = data.purchaseAgent;
this.formdata.purchasingpPerson = data.contact;
this.formdata.phone = data.contactPhone;
this.formdata.faxphone = data.facsimile;
this.formdata.price = data.budget;
this.formdata.style = data.requirement;
this.formdata.Grequirements = data.supplierScale;
this.formdata.Zrequirements = data.supplierQualification;
this.formdata.arearequirements = data.supplierRegion;
let b = data.commodityVOList;
console.log(b, 4546465446);
this.tabledata = b;
console.log(data, 7897897878);
console.log(data.accessoryVOList, "+++++++++++++++++");
this.list = data.accessoryVOList;
// this.fileA = data.accessoryVOList.fileName;
this.formdata.content = data.commercialRequirements
}, },
async getenquirydetails(id){
const {data} = await getenquirydetails(id);
},
//截止时间到,隐藏我要报价按钮 //截止时间到,隐藏我要报价按钮
gettimer(){ gettimer() {
let d = new Date() let d = new Date();
if(this.endtime.getTime() < d.getTime()){ if (this.endtime.getTime() < d.getTime()) {
this.isshowbutton = false this.isshowbutton = false;
} }
} },
getTimer1(dateStr) {
var date = new Date(dateStr);
var Month = date.getMonth() + 1;
var Day = date.getDate();
var Y = date.getFullYear() + "-";
var M = Month < 10 ? "0" + Month + "-" : Month + "-";
var D = Day + 1 < 10 ? "0" + Day : Day;
return Y + M + D;
},
}, },
}; };
</script> </script>
...@@ -225,6 +293,9 @@ export default { ...@@ -225,6 +293,9 @@ export default {
.details { .details {
width: 9.3rem; width: 9.3rem;
} }
.details .t1{
width:9.3rem
}
.details > div text { .details > div text {
color: #979899; color: #979899;
} }
...@@ -282,9 +353,7 @@ table > tr > td { ...@@ -282,9 +353,7 @@ table > tr > td {
table > tr > td:nth-child(odd) { table > tr > td:nth-child(odd) {
background: #f0f0f0; background: #f0f0f0;
} }
.right-s {
padding-right: 200px;
}
.appendix { .appendix {
display: flex; display: flex;
border: 1px solid #ccc; border: 1px solid #ccc;
......
pages/index/notice/inquiry.vue
View file @ ee24ec66
...@@ -45,7 +45,7 @@ ...@@ -45,7 +45,7 @@
<ul v-if="isshow1"> <ul v-if="isshow1">
<li v-if = "!isshow1">暂无数据</li> <li v-if = "!isshow1">暂无数据</li>
<li v-for="item in priceList" :key="item.id"> <li v-for="item in priceList" :key="item.id">
<nuxt-link :to="{name:'index-notice-ENQUIRYdetails',query:{id:(item.id)}}" > <nuxt-link :to="{name:'index-notice-ENQUIRYdetails',query:{id:(item.noticeId)}}" >
<div class="time">{{getTimer(item.createTime)}}</div> <div class="time">{{getTimer(item.createTime)}}</div>
<div class="price-item"> <div class="price-item">
<div class="t1" style="font-weight: bold;"> <div class="t1" style="font-weight: bold;">
...@@ -95,7 +95,7 @@ export default { ...@@ -95,7 +95,7 @@ export default {
citySelect, citySelect,
dataTable dataTable
}, },
/* mounted(){ /* async mounted(){
let message={}; let message={};
message.size=10 message.size=10
message.currentPage=1 message.currentPage=1
......
utils/request.js
View file @ ee24ec66
...@@ -7,8 +7,8 @@ import requestUrl from '../utils/Domain.js' ...@@ -7,8 +7,8 @@ import requestUrl from '../utils/Domain.js'
// 创建axios实例 // 创建axios实例
const service = axios.create({ const service = axios.create({
baseURL: 'http://60.205.251.80:8082/apis', // api的base_url /* baseURL: */ /* 'http://60.205.251.80:8082/apis', */ // api的base_url
/* baseURL: 'http://192.168.3.35:8085/apis', */ baseURL: 'http://192.168.3.35:8085/apis',
timeout: 35000 // 请求超时时间 timeout: 35000 // 请求超时时间
}) })
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment