You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
303 lines
6.7 KiB
303 lines
6.7 KiB
<!DOCTYPE html> |
|
<html lang="en"> |
|
|
|
<head> |
|
<meta charset="UTF-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
<meta http-equiv="X-UA-Compatible" content="ie=edge"> |
|
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" /> |
|
<title>新疆恒联能源有限公司</title> |
|
<link rel="shortcut icon" type="image/x-icon" href="./images/logo.png"> |
|
<link rel="stylesheet prefetch" href="./css/index.css"> |
|
<link rel="stylesheet prefetch" href="./css/layer.css"> |
|
|
|
<script src="./js/vue.min.js"></script> |
|
<script src="./js/jquery.js"></script> |
|
<script src="./js/currency.js"></script> |
|
<script src="./js/layer.js"></script> |
|
<style> |
|
#index { |
|
padding-top: 90px; |
|
} |
|
|
|
header { |
|
position: fixed; |
|
top: 0; |
|
left: 0; |
|
right: 0; |
|
box-sizing: border-box !important; |
|
height: 92px; |
|
background: #fff; |
|
border-bottom: 1px solid #bbb; |
|
align-items: flex-end !important; |
|
} |
|
|
|
.mian { |
|
max-width: 1200px; |
|
width: 100%; |
|
margin: 0 auto; |
|
} |
|
|
|
/* 头部 */ |
|
.logo { |
|
width: 300px; |
|
} |
|
|
|
.head_right { |
|
margin-left: 10%; |
|
} |
|
|
|
.head_right .head_li { |
|
margin: 0 40px; |
|
padding: 13px 0; |
|
border-bottom: 10px solid transparent; |
|
cursor: pointer; |
|
font-size: 22px; |
|
color: #fff; |
|
} |
|
|
|
.head_right .head_li.selected { |
|
border-color: #fff; |
|
} |
|
|
|
.head_div { |
|
height: 128px; |
|
} |
|
|
|
.head_right .search_div { |
|
border: 2px solid #2cb7ca; |
|
border-radius: 6px; |
|
height: 42px; |
|
width: 70%; |
|
} |
|
|
|
.head_right .search_div .search_input { |
|
height: 100%; |
|
} |
|
|
|
.head_right .search_div .search_input>img { |
|
width: 30px; |
|
margin: 0 16px; |
|
} |
|
|
|
.head_right .search_div .search_input>input { |
|
height: 100%; |
|
font-size: 15px; |
|
} |
|
|
|
.search_button { |
|
width: 100px; |
|
height: 100%; |
|
font-size: 18px; |
|
color: #fff; |
|
background: #2cb7ca; |
|
cursor: pointer; |
|
} |
|
|
|
.user_div { |
|
margin-left: 60px; |
|
align-items: flex-end; |
|
} |
|
|
|
.user_div span { |
|
font-weight: bold; |
|
font-size: 30px; |
|
color: #000; |
|
white-space: nowrap; |
|
} |
|
|
|
.user_div a { |
|
font-size: 14px; |
|
margin-left: 16px; |
|
color: #f00; |
|
white-space: nowrap; |
|
text-decoration: underline; |
|
} |
|
|
|
/* 内容 */ |
|
|
|
/* .center_div{} */ |
|
|
|
.list_ul .list_li { |
|
height: 70px; |
|
border-bottom: 1px solid #f1f1f1; |
|
cursor: pointer; |
|
} |
|
|
|
.list_li .li_text { |
|
width: 70%; |
|
font-size: 18px; |
|
color: #1a1a1a; |
|
} |
|
|
|
.list_li .li_time { |
|
color: #bbb; |
|
font-size: 15px; |
|
} |
|
|
|
.list_li .tag_li { |
|
height: 20px; |
|
padding: 0 10px; |
|
border-radius: 2px; |
|
background: #00D08E; |
|
font-size: 14px; |
|
color: #fff; |
|
margin-right: 8px; |
|
white-space: nowrap; |
|
|
|
} |
|
|
|
.list_li .tag_li.lv { |
|
background: #00D08E; |
|
} |
|
|
|
.list_li .tag_li.cheng { |
|
background: #FF8C1B; |
|
} |
|
</style> |
|
</head> |
|
|
|
<body> |
|
<div id="index"> |
|
<!-- 头部 --> |
|
<header class="flex_center header"> |
|
<div class="mian flex_between"> |
|
<img class="logo" src="./images/logo.png" alt=""> |
|
<div class="flex_between head_right flex1"> |
|
<div class="search_div flex_center"> |
|
<div class="search_input flex_center flex1"> |
|
<img src="./images/search_icon.png" alt=""> |
|
<input class="flex1" type="text" v-model="keyword" placeholder="搜索内容"> |
|
</div> |
|
<div class="search_button flex_center" @click="sousuo"> |
|
搜索 |
|
</div> |
|
</div> |
|
|
|
<div class="user_div flex_center"> |
|
<span> |
|
{{userData.username}} |
|
</span> |
|
<a href="javaScript:void(0)" @click="escFun">退出</a> |
|
</div> |
|
</div> |
|
</div> |
|
</header> |
|
|
|
<section class="center_div "> |
|
<div class="list_ul mian"> |
|
<div class="list_li flex_between" v-for="(item,index) in lestData" :key="index" @click="details(item)"> |
|
|
|
<div class="text_overflow li_text"> |
|
{{index+1}}、{{item.title}} |
|
</div> |
|
|
|
<div class="flex_center li_time"> |
|
<div class="tag_ul flex_center"> |
|
<div class="tag_li flex_center lv" v-if="item.status === 1">投标结束</div> |
|
<div class="tag_li flex_center cheng" v-if="item.status === 0">招标中</div> |
|
</div> |
|
<span> {{item.create_time}}</span> |
|
</div> |
|
</div> |
|
|
|
</div> |
|
</section> |
|
|
|
</div> |
|
<script> |
|
var vm = new Vue({ |
|
el: '#index', |
|
data: { |
|
head_index: 0, |
|
lestData: [],//招标列表 |
|
tenderPages: 1,//招标页数 |
|
id: "",//要传id |
|
userData:false,//用户信息 |
|
page:1, |
|
keyword:'', |
|
}, |
|
watch: { |
|
|
|
}, |
|
computed: {// |
|
|
|
}, |
|
methods: { |
|
escFun(){ |
|
REOVE(); |
|
window.open('./login.html') |
|
}, |
|
sousuo(){ |
|
this.page = 1; |
|
this.dasd(); |
|
}, |
|
details(item) { |
|
this.id = item.id |
|
// console.log(this.id) |
|
window.localStorage.setItem("id", this.id); |
|
window.location.href = './details.html'; |
|
}, |
|
|
|
dasd() { |
|
let that = this; |
|
if(this.page == 1){ |
|
this.lestData = []; |
|
} |
|
if(this.lestData.length<(this.page-1)*20){ |
|
return false; |
|
} |
|
AJAX({ |
|
url: 'biding-list',//请求地址 |
|
method: 'get',//请求方法 |
|
data: { |
|
status: 3, |
|
page: this.page, |
|
limit: 20, |
|
keyword: this.keyword |
|
},//参数 |
|
token: true,//是否添加token |
|
is_loading: true,//是否显示加载框。 |
|
success: function (eve) { |
|
that.lestData = that.lestData.concat(eve.data.data); |
|
console.log(that.lestData, "招标列表123"); |
|
|
|
},//请求成功 |
|
|
|
}) |
|
} |
|
|
|
}, |
|
created() { |
|
|
|
}, |
|
mounted() { |
|
// 判断本地是否登录 |
|
if (USER()) { |
|
this.userData = USER(); |
|
this.dasd() |
|
} else { |
|
window.location.href='./login.html' |
|
} |
|
|
|
|
|
|
|
let that = this; |
|
// 监听滚动到底部 |
|
$(window).scroll(function () { |
|
var scrollTop = $(this).scrollTop()+5; |
|
var scrollHeight = $(document).height(); |
|
var windowHeight = $(this).height(); |
|
if (scrollTop + windowHeight >= scrollHeight) { |
|
console.log('底部'); |
|
that.page++; |
|
that.dasd(); |
|
} |
|
}); |
|
} |
|
}) |
|
|
|
</script> |
|
</body> |
|
|
|
</html> |