Przeglądaj źródła

产权交易

RongCheng
庞东旭 2 lat temu
rodzic
commit
5850a34225
6 zmienionych plików z 476 dodań i 136 usunięć
  1. +4
    -0
      static/css/bidding/biddingBigData.css
  2. +4
    -4
      static/css/index.css
  3. +91
    -4
      static/js/project/bidding/biddingBigData.js
  4. +235
    -0
      static/js/project/bidding/biddingBigDataDetail.js
  5. +31
    -19
      view/bidding/biddingBigData.html
  6. +111
    -109
      view/bidding/biddingBigDataDetail.html

+ 4
- 0
static/css/bidding/biddingBigData.css Wyświetl plik

@@ -123,6 +123,10 @@
display: block!important;
}

.tab_main .active img{
display: block!important;
}

.tab1{
background: url('../../images/icon_jj_01.png') no-repeat;
background-size: 100% 100%;


+ 4
- 4
static/css/index.css Wyświetl plik

@@ -929,12 +929,12 @@ select {
cursor: pointer;
}

.now-row {
color: #d21313;
.now-row td {
color: #d21313!important;
}

.notStart-row {
color: #007b76;
.notStart-row td {
color: #007b76!important;
}

.tableType {


+ 91
- 4
static/js/project/bidding/biddingBigData.js Wyświetl plik

@@ -1,26 +1,45 @@
/**
* Created by Administrator on 2021/4/5.
*/
define(['jquery', "template", "Tools"], function ($, template, Tools ) {
define(['jquery', "template", "Tools", "biddingApi", "itemsApi"], function ($, template, Tools ) {
//数据存储
var module = {
data: {

projectShowStatus:'',
form:{
deptId:'',
projectNumber:'',
projectShowStatus:'',
}
},
};
var tools = new Tools();

module.init = function (page) {
//查询挂牌项目浏览总次数
tools.doGet(biddingHallList + '/0/10', {}, module.biddingHallList, true);
// tools.doGet(biddingHallList + '/0/10', {}, module.biddingHallList, true);
tools.doGet(biddingList, {deptId:100}, module.biddingHallList,true);
//竞价大厅-滚动
// module.hallRolling();

//标的物类型
tools.doGet(webDeptType+"/project_type", {}, module.deptType,true);

//标的物所在地
tools.doGet(webDept, {deptId:''}, module.deptLocation, true);

$("#nowDateNYR").html(new Date().getFullYear()+'.'+(new Date().getMonth()+1)+'.'+new Date().getDate())

setInterval(function () {
$("#nowDateSFM").html(new Date().toLocaleTimeString());
},1000)

};

//竞价大厅列表
module.biddingHallList = function (data) {
if (data.code == 200) {
var content = data.data;
var content = data.rows;
//console.log(content)

module.data.biddingHallListList = content;
@@ -83,6 +102,74 @@ define(['jquery', "template", "Tools"], function ($, template, Tools ) {
}, 30)
}

selectedStatus = function(id,projectShowStatus){
module.data.projectShowStatus = projectShowStatus;
$('#statusall').removeClass('active');
$('#status1').removeClass('active');
$('#status2').removeClass('active');
$('#status3').removeClass('active');
$('#status4').removeClass('active');
$('#status5').removeClass('active');
$('#status'+id).addClass('active');
goSearch();
}

//标的物类型
module.deptType = function (data) {
console.log(data)
if (data.code == 200) {
var content = data.data ;
module.data.deptTypeList = content;
var deptTypeData = template('deptTypeData', module.data);
$("#deptTypeContent").html(deptTypeData);
}
}

//标的物所在地
module.deptLocation = function (data) {
if (data.code == 200) {
var content = data.data ;
module.data.deptLocationList = content;
var deptLocationData = template('deptLocationData', module.data);
$("#deptLocationContent").html(deptLocationData);
}
}

//标的物所在地(二级)
module.deptSecondLocation = function (data) {
if (data.data.length == 0) {
document.getElementById('secondDept').style.display = 'none';
return;
} else {
document.getElementById('secondDept').style.display = 'inline-block';
}
if (data.code == 200) {
//console.log(data)
var content = data.data;
module.data.deptSecondLocationList = content;
var deptSecondLocationData = template('deptSecondLocationData', module.data);
$("#secondDept").html(deptSecondLocationData);
//console.log(module.data.deptId)
}
}

goSearch = function(type){
if (type == 'dept'){
if ($('#deptLocationContent').val() == '100') {
document.getElementById('secondDept').style.display = 'none';
} else {
tools.doGet(webDept, { deptId: $('#deptLocationContent').val() }, module.deptSecondLocation, true);
}
}

console.log($('#secondDept').val() == '')
module.data.form.deptId = $('#secondDept').val() == '' || $('#secondDept').val() == null ? $('#deptLocationContent').val() : $('#secondDept').val();
module.data.form.projectNumber = $('#deptTypeContent').val();
module.data.form.projectShowStatus= module.data.projectShowStatus;

tools.doGet(biddingList, module.data.form, module.biddingHallList, true);
}

goDetail = function(id){
tools.skip('biddingBigDataDetail.html?id='+id);
}


+ 235
- 0
static/js/project/bidding/biddingBigDataDetail.js Wyświetl plik

@@ -0,0 +1,235 @@
/**
* Created by Administrator on 2021/4/5.
*/
define(['jquery', "template", "Tools", "biddingApi", "itemsApi"], function ($, template, Tools ) {
//数据存储
var module = {
data: {
timeArray: {
d: '',
h: '',
m: '',
s: '',
},
outProjectInformationDetail:{}
},
};
var tools = new Tools();

module.init = function (page) {

tools.doGet(outProject + '/id/'+getQueryVariable('id'), {}, module.outProjectInformation,true);

tools.doGet(webConfig, {}, module.webConfigInformation, true)

$("#nowDateNYR").html(new Date().getFullYear()+'.'+(new Date().getMonth()+1)+'.'+new Date().getDate())

setInterval(function () {
$("#nowDateSFM").html(new Date().toLocaleTimeString());
$("#nowTime").html('服务器时间:'+new Date().getFullYear()+'.'+(new Date().getMonth()+1)+'.'+new Date().getDate()+' '+new Date().toLocaleTimeString());
},1000)
};

//获取地址栏参数
function getQueryVariable(variable){
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i=0;i<vars.length;i++) {
var pair = vars[i].split("=");
if(pair[0] == variable){return pair[1];}
}
return(false);
}

//项目基本信息
module.outProjectInformation = function (data) {
if (data.code == 200) {
var content = data.data;
//倒计时
var timer = setInterval(function(){
module.dataCompare(content.signupStartTime,content.signupStopTime,content.biddingStartTime,content.biddingStopTime);
},1000);
module.data.outProjectInformationDetail = content;
// var outProjectInformationData = template('outProjectInformationData', module.data);
// $("#outProjectInformationContent").html(outProjectInformationData);
//挂牌价格字典
tools.doGet(Dictionaries+'/price_unit', {}, module.unitDictionaries,true);
//竞价方式字典
tools.doGet(Dictionaries+'/bidding_type', {}, module.biddingTypeDictionaries,true);
//期满处理字典
tools.doGet(Dictionaries+'/bidding_direct', {}, module.biddingDirectDictionaries,true);
//挂牌项目竞价记录
tools.doGet(biddinglist, {projectId:getQueryVariable('id')}, module.biddinglistInformation,true);

}
}

//竞价记录
module.biddinglistInformation = function (data) {
if (data.code == 200) {
console.log(data)
var content = data.rows;
for (var i = 0; i < content.length-1; i++) {
for (var j = 0; j < content.length - 1 - i; j++) {
// 相邻元素两两对比,元素交换,大的元素交换到后面
if (content[j].money < content[j + 1].money) {
var temp = content[j];
content[j] = content[j+1];
content[j+1] = temp;
}
}
}
console.log(content)
module.data.outProjectInformationDetail.biddinglistInformationDetail = content;
var outProjectInformationData = template('outProjectInformationData', module.data);
$("#outProjectInformationContent").html(outProjectInformationData);

}
}

module.dataCompare = function(signupStartTime,signupStopTime,biddingStartTime,biddingStopTime){
var signupStartTime = signupStartTime;
var signupStopTime = signupStopTime;
var biddingStartTime = biddingStartTime;
var biddingStopTime = biddingStopTime;
var nowTime = Date.parse(new Date());

var beginTimes=signupStartTime.substring(0,10).split('-');
var endTimes=signupStopTime.substring(0,10).split('-');

var biddingBeginTimes=biddingStartTime.substring(0,10).split('-');
var biddingEndTimes=biddingStopTime.substring(0,10).split('-');

signupStartTime=beginTimes[1]+'/'+beginTimes[2]+'/'+beginTimes[0]+' '+signupStartTime.substring(10,19);
signupStopTime=endTimes[1]+'/'+endTimes[2]+'/'+endTimes[0]+' '+signupStopTime.substring(10,19);

biddingStartTime=biddingBeginTimes[1]+'/'+biddingBeginTimes[2]+'/'+biddingBeginTimes[0]+' '+biddingStartTime.substring(10,19);
biddingStopTime=biddingEndTimes[1]+'/'+biddingEndTimes[2]+'/'+biddingEndTimes[0]+' '+biddingStopTime.substring(10,19);


//时间差
var leftTime = Date.parse(biddingStopTime)-nowTime;
//报名开始时间差
var signupLeftTime = Date.parse(signupStartTime)-nowTime;
//报名结束时间差
var signDownLeftTime = Date.parse(signupStopTime)-nowTime;
//定义变量 d,h,m,s保存倒计时的时间
var d,h,m,s;
if(Date.parse(biddingStartTime)<nowTime&&nowTime<Date.parse(biddingStopTime)){
//正在竞价
module.data.biddingTimeType = 1;
// console.log(((Math.floor(leftTime / 1000 / 60 / 60 / 24) + '').length < 2 ? '0' + Math.floor(leftTime / 1000 / 60 / 60 / 24) : Math.floor(leftTime / 1000 / 60 / 60 / 24) + '')[0])
$('#d0').html(((Math.floor(leftTime / 1000 / 60 / 60 / 24) + '').length < 1 ? '00' + Math.floor(leftTime / 1000 / 60 / 60 / 24) : (Math.floor(leftTime / 1000 / 60 / 60 / 24) + '').length < 2 ? '0' + Math.floor(leftTime / 1000 / 60 / 60 / 24) : Math.floor(leftTime / 1000 / 60 / 60 / 24) + '')[0]);
$('#d1').html(((Math.floor(leftTime / 1000 / 60 / 60 / 24) + '').length < 2 ? '0' + Math.floor(leftTime / 1000 / 60 / 60 / 24) : Math.floor(leftTime / 1000 / 60 / 60 / 24) + '')[1]);
$('#d2').html(((Math.floor(leftTime / 1000 / 60 / 60 / 24) + '').length < 2 ? '0' + Math.floor(leftTime / 1000 / 60 / 60 / 24) : Math.floor(leftTime / 1000 / 60 / 60 / 24) + '')[2]);

$('#h0').html(((Math.floor(leftTime / 1000 / 60 / 60 % 24) + '').length < 2 ? '0' + Math.floor(leftTime / 1000 / 60 / 60 % 24) : Math.floor(leftTime / 1000 / 60 / 60 % 24) + '')[0]);
$('#h1').html(((Math.floor(leftTime / 1000 / 60 / 60 % 24) + '').length < 2 ? '0' + Math.floor(leftTime / 1000 / 60 / 60 % 24) : Math.floor(leftTime / 1000 / 60 / 60 % 24) + '')[1]);

$('#m0').html(((Math.floor(leftTime / 1000 / 60 % 60) + '').length < 2 ? '0' + Math.floor(leftTime / 1000 / 60 % 60) : Math.floor(leftTime / 1000 / 60 % 60) + '')[0]);
$('#m1').html(((Math.floor(leftTime / 1000 / 60 % 60) + '').length < 2 ? '0' + Math.floor(leftTime / 1000 / 60 % 60) : Math.floor(leftTime / 1000 / 60 % 60) + '')[1]);

$('#s0').html(((Math.floor(leftTime / 1000 % 60) + '').length < 2 ? '0' + Math.floor(leftTime / 1000 % 60) : Math.floor(leftTime / 1000 % 60) + '')[0]);
$('#s1').html(((Math.floor(leftTime / 1000 % 60) + '').length < 2 ? '0' + Math.floor(leftTime / 1000 % 60) : Math.floor(leftTime / 1000 % 60) + '')[1]);
$('#countType').html('距竞价结束还有')
}else if (nowTime>Date.parse(biddingStopTime)){
//竞价结束
$('#countDown').html('竞价结束')
module.data.biddingTimeType = 2;
}else if (nowTime<Date.parse(biddingStartTime)){
//竞价暂未开始
document.getElementById('countType').innerHTML = '竞价暂未开始...';
$('#countDown').html('暂未开始')
module.data.biddingTimeType = 3;
}

if(Date.parse(signupStartTime)<nowTime&&nowTime<Date.parse(signupStopTime)){
//正在报名
module.data.signupTimeType = 1;
$('#d0').html(((Math.floor(signDownLeftTime / 1000 / 60 / 60 / 24) + '').length < 2 ? '0' + Math.floor(leftTime / 1000 / 60 / 60 / 24) : Math.floor(leftTime / 1000 / 60 / 60 / 24) + '')[0]);
$('#d1').html(((Math.floor(signDownLeftTime / 1000 / 60 / 60 / 24) + '').length < 2 ? '0' + Math.floor(leftTime / 1000 / 60 / 60 / 24) : Math.floor(leftTime / 1000 / 60 / 60 / 24) + '')[1]);
$('#d2').html(((Math.floor(signDownLeftTime / 1000 / 60 / 60 / 24) + '').length < 2 ? '0' + Math.floor(leftTime / 1000 / 60 / 60 / 24) : Math.floor(leftTime / 1000 / 60 / 60 / 24) + '')[2]);

$('#h0').html(((Math.floor(signDownLeftTime / 1000 / 60 / 60 % 24) + '').length < 2 ? '0' + Math.floor(leftTime / 1000 / 60 / 60 % 24) : Math.floor(leftTime / 1000 / 60 / 60 % 24) + '')[0]);
$('#h1').html(((Math.floor(signDownLeftTime / 1000 / 60 / 60 % 24) + '').length < 2 ? '0' + Math.floor(leftTime / 1000 / 60 / 60 % 24) : Math.floor(leftTime / 1000 / 60 / 60 % 24) + '')[1]);

$('#m0').html(((Math.floor(signDownLeftTime / 1000 / 60 % 60) + '').length < 2 ? '0' + Math.floor(leftTime / 1000 / 60 % 60) : Math.floor(leftTime / 1000 / 60 % 60) + '')[0]);
$('#m1').html(((Math.floor(signDownLeftTime / 1000 / 60 % 60) + '').length < 2 ? '0' + Math.floor(leftTime / 1000 / 60 % 60) : Math.floor(leftTime / 1000 / 60 % 60) + '')[1]);

$('#s0').html(((Math.floor(signDownLeftTime / 1000 % 60) + '').length < 2 ? '0' + Math.floor(leftTime / 1000 % 60) : Math.floor(leftTime / 1000 % 60) + '')[0]);
$('#s1').html(((Math.floor(signDownLeftTime / 1000 % 60) + '').length < 2 ? '0' + Math.floor(leftTime / 1000 % 60) : Math.floor(leftTime / 1000 % 60) + '')[1]);

$('#countType').html('距报名结束还有')
}else if (nowTime>Date.parse(signupStopTime)){
//报名结束
module.data.signupTimeType = 2;
}else if (nowTime<Date.parse(signupStartTime)){
//报名暂未开始
module.data.signupTimeType = 3;
$('#d0').html(((Math.floor(signupLeftTime / 1000 / 60 / 60 / 24) + '').length < 2 ? '0' + Math.floor(leftTime / 1000 / 60 / 60 / 24) : Math.floor(leftTime / 1000 / 60 / 60 / 24) + '')[0]);
$('#d1').html(((Math.floor(signupLeftTime / 1000 / 60 / 60 / 24) + '').length < 2 ? '0' + Math.floor(leftTime / 1000 / 60 / 60 / 24) : Math.floor(leftTime / 1000 / 60 / 60 / 24) + '')[1]);
$('#d2').html(((Math.floor(signupLeftTime / 1000 / 60 / 60 / 24) + '').length < 2 ? '0' + Math.floor(leftTime / 1000 / 60 / 60 / 24) : Math.floor(leftTime / 1000 / 60 / 60 / 24) + '')[2]);

$('#h0').html(((Math.floor(signupLeftTime / 1000 / 60 / 60 % 24) + '').length < 2 ? '0' + Math.floor(leftTime / 1000 / 60 / 60 % 24) : Math.floor(leftTime / 1000 / 60 / 60 % 24) + '')[0]);
$('#h1').html(((Math.floor(signupLeftTime / 1000 / 60 / 60 % 24) + '').length < 2 ? '0' + Math.floor(leftTime / 1000 / 60 / 60 % 24) : Math.floor(leftTime / 1000 / 60 / 60 % 24) + '')[1]);

$('#m0').html(((Math.floor(signupLeftTime / 1000 / 60 % 60) + '').length < 2 ? '0' + Math.floor(leftTime / 1000 / 60 % 60) : Math.floor(leftTime / 1000 / 60 % 60) + '')[0]);
$('#m1').html(((Math.floor(signupLeftTime / 1000 / 60 % 60) + '').length < 2 ? '0' + Math.floor(leftTime / 1000 / 60 % 60) : Math.floor(leftTime / 1000 / 60 % 60) + '')[1]);

$('#s0').html(((Math.floor(signupLeftTime / 1000 % 60) + '').length < 2 ? '0' + Math.floor(leftTime / 1000 % 60) : Math.floor(leftTime / 1000 % 60) + '')[0]);
$('#s1').html(((Math.floor(signupLeftTime / 1000 % 60) + '').length < 2 ? '0' + Math.floor(leftTime / 1000 % 60) : Math.floor(leftTime / 1000 % 60) + '')[1]);

$('#countType').html('距报名开始还有')
}
// if(module.data.outProjectInformationDetail.biddingType != '拍卖' && module.data.biddingTimeType != 2){
// document.getElementById('biddingTable').style.display = 'none';
// document.getElementById('biddingTitle').style.display = 'block';
// }
}

//网站配置信息
module.webConfigInformation = function (data) {
if (data.code == 200) {
var content = data.data;
console.log(content)
//document.getElementById('time').innerHTML = '延时周期:'+content[8].configValue+content[8].remark+'<i class="wh">?</i>'
module.data.timeConfig = content[8].configValue;
module.data.titleConfig = content[9].configValue;
module.data.importantTitle = content[7].configName+':'+ content[7].configValue.substr(3).substr(0,(content[7].configValue.substr(3).length-4));
module.data.know = content[6].configValue;
$("#know").html(content[6].configValue + '<span style="margin-left: 10px;"></span>' + content[6].configValue);
}
}

module.biddingDirectDictionaries = function (data) {
if (data.code == 200 && module.data.outProjectInformationDetail.biddingDirect!='') {
var content = data.data;
var biddingDirect = content[(module.data.outProjectInformationDetail.biddingDirect-1)].dictLabel;
module.data.outProjectInformationDetail.biddingDirect = biddingDirect;
var outProjectInformationData = template('outProjectInformationData', module.data);
$("#outProjectInformationContent").html(outProjectInformationData);
}
}

module.unitDictionaries = function (data) {
if (data.code == 200) {
var content = data.data;
var unit = content[(module.data.outProjectInformationDetail.unit-1)].dictLabel;
module.data.outProjectInformationDetail.unit = unit;
var outProjectInformationData = template('outProjectInformationData', module.data);
$("#outProjectInformationContent").html(outProjectInformationData);
}
}

module.biddingTypeDictionaries = function (data) {
if (data.code == 200 && module.data.outProjectInformationDetail.biddingType!='') {
var content = data.data;
var biddingType = content[(module.data.outProjectInformationDetail.biddingType-1)].dictLabel;
module.data.outProjectInformationDetail.biddingType = biddingType;
var outProjectInformationData = template('outProjectInformationData', module.data);
$("#outProjectInformationContent").html(outProjectInformationData);
}
}

return module;
});

+ 31
- 19
view/bidding/biddingBigData.html Wyświetl plik

@@ -35,34 +35,46 @@
<img src="../../static/images/bigData_logo.png" alt="" class="logoData">

<div class="time">
<div>2023.03.20</div>
<div>13:44:00</div>
<img src="../../static/images/home.png" alt="">
<div id="nowDateNYR"></div>
<div id="nowDateSFM"></div>
<a href="/"><img src="../../static/images/home.png" alt=""></a>
</div>
</div>

<div class="tab_select">
<div class="tab_main">
<div class="tab1"><img src="../../static/images/icon_jj_bg.png" alt="" style="width: 6vw;height: 3vh;display: none;"></div>
<div class="tab2"><img src="../../static/images/icon_jj_bg.png" alt="" style="width: 6vw;height: 3vh;display: none;"></div>
<div class="tab3"><img src="../../static/images/icon_jj_bg.png" alt="" style="width: 6vw;height: 3vh;display: none;"></div>
<div class="tab4"><img src="../../static/images/icon_jj_bg.png" alt="" style="width: 6vw;height: 3vh;display: none;"></div>
<div class="tab5"><img src="../../static/images/icon_jj_bg.png" alt="" style="width: 6vw;height: 3vh;display: none;"></div>
<div class="tab6"><img src="../../static/images/icon_jj_bg.png" alt="" style="width: 6vw;height: 3vh;display: none;"></div>
<div class="tab1 active" id="statusall" onclick="selectedStatus('all','')"><img src="../../static/images/icon_jj_bg.png" alt="" style="width: 6vw;height: 3vh;display: none;"></div>
<div class="tab2" id="status1" onclick="selectedStatus('1','正在报名')"><img src="../../static/images/icon_jj_bg.png" alt="" style="width: 6vw;height: 3vh;display: none;"></div>
<div class="tab3" id="status2" onclick="selectedStatus('2','等待竞价')"><img src="../../static/images/icon_jj_bg.png" alt="" style="width: 6vw;height: 3vh;display: none;"></div>
<div class="tab4" id="status3" onclick="selectedStatus('3','正在竞价')"><img src="../../static/images/icon_jj_bg.png" alt="" style="width: 6vw;height: 3vh;display: none;"></div>
<div class="tab5" id="status4" onclick="selectedStatus('4','等待成交')"><img src="../../static/images/icon_jj_bg.png" alt="" style="width: 6vw;height: 3vh;display: none;"></div>
<div class="tab6" id="status5" onclick="selectedStatus('5','已经成交')"><img src="../../static/images/icon_jj_bg.png" alt="" style="width: 6vw;height: 3vh;display: none;"></div>
</div>

<div class="select_main">
<select name="">
<option value="">请选择地点</option>
<option value="">请选择1</option>
<option value="">请选择2</option>
<option value="">请选择3</option>
<select name="" id="deptLocationContent" onchange="goSearch('dept')">
<script id="deptLocationData" type="text/html">
<option value="100">请选择所在镇</option>
{{each deptLocationList as value i}}
<option value="{{value.deptId}}">{{value.deptName}}</option>
{{/each}}
</script>
</select>
<select name="">
<option value="">请选择类型</option>
<option value="">请选择1</option>
<option value="">请选择2</option>
<option value="">请选择3</option>
<select name="" id="secondDept" onchange="goSearch('secondDept')" style="display: none;">
<script id="deptSecondLocationData" type="text/html">
<option value="">请选择所在村</option>
{{each deptSecondLocationList as value i}}
<option value="{{value.deptId}}">{{value.deptName}}</option>
{{/each}}
</script>
</select>
<select name="" id="deptTypeContent" onchange="goSearch()">
<script id="deptTypeData" type="text/html">
<option value="">请选择类型</option>
{{each deptTypeList as value i}}
<option value="{{value.dictValue}}">{{value.dictLabel}}</option>
{{/each}}
</script>
</select>
</div>
</div>


+ 111
- 109
view/bidding/biddingBigDataDetail.html Wyświetl plik

@@ -34,136 +34,138 @@
</div>
<img src="../../static/images/bigData_logo.png" alt="" class="logoData" />
<div class="time">
<div>2023.03.20</div>
<div>13:44:00</div>
<a href=""onclick="Javascript:history.go(-1);"><img src="../../static/images/home.png" alt=""></a>
<div id="nowDateNYR"></div>
<div id="nowDateSFM"></div>
<a href="/"><img src="../../static/images/home.png" alt=""></a>
</div>
</div>
<div id="outProjectInformationContent"></div>
<script id="outProjectInformationData" type="text/html">
<div class="topTit_content">
<div class="topTit_content_left">
<p>当<br/>前<br/>项<br/>目</p>
<p>{{outProjectInformationDetail.projectName}}</p>
<p>终止项目</p>
</div>

<div class="topTit_content">
<div class="topTit_content_left">
<p>当<br/>前<br/>项<br/>目</p>
<p>平度市田庄镇拥有的南京路13-5平度市田庄镇拥有的南京路13-5号106户商铺出租项目</p>
<p>终止项目</p>
</div>

<div class="topTit_content_center" style="margin-left: auto;">
<p>当前项目有效报名人数</p>
<p><span>9</span>人</p>
</div>
<div class="topTit_content_center" style="margin-left: auto;">
<p>当前项目有效报名人数</p>
<p><span>{{outProjectInformationDetail.bidderNum}}</span>人</p>
</div>

<div class="topTit_content_center">
<p>已参与出价人数</p>
<p><span>9</span>人</p>
<div class="topTit_content_center">
<p>已参与出价人数</p>
<p><span>{{outProjectInformationDetail.bidPriceNum}}</span>人</p>
</div>
</div>
</div>

<div class="content_box">
<div class="bidding" style="width: 61%;margin: 0;border: 1px solid #0071ff;">
<div class="content_box_right_titBox" style="margin-bottom: 1vh;">
<p>实时出价记录</p>
<p class="content_box_right_titBox_check"><input type="checkbox"/>显示出价人姓名、联系电话</p>
</div>
<table width="100%" class="tableHead" style="table-layout: fixed;" >
<tr>
<td>状态</td>
<td>出价人</td>
<td>联系电话</td>
<td>出价编号</td>
<td>出价(元)</td>
<td>出价时间</td>
</tr>
</table>
<div class="tableList" id="tableList" style="height: calc(100vh - 130px - 27vh)!important">
<table width="100%;" cellpadding="0" cellspacing="0" style="table-layout: fixed;">
<tr class="notStart-row">
<td>进行中</td>
<td>张三</td>
<td>15314031111</td>
<td>006510009</td>
<td>16,316,535.00</td>
<td>2023.05.03</td>
</tr>
<tr class="notStart-row">
<td>进行中</td>
<td>张三</td>
<td>15314031111</td>
<td>006510009</td>
<td>16,316,535.00</td>
<td>2023.05.03</td>
<div class="content_box">
<div class="bidding" style="width: 61%;margin: 0;border: 1px solid #0071ff;">
<div class="content_box_right_titBox" style="margin-bottom: 1vh;">
<p>实时出价记录</p>
<p class="content_box_right_titBox_check"><input type="checkbox"/>显示出价人姓名、联系电话</p>
</div>
<table width="100%" class="tableHead" style="table-layout: fixed;" >
<tr>
<td>出价人</td>
<td>联系电话</td>
<td>出价(元)</td>
<td>出价时间</td>
</tr>
</table>
<div class="tableList" id="tableList" style="height: calc(100vh - 130px - 27vh)!important">
<table width="100%;" cellpadding="0" cellspacing="0" style="table-layout: fixed;">
{{each outProjectInformationDetail.biddinglistInformationDetail as value i}}
<tr class="notStart-row">
<td>{{value.userName}}</td>
<td>{{value.userAccount}}</td>
<td>{{value.money}}</td>
<td>{{value.createTime}}</td>
</tr>
{{/each}}
</table>
</div>
</div>
</div>

<div class="content_box_right">
<p class="content_box_right_tit">服务器时间:2303-03-30 14:17:29</p>
<div class="content_box_right">
<p class="content_box_right_tit" id="nowTime"></p>

<p class="content_box_right_tit2">距结束还有</p>
<p class="content_box_right_tit2" id="countType"></p>

<p class="content_box_right_time">
<span>0</span>
<span>0</span>
<span>0</span>天
<span>0</span>
<span>0</span>时
<span>0</span>
<span>0</span>分
<span>0</span>
<span>0</span>秒
</p>
<p class="content_box_right_time">
<span id="d0"></span>
<span id="d1"></span>
<span id="d2"></span>天
<span id="h0"></span>
<span id="h1"></span>时
<span id="m0"></span>
<span id="m1"></span>分
<span id="s0"></span>
<span id="s1"></span>秒
</p>

<div class="content_box_right_money">
<div>
<p>底价</p>
<img src="../../static/images/tt_border.png" alt="">
<p>345,113.00</p>
<div class="content_box_right_money">
<div>
<p>底价</p>
<img src="../../static/images/tt_border.png" alt="">
<p>{{outProjectInformationDetail.price}}</span>{{outProjectInformationDetail.unit}}</p>
</div>
<div>
<p>目前最优出价</p>
<img src="../../static/images/tt_border.png" alt="">
{{outProjectInformationDetail.biddinglistInformationDetail}}
{{outProjectInformationDetail.biddinglistInformationDetail.length}}
{{if outProjectInformationDetail.biddinglistInformationDetail!=undefined && outProjectInformationDetail.biddinglistInformationDetail.length>0 }}
<p style="color: #ff6c92">{{outProjectInformationDetail.biddinglistInformationDetail[0].money}}{{outProjectInformationDetail.unit}}</p>
{{else}}
<p style="color: #ff6c92">无</p>
{{/if}}
</div>
</div>
<div>
<p>目前最低出价</p>

<div class="content_box_right_num">
<p>当前最优出价人</p>
<img src="../../static/images/tt_border.png" alt="">
<p style="color: #ff6c92">345,113.00</p>
{{if outProjectInformationDetail.biddinglistInformationDetail!=undefined && outProjectInformationDetail.biddinglistInformationDetail.length>0 }}
<p>{{outProjectInformationDetail.biddinglistInformationDetail[0].userName}}</p>
{{else}}
<p>无</p>
{{/if}}
</div>
</div>

<div class="content_box_right_num">
<p>当前最新出价人编号</p>
<img src="../../static/images/tt_border.png" alt="">
<p>345,113.00</p>
</div>

<p class="content_box_right_tit">竞价规则</p>
<p class="content_box_right_tit">竞价规则</p>

<table width="100%;" cellpadding="0" cellspacing="0" class="ruleTable">
<tr>
<td>竞价类型:</td>
<td>反向在线自由竞价</td>
<td>减价幅度:</td>
<td>100元</td>
</tr>
<tr>
<td>最低限价:</td>
<td>3232,33,22.00元</td>
<td>出价延时:</td>
<td>20秒/次</td>
</tr>
<tr>
<td>已延时次数:</td>
<td>0次</td>
<td>最高限价:</td>
<td>3232,33,22.00元</td>
</tr>
<tr>
<td>自由竞价期:</td>
<td colspan="3">2023-03-15 14:00:00 — 2023-03-15 15:00:00</td>
</tr>
</table>
<table width="100%;" cellpadding="0" cellspacing="0" class="ruleTable">
<tr>
<td>竞价类型:</td>
<td>{{outProjectInformationDetail.biddingType}}</td>
<td>竞价方向:</td>
<td>{{outProjectInformationDetail.biddingDirect}}</td>
</tr>
<tr>
<td>加/减价幅度:</td>
<td>{{outProjectInformationDetail.ladderPrice}}元</td>
<td>出价延时:</td>
<td>{{timeConfig}}分钟</td>
</tr>
<tr>
<td>报名开始时间:</td>
<td>{{outProjectInformationDetail.signupStartTime}}</td>
<td>报名截止时间:</td>
<td>{{outProjectInformationDetail.signupStopTime}}</td>
</tr>
<tr>
<td>自由竞价期:</td>
<td colspan="3">{{outProjectInformationDetail.biddingStartTime}} 至 {{outProjectInformationDetail.biddingStopTime}}</td>
</tr>
</table>

</div>
</div>
</div>
</script>
</div>
</body>
<!--target-module="./static/js/project/index.js"-->
<!--<script src="../../static/js/common/require.js" data-main="../../static/js/common/main.js?t=101" id="require-page"-->
<!-- target-module="../../static/js/project/bidding/biddingBigData.js" defer type="text/javascript"></script>-->
<script src="../../static/js/common/require.js" data-main="../../static/js/common/main.js?t=101" id="require-page"
target-module="../../static/js/project/bidding/biddingBigDataDetail.js" defer type="text/javascript"></script>
</html>

Ładowanie…
Anuluj
Zapisz