diff --git a/static/css/bidding/biddingBigData.css b/static/css/bidding/biddingBigData.css new file mode 100644 index 0000000..4db39d3 --- /dev/null +++ b/static/css/bidding/biddingBigData.css @@ -0,0 +1,336 @@ +.main{ + background: url("../../images/bigData_bg.png") no-repeat center; + background-size: 100% 100%; + width: 100vw; + height: 100vh; + overflow: hidden; +} +#userLogin{ + padding: 0!important; +} +.logoData{ + position: absolute; + top: 4vh; + left: 1vw; +} + +.time{ + display: flex; + align-items: center; + position: absolute; + top: 4vh; + right: 1vw; + color: #2d8bff; +} + +.time div:nth-child(1){ + background: url("../../images/rl.png") no-repeat ; + padding-left: 30px; +} + +.time div:nth-child(2){ + background: url("../../images/sz.png") no-repeat ; + padding-left: 30px; + margin: 0 15px; +} + +.head{ + background: url("../../images/head_bg.png") no-repeat center; + width: 100vw; + height: 10vh; + position: relative; +} +.head_bg{ + background: url("../../images/head_bg_animal.png") no-repeat center; + width: 100vw; + height: 10vh; + animation: 2s opacity 0.1s infinite; + position: absolute; +} +.head_tit{ + font-size: 2.45rem; + text-align: center; + color: #ffffff; + font-weight: bold; +} + +.xuanzhuan { + -webkit-transition-property: -webkit-transform; + -webkit-transition-duration: 1s; + -moz-transition-property: -moz-transform; + -moz-transition-duration: 1s; + -webkit-animation: rotate 3s linear infinite; + -moz-animation: rotate 3s linear infinite; + -o-animation: rotate 3s linear infinite; + animation: rotate 3s linear infinite; +} +.horizontal { + display: flex; + position: absolute; + right: 32vw; + top: 4vh; +} +.axis { + width: 1.8vw; + height: 4vh; + background: url('../../images/headline_hz.png') no-repeat; + background-size: 100% 100%; + margin-left: -.45vw; +} +.horizontal1 { + display: flex; + position: absolute; + left: 32vw; + top: 4vh; +} +.axis1 { + width: 1.8vw; + height: 4vh; + background: url('../../images/headline_hz1.png') no-repeat; + background-size: 100% 100%; + margin-left: -.45vw; +} + +.anmia1 { + opacity: 1; + animation: 2s horizontalAnmia1 0.1s infinite; +} + +.anmia2 { + opacity: 0.5; + animation: 2s horizontalAnmia2 0.1s infinite; +} + +.anmia3 { + opacity: 0; + animation: 2s horizontalAnmia3 0.1s infinite; +} + +.tab_main{ + display: flex; + align-items: center; + margin: 15px 0; +} + +.tab_main div{ + width: 6vw; + height: 3vh; + margin-right: 1vw; + cursor: pointer; +} + +.tab_main div:hover img{ + display: block!important; +} + +.tab1{ + background: url('../../images/icon_jj_01.png') no-repeat; + background-size: 100% 100%; +} +.tab2{ + background: url('../../images/icon_jj_02.png') no-repeat; + background-size: 100% 100%; +} +.tab3{ + background: url('../../images/icon_jj_03.png') no-repeat; + background-size: 100% 100%; +} +.tab4{ + background: url('../../images/icon_jj_04.png') no-repeat; + background-size: 100% 100%; +} +.tab5{ + background: url('../../images/icon_jj_05.png') no-repeat; + background-size: 100% 100%; +} +.tab6{ + background: url('../../images/icon_jj_06.png') no-repeat; + background-size: 100% 100%; +} + +.tableList{ + width: 100%!important; + height: calc(100vh - 130px - 3vh - 10vh)!important; +} + +.tableList table tr:nth-child(odd){ + background-color: #13225e!important; +} + +.tableList table tr td{ + color: #ffffff; +} + +.tableHead{ + background: #133194!important; + color: #ffffff!important; + margin-top: 0!important; +} + +.tableType{ + background: #133194!important; +} + +.bidding input[type='button']{ + border-color: #ffffff; + color: #ffffff; +} + +.select_main{ + /*border: 10px solid transparent!important;*/ + /*-webkit-border-image: url(../../images/border_img.png) 1 stretch; !* Safari 3.1-5 *!*/ + /*-o-border-image: url(../../images/border_img.png) 1 stretch; !* Opera 11-12.1 *!*/ +} + +select{ + color: #2d8bff; + border-image: url(../../images/border_img.png) 3 stretch!important; + margin-left: 1vw; +} + +.tab_select{ + display: flex; + justify-content: space-between; + align-items: center; + width: 98%; + margin: 0 auto; +} + +.bidding{ + width: 98%; + margin: 0 auto; +} + +.tableType p{ + color: #ffffff!important; +} + +@keyframes horizontalAnmia1 { + 0% { + opacity: 1; + } + + 50% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} + +@keyframes horizontalAnmia2 { + 0% { + opacity: 0.5; + } + + 25% { + opacity: 1; + } + + 75% { + opacity: 0; + } + + 100% { + opacity: 0.5; + } +} + +@keyframes horizontalAnmia3 { + 0% { + opacity: 0; + } + + 50% { + opacity: 1; + } + + 100% { + opacity: 0; + } +} + +@-webkit-keyframes rotate { + from { + -webkit-transform: rotate(0deg) + } + to { + -webkit-transform: rotate(360deg) + } +} + +@-moz-keyframes rotate { + from { + -moz-transform: rotate(0deg) + } + to { + -moz-transform: rotate(359deg) + } +} + +@-o-keyframes rotate { + from { + -o-transform: rotate(0deg) + } + to { + -o-transform: rotate(359deg) + } +} + +@keyframes rotate { + from { + transform: rotate(0deg) + } + to { + transform: rotate(359deg) + } +} + +@-webkit-keyframes opacity { + 0% { + opacity: 1; + } + 50% { + opacity: 0.5; + } + 100% { + opacity: 1; + } +} + +@-moz-keyframes opacity { + 0% { + opacity: 1; + } + 50% { + opacity: 0.5; + } + 100% { + opacity: 1; + } +} + +@-o-keyframes opacity { + 0% { + opacity: 1; + } + 50% { + opacity: 0.5; + } + 100% { + opacity: 1; + } +} + +@keyframes opacity { + 0% { + opacity: 1; + } + 50% { + opacity: 0.5; + } + 100% { + opacity: 1; + } +} \ No newline at end of file diff --git a/static/images/bigData_bg.png b/static/images/bigData_bg.png new file mode 100644 index 0000000..14fbfcd Binary files /dev/null and b/static/images/bigData_bg.png differ diff --git a/static/images/bigData_logo.png b/static/images/bigData_logo.png new file mode 100644 index 0000000..3c1a797 Binary files /dev/null and b/static/images/bigData_logo.png differ diff --git a/static/images/border_img.png b/static/images/border_img.png new file mode 100644 index 0000000..e0173a6 Binary files /dev/null and b/static/images/border_img.png differ diff --git a/static/images/head_bg.png b/static/images/head_bg.png new file mode 100644 index 0000000..96869be Binary files /dev/null and b/static/images/head_bg.png differ diff --git a/static/images/head_bg_animal.png b/static/images/head_bg_animal.png new file mode 100644 index 0000000..22aa135 Binary files /dev/null and b/static/images/head_bg_animal.png differ diff --git a/static/images/headline_hz.png b/static/images/headline_hz.png new file mode 100644 index 0000000..86c9e8b Binary files /dev/null and b/static/images/headline_hz.png differ diff --git a/static/images/headline_hz1.png b/static/images/headline_hz1.png new file mode 100644 index 0000000..0a8aed1 Binary files /dev/null and b/static/images/headline_hz1.png differ diff --git a/static/images/home.png b/static/images/home.png new file mode 100644 index 0000000..b170cee Binary files /dev/null and b/static/images/home.png differ diff --git a/static/images/icon_jj_01.png b/static/images/icon_jj_01.png new file mode 100644 index 0000000..cfe658e Binary files /dev/null and b/static/images/icon_jj_01.png differ diff --git a/static/images/icon_jj_02.png b/static/images/icon_jj_02.png new file mode 100644 index 0000000..f839133 Binary files /dev/null and b/static/images/icon_jj_02.png differ diff --git a/static/images/icon_jj_03.png b/static/images/icon_jj_03.png new file mode 100644 index 0000000..c29144a Binary files /dev/null and b/static/images/icon_jj_03.png differ diff --git a/static/images/icon_jj_04.png b/static/images/icon_jj_04.png new file mode 100644 index 0000000..6f587d1 Binary files /dev/null and b/static/images/icon_jj_04.png differ diff --git a/static/images/icon_jj_05.png b/static/images/icon_jj_05.png new file mode 100644 index 0000000..a615834 Binary files /dev/null and b/static/images/icon_jj_05.png differ diff --git a/static/images/icon_jj_06.png b/static/images/icon_jj_06.png new file mode 100644 index 0000000..f4d51a1 Binary files /dev/null and b/static/images/icon_jj_06.png differ diff --git a/static/images/icon_jj_bg.png b/static/images/icon_jj_bg.png new file mode 100644 index 0000000..e25216c Binary files /dev/null and b/static/images/icon_jj_bg.png differ diff --git a/static/images/rl.png b/static/images/rl.png new file mode 100644 index 0000000..850aede Binary files /dev/null and b/static/images/rl.png differ diff --git a/static/images/sz.png b/static/images/sz.png new file mode 100644 index 0000000..af1d883 Binary files /dev/null and b/static/images/sz.png differ diff --git a/static/js/project/bidding/biddingBigData.js b/static/js/project/bidding/biddingBigData.js new file mode 100644 index 0000000..a70d86c --- /dev/null +++ b/static/js/project/bidding/biddingBigData.js @@ -0,0 +1,87 @@ +/** + * Created by Administrator on 2021/4/5. + */ +define(['jquery', "template", "Tools"], function ($, template, Tools ) { + //数据存储 + var module = { + data: { + + }, + }; + var tools = new Tools(); + + module.init = function (page) { + //查询挂牌项目浏览总次数 + tools.doGet(biddingHallList + '/0/10', {}, module.biddingHallList, true); + //竞价大厅-滚动 + // module.hallRolling(); + }; + + //竞价大厅列表 + module.biddingHallList = function (data) { + if (data.code == 200) { + var content = data.data; + //console.log(content) + + module.data.biddingHallListList = content; + for(var i = 0 ; i < content.length ; i++){ + if(content[i].biddingStopTime == null || content[i].biddingStartTime == null){continue;} + var endTimes=content[i].biddingStopTime.substring(0,10).split('-'); + var biddingStopTime=endTimes[1]+'/'+endTimes[2]+'/'+endTimes[0]+' '+content[i].biddingStopTime.substring(10,19); + + var startTimes=content[i].biddingStartTime.substring(0,10).split('-'); + var biddingStartTime=startTimes[1]+'/'+startTimes[2]+'/'+startTimes[0]+' '+content[i].biddingStartTime.substring(10,19); + + var nowTime = Date.parse(new Date()); + var leftTime = Date.parse(biddingStopTime)-nowTime; + var rightTime = Date.parse(biddingStartTime)-nowTime; + //console.log(biddingStopTime) + //console.log(leftTime) + + if(leftTime>0){ + //console.log('进行中') + content[i].timeType = '进行中' + } + if(leftTime<0){ + //console.log('已结束') + content[i].timeType = '已结束' + } + if(rightTime>0){ + //console.log('未开始') + content[i].timeType = '未开始' + } + } + //console.log(content) + var biddingHallListData = template('biddingHallListData', module.data); + $("#biddingHallListContent").html(biddingHallListData); + } + } + + ///竞价大厅-滚动 + module.hallRolling = function () { + var divScroll = document.getElementById('tableList'); + window.onmousewheel = divScroll.onmousewheel = function () { return false } + module.timeInter(divScroll); + divScroll.onmouseover = function () { + clearInterval(time); + } + divScroll.onmouseout = function () { + module.timeInter(divScroll); + } + + } + + module.timeInter = function (divScroll) { + time = setInterval(function () { + var oldTop = divScroll.scrollTop; + var newTop = oldTop + 1; + divScroll.scrollTop = newTop; + var counst = divScroll.scrollHeight - divScroll.scrollTop - divScroll.clientHeight; + if (1 > counst) { + divScroll.scrollTop = 0; + } + }, 30) + } + + return module; +}); \ No newline at end of file diff --git a/view/bidding/biddingBigData.html b/view/bidding/biddingBigData.html new file mode 100644 index 0000000..2e32b92 --- /dev/null +++ b/view/bidding/biddingBigData.html @@ -0,0 +1,112 @@ + + + + + + 农燊高科-新闻列表 + + + + + + + + + + +
+ + + +
+
+

竞价大厅

+
+
+
+
+
+
+
+
+
+
+ + +
+
2023.03.20
+
13:44:00
+ +
+
+ +
+
+
+
+
+
+
+
+
+ +
+ + +
+
+ +
+ + + + + + + + + + + +
项目名称竞价方式报名截止时间竞价开始时间标的底价当前报价竞价剩余时间操作
+
+ +
+
+
+

未开始

+

进行中

+

已结束

+
+
+ +
+ + + + \ No newline at end of file