Commit 931efcf5 authored by 吴冠's avatar 吴冠

try_again

parent 88062382
<template>
<div class="price">
<div class="flex">
<div>
<div class="flex-item" style="margin-bottom: 0.1rem;">
<span class="t1 left">行业类型</span>
<el-select v-model="value" placeholder="请选择">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
<span class="t1 left">行业类别</span>
<el-select v-model="value" placeholder="请选择">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</div>
<div class="flex-item t1">
<span class="t1 left">发布日期</span>
<el-date-picker v-model="interTimerPicker" :picker-options="pickerOptions" type="daterange" range-separator="至"
start-placeholder="开始日期" end-placeholder="结束日期">
</el-date-picker>
<span class="left">查询</span>
<el-input v-model="input" placeholder="请输入内容" style="width: 2.3rem;"></el-input>
</div>
</div>
<div style="width:0.6rem;">
<!-- <div class="check">查询</div>
<button class="reset">重置</button> -->
<el-button type="primary" style="margin-bottom: 0.1rem;">查询</el-button>
<el-button class="reset">重置</el-button>
</div>
</div>
<ul>
<li v-for="(item,index) in priceList" :key="index">
<nuxt-link to="/notice/details">
<div class="time">{{item.time}}</div>
<div class="price-item">
<div class="t1" style="font-weight: bold;">
<span class="state-red">[询价公告] </span>
<span>{{item.title}}</span>
</div>
<div class="flex-between">
<div>所属行业:{{item.industry}}</div>
<div>采购商:{{item.user}}</div>
</div>
<div class="flex-between">
<div>所属地区:{{item.local}}</div>
<div>招标状态: <span class="state-red">{{item.state}}</span> </div>
</div>
</div>
</nuxt-link>
</li>
</ul>
<div class="pagination flex-center">
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage4"
layout="total, prev, pager, next, jumper" :total="400">
</el-pagination>
</div>
</div>
</template>
<script>
export default {
props:{
// priceList: {
// type: Array,
// default() {
// return [];
// }
// }
},
data() {
return {
priceList: [{
id:"1",
time: "2020-05-28",
title: "2020年电商三级专区(济宁)电力电缆、变压器寻源采购框架项目招标公告",
industry: "能源电力",
user: "承兴河北项目管理有限公司",
local: "河北省-邢台市",
state: "正在售标&接受投标"
},
{
id:"2",
time: "2020-05-28",
title: "2020年电商三级专区(济宁)电力电缆、变压器寻源采购框架项目招标公告",
industry: "能源电力",
user: "承兴河北项目管理有限公司",
local: "河北省-邢台市",
state: "正在售标&接受投标"
}
],
interTimerPicker: "",
value2: "",
value1: "",
pickerOptions: {
disabledDate: (time) => {
return this.dealDisabledDate(time)
}
},
options: [{
value: '选项1',
label: '黄金糕'
}, {
value: '选项2',
label: '双皮奶'
}, {
value: '选项3',
label: '蚵仔煎'
}, {
value: '选项4',
label: '龙须面'
}, {
value: '选项5',
label: '北京烤鸭'
}],
value: '',
input: '',
currentPage4: 4
}
},
methods: {
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
},
dealDisabledDate(time) {
// 一天的毫秒数 = 8.64e7 判断时在return处可进行加减
let curDate = (new Date()).getTime();
let day = 12 * 30 * 24 * 3600 * 1000;
let dateRegion = curDate - day;
return time.getTime() > Date.now() || time.getTime() < dateRegion;
}
}
}
</script>
<style scoped>
.price {
width: 9.2rem;
}
.left {
margin-left: 0.3rem;
margin-right: 0.15rem;
}
.reset {
color: rgba(4, 134, 254, 1);
background: rgba(230, 241, 252, 1);
border: 1px solid rgba(163, 208, 253, 1);
}
.price>ul {
width: 9.3rem;
box-sizing: border-box;
padding-top: 0.2rem;
}
.price>ul>li {
height: 1.87rem;
border: 1px solid rgba(219, 219, 219, 1);
margin-bottom: 0.2rem;
}
.price>ul>li .time {
height: 0.41rem;
line-height: 0.41rem;
box-sizing: border-box;
padding-left: 0.2rem;
border-bottom: 1px solid rgba(219, 219, 219, 1);
font-size: .16rem;
color: rgba(153, 153, 153, 1);
}
.price>ul>li .price-item {
margin: .13rem 0 0 0.2rem;
}
.price>ul>li .price-item>div {
font-size: .14rem;
color: rgba(76, 76, 76, 1)
}
.price-item>div:first-child {
font-size: .16rem;
}
.price-item>div:nth-child(2) {
margin-top: .24rem;
margin-bottom: .19rem;
width: 4.5rem
}
.price-item>div:last-child {
width: 4.5rem
}
.state-red {
color: rgba(255, 24, 24, 1);
}
</style>
<template>
<div class="message">
<ul>
<li v-for="item in messageList" >
<nuxt-link to="/notice/details" class="flex-between">
<div class="t2">{{item.title}}</div>
<div class="t1">发布时间:{{item.time}}</div>
</nuxt-link>
</li>
</ul>
<div class="pagination flex-center">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage4"
layout="total, prev, pager, next, jumper"
:total="400">
</el-pagination>
</div>
</div>
</template>
<script>
export default {
props:{
// priceList: {
// type: Array,
// default() {
// return [];
// }
// }
},
data() {
return {
currentPage4:4,
messageList: [{
title: "工程招投标活动的突出问题与对策思路",
time: "2020-09-09 18:12"
},
{
title: "工程招投标活动的突出问题与对策思路",
time: "2020-09-09 18:12"
},
{
title: "工程招投标活动的突出问题与对策思路",
time: "2020-09-09 18:12"
}
]
}
},
created() {
},
methods:{
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
},
}
}
</script>
<style scoped>
.message {
border: 1px solid rgba(219, 219, 219, 1);
height:6.98rem;
position: relative;
}
.message>ul>li {
width: 9.23rem;
height: .61rem;
line-height: .61rem;
box-sizing: border-box;
padding-left: 0.3rem;
padding-right: 0.55rem;
border-bottom: 1px solid rgba(219, 219, 219, 1);
}
.message>ul>li div:last-child{
color:rgba(151,152,153,1);
}
.message>.pagination{
margin-top: 4rem;
}
</style>
<template>
<div class="message">
<ul>
<li v-for="item in messageList" >
<nuxt-link to="/notice/details" class="flex-between">
<div class="t2">{{item.title}}</div>
<div class="t1">发布时间:{{item.time}}</div>
</nuxt-link>
</li>
</ul>
<div class="pagination flex-center">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage4"
layout="total, prev, pager, next, jumper"
:total="400">
</el-pagination style="postion:relative;transform: translateX(-50%);">
</div>
</div>
</template>
<script>
export default {
data() {
return {
currentPage4:4,
messageList: [{
title: "工程招投标活动的突出问题与对策思路",
time: "2020-09-09 18:12"
},
{
title: "工程招投标活动的突出问题与对策思路",
time: "2020-09-09 18:12"
},
{
title: "工程招投标活动的突出问题与对策思路",
time: "2020-09-09 18:12"
}
]
}
},
created() {
},
methods:{
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
},
}
}
</script>
<style scoped>
.message {
border: 1px solid rgba(219, 219, 219, 1);
height:6.98rem;
position: relative;
}
.message>ul>li {
width: 9.23rem;
height: .61rem;
line-height: .61rem;
box-sizing: border-box;
padding-left: 0.3rem;
padding-right: 0.55rem;
border-bottom: 1px solid rgba(219, 219, 219, 1);
}
.message>ul>li div:last-child{
color:rgba(151,152,153,1);
}
.message>.pagination{
margin-top: 4rem;
}
</style>
<template>
<div class="message">
<ul>
<li v-for="item in messageList" >
<nuxt-link to="/notice/details" class="flex-between">
<div class="t2">{{item.title}}</div>
<div class="t1">发布时间:{{item.time}}</div>
</nuxt-link>
</li>
</ul>
<div class="pagination flex-center">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage4"
layout="total, prev, pager, next, jumper"
:total="400">
</el-pagination style="postion:relative;transform: translateX(-50%);">
</div>
</div>
</template>
<script>
export default {
data() {
return {
currentPage4:4,
messageList: [{
title: "工程招投标活动的突出问题与对策思路",
time: "2020-09-09 18:12"
},
{
title: "工程招投标活动的突出问题与对策思路",
time: "2020-09-09 18:12"
},
{
title: "工程招投标活动的突出问题与对策思路",
time: "2020-09-09 18:12"
}
]
}
},
created() {
},
methods:{
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
},
}
}
</script>
<style scoped>
.message {
border: 1px solid rgba(219, 219, 219, 1);
height:6.98rem;
position: relative;
}
.message>ul>li {
width: 9.23rem;
height: .61rem;
line-height: .61rem;
box-sizing: border-box;
padding-left: 0.3rem;
padding-right: 0.55rem;
border-bottom: 1px solid rgba(219, 219, 219, 1);
}
.message>ul>li div:last-child{
color:rgba(151,152,153,1);
}
.message>.pagination{
margin-top: 4rem;
}
</style>
......@@ -45,10 +45,15 @@
import {
getListContent,
getCategoryList,
getCateList,
getList
} from '@/common/list.js'
export default {
mounted(){
this.getCategoryList()
let message = {}
message.currentPage = 1
message.size = 10
this.getListContent(message)
},
data() {
return {
contentList:'',
......@@ -76,13 +81,6 @@ import {
}
]
}
},
created(){
this.getCategoryList()
let message = {}
message.currentPage = 1
message.size = 10
this.getListContent(message)
},
methods:{
urlChage(){
......@@ -96,16 +94,14 @@ import {
},
//分类列表
async getCategoryList(){
const {data,total} = await getCategoryList()
const {data} = await getCategoryList()
this.artList = data
},
// 文章列表
async getListContent(params){
const {data,total} = await getListContent(params)
console.log(data)
this.messageList = data
this.total = total
console.log(data.id+"----------------")
},
handleSizeChange(val) {
this.getListContent(this.currentPage,val)
......
......@@ -57,7 +57,7 @@ export default {
components:{
dataBreadcrumb,
},
created(){
mounted(){
let id = this.$route.query.id
console.log(id)
this.getBidingdetails(id)
......
......@@ -28,7 +28,7 @@
</div>
<ul>
<li v-for="item in priceList" :key="item.id">
<nuxt-link :to="`/notice/biddetails?id=${item.id}`">
<nuxt-link :to="`/notice/BIDDINGdetails?id=${item.id}`">
<div class="time">{{getTimer(item.createTime)}}</div>
<div class="price-item">
<div class="t1" style="font-weight: bold;">
......
......@@ -41,7 +41,7 @@
<ul>
<li v-for="item in priceList" :key="item.id">
<!-- 绑定中标详情页 -->
<nuxt-link :to="`/notice/windetails?id=${item.id}`">
<nuxt-link :to="`/notice/WINdetails?id=${item.id}`">
<div class="time">{{getTimer(item.createTime)}}</div>
<div class="price-item">
<div class="t1" style="font-weight: bold;">
......
......@@ -66,7 +66,7 @@ export default {
}
},
created(){
mounted(){
let id = this.$route.query.id
this.getCadidateDetails(id)
},
......
......@@ -29,7 +29,7 @@
<ul>
<li v-for="item in priceList" :key="item.id">
<nuxt-link :to="`/notice/changedetails?id=${item.id}`">
<nuxt-link :to="`/notice/CHANGEdetails?id=${item.id}`">
<div class="time">{{getTimer(item.createTime)}}</div>
<div class="price-item">
<div class="t1" style="font-weight: bold;">
......
......@@ -27,7 +27,7 @@
<script>
import {getChangeDetails} from '@/common/list.js'
export default {
created(){
mounted(){
let id = this.$route.query.id
console.log(id)
this.getChangeDetails(id)
......
......@@ -125,6 +125,11 @@ export default {
},
data() {
return {
mounted(){
let id=this.$route.query.id;
console.log(id)
this.getenquirydetails(id)
},
formdata:{
itemTitle:'苍南县公安局关于督查视频服务器5台在线询价公告',
itemCode:'I1301000075017553011',
......@@ -199,11 +204,6 @@ export default {
],
};
},
mounted(){
let id=this.$route.query.id;
console.log(id)
this.getenquirydetails(id)
},
methods: {
Prev() {
this.$router.push("/supply/web_sell/Join_items/work_place/all_content");
......
......@@ -66,7 +66,7 @@ export default {
}
},
created(){
mounted(){
let id = this.$route.query.id
console.log(id+"-----------------")
this.getErrorDetails(id)
......
......@@ -40,7 +40,7 @@
</div>
<ul>
<li v-for="item in priceList" :key="item.id">
<nuxt-link :to="`/notice/enquirydetails?id=${item.id}`">
<nuxt-link :to="`/notice/ENQUIRYdetails?id=${item.id}`">
<div class="time">{{getTimer(item.createTime)}}</div>
<div class="price-item">
<div class="t1" style="font-weight: bold;">
......
......@@ -67,7 +67,7 @@ export default {
}
},
created(){
mounted(){
let id = this.$route.query.id
console.log(id)
this.getWindetails(id)
......
......@@ -88,7 +88,7 @@ service.interceptors.response.use(
}
},
error => {
console.log(error)
console.log(error+'--------------------------------')
//如果不在首页 不验证token信息
if(error.response.status == 401){
/* console.log(error+'++++++++++++++++++++++++')
......
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