拍卖会大厅
用户进入拍卖会大厅后可看到拍品的一些详细信息,如:拍品的状态(正在进行、正在排队、尚未进行,流拍)、拍品起价、当前价格等。还可以清除的看到自己是否有出价权(即是否可以出价竞拍),是否对当前拍品缴纳过保证金,有没有设置过代理价和自己的拍牌号。其他用户的拍牌号同样可以看到。加价的价格会同步到每个用户都可以看到,拍卖师会根据出价最高的用户来确定当前拍品由哪个用户竞拍获得,若最终拍品的价格过低拍卖师还可以将拍品流拍。拍卖师还可以发布消息,发布出来的消息每个用户都可以看到,这样的目的是为了让用户更加清楚当前拍品处于什么样的状态。
竞拍人(即用户)拍卖会大厅截图:
JSP代码:
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<c:set value="${pageContext.request.contextPath}" scope="page" var="ctx"></c:set>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<!-- 竞拍人的拍卖会大厅 -->
<title>拍卖会大厅</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link rel="stylesheet" href="${ctx}/bootstrap/css/materialize.css" type="text/css"></link>
<link rel="stylesheet" href="${ctx}/bootstrap/css/style.css" type="text/css"></link>
<link rel="stylesheet" href="${ctx}/bootstrap/css/sweetalert.css" type="text/css"></link>
<link rel="stylesheet" href="${ctx}/bootstrap/css/scrollbar.css" type="text/css"></link>
<link rel="stylesheet" href="${ctx}/bootstrap/css/media-hover-effects.css" type="text/css"></link>
<link rel="stylesheet" href="${ctx}/css/auction-salle.css" type="text/css"></link>
<script type="text/javascript" src="${ctx}/js/sweetalert.min.js"></script>
<script type="text/javascript" src="${ctx}/js/sweetalert-dev.js"></script>
<script type="text/javascript" src="${ctx}/bootstrap/js/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="${ctx}/bootstrap/js/materialize.js"></script>
<script type="text/javascript" src="${ctx}/bootstrap/js/plugins.js"></script>
<!-- 即时通讯 -->
<script type="text/javascript">var wimadress="${pd.WIMIP}:${pd.WIMPORT}";</script>
<script type="text/javascript">var oladress="${pd.OLIP}:${pd.OLPORT}";var number='${user.number}';</script>
<script type="text/javascript" src="${ctx}/plugins/websocketInstantMsg/socket2.js"></script>
<!-- 即时通讯 -->
<script type="text/javascript">
var BRagid=0;//目的是为了用于新增出价记录
$(function(){
//获取拍卖会标题
var auctiontitle=$(".JPRimage").siblings("span").eq(0).html();
//把获取到的拍卖会标题绑定到id="auction"的标签
$("#auction").html(auctiontitle);
if('${agname}' !=''){
$("#JPRagname").html("${agname}");
}
if('${statename}' != ''){
$("#JPRstate").html("${statename}");
}
if('${sp}' !=''){
$("#JPRsp").html("${sp}");
if(${currentbidsum}>0){
//当前价格
$("#currentBid").html(${currentbidsum});
}else{
//当前价格
$("#currentBid").html("${sp}");
}
}
if('${deposit}' !=-1){
$("#JPRdeposit").html("${deposit}");
}else{
$("#JPRdeposit").html(0);
}
$("#bzj").html("${deposit}");
getAgid();//获取当前拍品id
//图片的单击事件
$(".JPRimage").click(function(){
//还没有做
//拍品名称
$("#JPRagname").html($(this).siblings("span").eq(3).html());
//拍品起价
$("#JPRsp").html($(this).siblings("span").eq(4).html());
//拍品状态
$("#JPRstate").html($(this).siblings("span").eq(5).html());
var agid=$(this).siblings("span").eq(2).html();
var auctionid=$(this).siblings("span").eq(1).html();
getAgid();
//单击图片获取当前价格
$.ajax({
type:"post",
url:"${ctx}/business/getCurrentBid.do",
dataType:"json",
data:{
agid:agid
},success:function(data){
$("#currentBid").html(data);
}
});
//单击拍品图片时获取拍卖师发布消息列表信息返回到页面
$.ajax({
type:"post",
url:"${ctx}/business/getIssueNews.do",
dataType:"json",
data:{//auctioneerid是从竞拍人拍卖会大厅传来的
userid:${auctioneerid},
agid:agid
},success:function(data){
if(data !=''){//如果返回的数据不为空
//清空tbody所有行
$("#issue").html("");
var tr="<tr>";
$.each(data,function(id,entry){
//动态添加tr
//获取发布消息列表信息
tr+="<td>"+entry.issuenews+"</td>"
tr+="</tr>"
//把tr添加到tbody里
$("#issue").html(tr);
});
}else{
//清空tbody所有行
$("#issue").html("");
var tr="<tr>";
//动态添加tr
tr+="<td>"+"暂时还没有数据!!!"+"</td>"
tr+="</tr>"
//把tr添加到tbody里
$("#issue").html(tr);
}
}
});
//通过拍卖会id和拍品id查询出价记录返回页面(竞拍人界面)
$.ajax({
type:"post",
url:"/auction_ssm/business/getBidRecord.do",
dataType:"json",
data:{
agid:agid,
auctionid:auctionid
},success:function(data){
if(data !=''){//如果返回的数据不为空
//清空tbody所有行
$("#bidRecord").html("");
var tr="<tr>";
$.each(data,function(index,entry){
//动态添加tr
//获取发布消息列表信息
tr+="<td width='180'>"+entry.bidtime+"</td>"
tr+="<td>"+entry.bidsum+"</td>"
tr+="<td>"+entry.sign+"</td>"
tr+="</tr>"
//把tr添加到tbody里
$("#bidRecord").html(tr);
});
}else{
//清空tbody所有行
$("#bidRecord").html("");
var tr="<tr>";
//动态添加tr
tr+="<td>"+"暂时还没有出价记录!!!"+"</td>"
tr+="</tr>"
//把tr添加到tbody里
$("#bidRecord").html(tr);
}
}
});
//查询当前登陆用户是否对当前拍品提交了参拍申请(用于判断竞拍人是否有无权出价)
$.ajax({
type:"post",
url:"/auction_ssm/business/getApplicationInfo.do",
dataType:"json",
data:{
agid:agid,
userid:$("#JPRuserid").val()
},success:function(data){
//这个是隐藏的span标签用来作为判断条件
$("#bzj").html(data);
if(data > 0){
//单击图片时显示已交保证金的金额(用于显示给用户看的)
$("#JPRdeposit").html(data);
//出价权
$("#WCJQ").html("有");
$("#YCJQ").html("有");
}else if(data==0){
$("#JPRdeposit").html(data);
$("#WCJQ").html("无");
$("#YCJQ").html("无");
}else{
$("#JPRdeposit").html(0);
$("#WCJQ").html("无");
$("#YCJQ").html("无");
}
}
});
//检验当前拍品的代理价是否被设置过
$.ajax({
type:"post",
url:"/auction_ssm/business/getAencyInfo.do",
dataType:"json",
data:{
agid:agid,
userid:$("#JPRuserid").val()
},success:function(data){
if(data !=''){
var agency=0;
$.each(data,function(index,entry){
agency=entry.agencysum;
});
$("#agencysum").html(agency);
$("#setAgency").html(agency);
}else{
$("#agencysum").html("您没设置代理");
$("#setAgency").html("您没设置代理");
}
}
});
});
});
//获取拍品通过当前界面显示的拍品名称和拍品起价查询拍品,获取拍品id
function getAgid(){
$.ajax({
async: false,//取消异步操作
type:"post",
url:"${ctx}/business/getAgid.do",
dataType:"json",
data:{
agname:$("#JPRagname").html(),
sp:$("#JPRsp").html()
},success:function(data){
BRagid=data;//已获取到拍品id
}
});
}
/**出价**/
function btnBid(){
getAgid();
if(BRagid > 0){
$.ajax({//用于出价时判断当前拍卖会是否已经开拍且当前拍品是在正在进行还是排队中
type:"post",
url:"/auction_ssm/business/checkAuctionOngoing.do",
dataType:"json",
data:{
agid:BRagid
},success:function(data){
if(data.state == 'PDZ'){
$("#bidsum").val('');
swal("当前拍品在排队中,请耐心等待!","","warning");
}else if(data.state == 'YJS'){
$("#bidsum").val('');
swal("当前拍品竞拍已结束!!!","","warning");
}else if(data.state == 'LP'){
$("#bidsum").val('');
swal("当前拍品没人出价已进入流拍。","","warning");
}else if(data.state == 'WJX'){
$("#bidsum").val('');
swal("“" + $(".JPRimage").siblings("span").eq(0).html() + "”还没开始,请耐心等待开拍时间!","","warning");
}else{//这里是拍品正在进行竞拍中
bibRecord();
}
}
});
}
}
/**进行一系列判断是否有出价权,有则出价,无则作出相应的反应**/
function bibRecord(){
var bzj=$("#bzj").html();
//获取出价金额
var bidSum=$("#bidsum").val();
if(bzj > 0){
if(bidSum !=''){
//isNaN(bidSum)如果 bidSum是特殊的非数字值,isNaN返回的值就是 true
//如果bidSum是数字值,则返回 false。
if(!isNaN(bidSum) && bidSum > 0){//判断输入的值是否是非数字
var Y="BR";
$.ajax({
type:"post",
url:"/auction_ssm/business/InsertBidRecord.do",
dataType:"json",
data:{
userid:$("#JPRuserid").val(),
auctionid:$(".JPRimage").siblings("span").eq(1).html(),
agid:BRagid,
bidsum:$("#bidsum").val()
},success:function(data){
if(data !=''){//如果返回的数据不为空
var auctionid="";
var agid="";
$.each(data,function(index,entry){
auctionid=entry.auctionid;
agid=entry.agid;
});
//获取加价后的当前价格
var currentPrice=parseFloat($("#currentBid").html()) + parseFloat($("#bidsum").val());
send(Y + "," + auctionid + "," + agid + "," + currentPrice);
$("#bidsum").val('');
}
}
});
}else{
swal("请输入1到正无穷的整数!","","warning");
$("#bidsum").val('');
setInterval(function (){//延时1秒
$("#bidsum").focus();
},1000);
}
}else{
swal("请输入加价金额!","","warning");
setInterval(function (){//延时1秒
$("#bidsum").focus();
},1000);
}
}else if(bzj==0){
swal("您还没交保证金,暂时没有出价权,请去交保证金!","","warning");
$("#bidsum").val('');
}else{
swal("您还没有对本件拍品提交过申请参拍,暂时没有出价权!","","warning");
$("#bidsum").val('');
}
}
//加三百
function btnJSB(){
//设置加价input标签的value值
$("#bidsum").val(document.getElementById('JSB').innerHTML);
btnBid();
}
//加五百
function btnJWB(){
$("#bidsum").val(document.getElementById('JWB').innerHTML);
btnBid();
}
//加八百
function btnJBB(){
$("#bidsum").val(document.getElementById('JBB').innerHTML);
btnBid();
}
//加一千
function btnJYQ(){
$("#bidsum").val(document.getElementById('JYQ').innerHTML);
btnBid();
}
</script>
</head>
<body style="background:#9999ff;">
<input type="hidden" id="PMH" value="JPR">
<div style="width:100%;height:100%;">
<!-- 头开始 -->
<div style="width:100%;height:6%;background:#E6E6FA;">
<input type="hidden" id="JPRuserid" value="${user.userid}">
<span style="display:block;text-align:center;font-family:'正楷';font-size:25px;">${user.name}${user.sex eq '男'? '先生' : '女士'}您好,欢迎进入<span id="auction" style="font-size:30px;font-weight: bold;text-decoration: underline;"></span>大厅!</span>
</div>
<!-- 头结束 -->
<!-- 左开始 -->
<div style="background:#E6E6FA;margin-left:0.5%;width:16.5%;height:93%;float:left;border:2px solid #4B0082;border-radius:10px;">
<div style="width:100%;height:5%;border-bottom: 2px solid #ffffff;">
<span style="padding:1px;font-family:'华文隶书';font-size:20px;"><i class="mdi-action-receipt left"></i>竞拍人名单</span>
</div>
<div style="width:100%;height:90%;">
<span style="display:block;text-align:center;width:100%;height:30px;font-weight: bold;">竞拍人拍牌号</span>
<div style="width:100%;height:98%;overflow: auto;border-top: 0.5px solid #808080;">
<table class="bordered hoverable centered">
<tbody>
<c:forEach items="${applicationVos}" var="item">
<tr>
<td>${item.sign}</td>
</tr>
</c:forEach>
</tbody>
</table>
</div>
</div>
</div>
<!-- 左结束 -->
<!-- 中开始 -->
<div style="background:#333399;margin-left:0.5%;width:55.5%;height:40%;float:left;border:5px solid #ffffff;border-radius:10px;">
<!-- 显示当前拍卖的拍品 -->
<div style="margin-top:5px;margin-left:5%;width:90%;background:#333399;border:5px solid #ffffff;border-radius:10px;">
<span style="font-size:25px;display:block;text-align:center;padding:1px;font-family:'正楷';color:#ffffff;">拍品信息:<span id="JPRagname"></span></span>
</div>
<!-- 显示当前出价 -->
<div style="margin-top:3%;width:100%;height:40%;">
<div style="width:70%;height:40%;float:left;">
<span style="display:block;text-align:center;font-size:30px;color:#ffffff;">起价:<span id="JPRsp"></span>元</span>
</div>
<div style="width:30%;height:40%;float:left;">
<span style="display:block;text-align:center;font-size:30px;color:#ffffff;background:#C71585;" id="JPRstate"></span>
</div>
</div>
<!-- 倒计时区域 -->
<div style="width:100%;height:50px;">
<!-- <span style="margin-left:20px;width:200px;background:#ffffff;display:block;text-align:center;font-size:25px;border:5px solid #ffffff;border-radius:5px;float:left;">倒计时/秒:10</span> -->
<span style="margin-left:20px;display:block;text-align:center;font-size:35px;color:#ffffff;float:left;">当前价格:<span id="currentBid"></span>元</span>
</div>
</div>
<!-- 中结束 -->
<!-- 右开始 出价记录-->
<div style="background:#E6E6FA;margin-right:0.5%;margin-left:0.5%;width:26%;height:47%;float:right;border:2px solid #4B0082;border-radius:10px;">
<div style="width:100%;height:10%;border-bottom: 2px solid #ffffff;">
<span style="padding:1px;font-family:'华文隶书';font-size:20px;"><i class="mdi-action-receipt left"></i>本场所有加价记录</span>
</div>
<div style="width:100%;height:90%;">
<span style="display:block;text-align:center;width:40%;float:left;height:30px;font-weight: bold;">加价时间</span>
<span style="display:block;text-align:center;width:30%;float:left;height:30px;font-weight: bold;">加价金额/元</span>
<span style="display:block;text-align:center;width:30%;float:left;height:30px;font-weight: bold;">拍牌号</span>
<div style="width:100%;height:86%;overflow: auto;border-top: 0.5px solid #808080;">
<table class="bordered hoverable">
<tbody id="bidRecord">
<c:if test="${!empty bidrecordVos}">
<c:forEach items="${bidrecordVos}" var="item">
<tr>
<td width="200">${item.bidtime}</td>
<td>${item.bidsum}</td>
<td>${item.sign}</td>
</tr>
</c:forEach>
</c:if>
<c:if test="${empty bidrecordVos}">
<tr>
<td colspan="3">暂时还没有出价记录!!!</td>
</tr>
</c:if>
</tbody>
</table>
</div>
</div>
</div>
<!-- 右结束 -->
<!-- 中下开始 出价区域-->
<div style="background:#E6E6FA;margin-top:0.5%;margin-left:0.5%;width:55.5%;height:52%;float:left;border:2px solid #4B0082;border-radius:10px;">
<div style="margin-top:1%;margin-left:2%;width:96%;height:20%;">
<div style="margin-left:3%;width:220px;height:50px;border-radius:5px;background:#9999ff;float:left;">
<input type="text" id="bidsum" style="border-radius:5px;margin-left:10px;margin-top:10px;background:#ffffff;width:150px;height:30px;float:left;">
<button οnclick="btnBid()" style="border-radius:5px;margin-top:10px;background:#9999ff;width:50px;height:30px;color:#ffffff;">加价</button>
</div>
<button οnclick="btnJSB()" class="btn">+<span id="JSB">300</span></button>
<button οnclick="btnJWB()" class="btn">+<span id="JWB">500</span></button>
<button οnclick="btnJBB()" class="btn">+<span id="JBB">800</span></button>
<button οnclick="btnJYQ()" class="btn">+<span id="JYQ">1000</span></button>
</div>
<div style="margin-top:-10px;width:100%;height:13%;">
<span class="span" style="margin-left:5%;">我的拍牌号:<span style="color:green;">${application.sign}</span></span>
<c:if test="${deposit eq 0 || deposit eq -1}">
<span class="span" style="width:15%;">出价权:<span id="WCJQ" style="color:green;">无</span></span>
</c:if>
<c:if test="${deposit gt 0}">
<span class="span" style="width:15%;">出价权:<span id="YCJQ" style="color:green;">有</span></span>
</c:if>
<c:if test="${!empty agencies}">
<c:forEach items="${agencies}" var="item">
<span class="span">我的代理价:<span class="tooltipped" data-position="bottom" data-tooltip="您可到参拍申请列表的操作列设置代理价" style="text-decoration: underline;color:red;" id="agencysum">${item.agencysum}</span></span>
</c:forEach>
</c:if>
<c:if test="${empty agencies}">
<span class="span">我的代理价:<span class="tooltipped" data-position="bottom" data-tooltip="您可到参拍申请列表的操作列设置代理价" style="text-decoration: underline;color:red;" id="setAgency">您没设置代理</span></span>
</c:if>
<span class="span">已付保证金:<span id="JPRdeposit" style="text-decoration:underline;color:red;"></span></span>
<!-- 用于判断竞拍人是否有无权出价 -->
<span id="bzj" style="display: none;"></span>
</div>
<!-- 当前拍卖会状态 -->
<div style="width:90%;height:67%;margin-left:5%;border:2px solid #4B0082;border-radius:5px;">
<div style="width:100%;height:12%;border-bottom: 2px solid #ffffff;">
<span style="font-family:'华文隶书';font-size:20px;float:left;"><i class="mdi-action-receipt left"></i>现在状态</span>
<span style="font-family:'华文隶书';font-size:20px;float:right;"><i style="color:#9999ff;" class="mdi-alert-warning right"></i><a href="#auctionRule" class="modal-trigger" style="color:red;text-decoration:underline;">拍卖规则</a></span>
</div>
<!-- 当前拍卖会状态内容 -->
<div style="width:100%;height:88%;overflow: auto;overflow-x:hidden;">
<table style="margin-left:20px;">
<tbody id="issue">
<c:if test="${!empty issues}">
<c:forEach items="${issues}" var="item">
<tr>
<td>${item.issuenews}</td>
</tr>
</c:forEach>
</c:if>
<c:if test="${empty issues}">
<tr>
<td>暂时还没有消息!!!</td>
</tr>
</c:if>
</tbody>
</table>
</div>
</div>
</div>
<!-- 中下结束 -->
<!-- 右下开始 -->
<div style="background:#E6E6FA;margin-top:0.5%;margin-right:0.5%;margin-left:0.5%;width:26%;height:45%;float:left;border:2px solid #4B0082;border-radius:10px;">
<div style="width:100%;height:10%;border-bottom: 2px solid #ffffff;">
<span style="padding:1px;font-family:'华文隶书';font-size:20px;"><i class="mdi-action-receipt left"></i>本场拍卖会拍品列表</span>
</div>
<div style="width:100%;height:90%;overflow: auto;overflow-x:hidden;">
<div class="row">
<c:forEach items="${auctionGoodVos2}" var="item">
<div class="col s12 m6 grid">
<img class="JPRimage" style="padding:10px;" width="165" height="100" src="${item.picture}" />
<span style="display: none;">${item.auctiontitle}</span>
<span style="display: none;">${item.auctionid}</span>
<span style="display: none;">${item.agid}</span>
<span style="padding:1px;font-family:'华文隶书';font-size:20px;">${item.agname}</span>
<span style="display: none;">${item.sp}</span>
<span style="display: none;">${item.statename}</span>
<!-- 4正在进行 5正在排队 6未进行 7已结束 11流拍 -->
<c:if test="${item.stateid eq 4||item.stateid eq 5||item.stateid eq 6||item.stateid eq 7||item.stateid eq 11}">
<span style="margin-left:8px;width:150px;display:block;text-align:center;padding:1px;font-family:'正楷';font-size:18px;color:#ffffff;background:#C71585;">${item.statename}</span>
</c:if>
</div>
</c:forEach>
</div>
</div>
</div>
<!-- 右下结束 -->
</div>
<%@include file="../business/auction_rule_model.jsp"%>
</body>
</html>
拍卖师拍卖会大厅截图:
JSP代码:
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<c:set value="${pageContext.request.contextPath}" scope="page" var="ctx"></c:set>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<!-- 拍卖师拍卖会大厅 -->
<title>拍卖会大厅</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link rel="stylesheet" href="${ctx}/bootstrap/css/materialize.css" type="text/css"></link>
<link rel="stylesheet" href="${ctx}/bootstrap/css/style.css" type="text/css"></link>
<link rel="stylesheet" href="${ctx}/bootstrap/css/sweetalert.css" type="text/css"></link>
<link rel="stylesheet" href="${ctx}/bootstrap/css/scrollbar.css" type="text/css"></link>
<link rel="stylesheet" href="${ctx}/bootstrap/css/media-hover-effects.css" type="text/css"></link>
<link rel="stylesheet" href="${ctx}/css/auction-salle.css" type="text/css"></link>
<script type="text/javascript" src="${ctx}/js/sweetalert.min.js"></script>
<script type="text/javascript" src="${ctx}/js/sweetalert-dev.js"></script>
<script type="text/javascript" src="${ctx}/bootstrap/js/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="${ctx}/bootstrap/js/materialize.js"></script>
<script type="text/javascript" src="${ctx}/bootstrap/js/plugins.js"></script>
<!-- 即时通讯 -->
<script type="text/javascript">var wimadress="${pd.WIMIP}:${pd.WIMPORT}";</script>
<script type="text/javascript">var oladress="${pd.OLIP}:${pd.OLPORT}";var number='${user.number}';</script>
<script type="text/javascript" src="${ctx}/plugins/websocketInstantMsg/socket2.js"></script>
<!-- 即时通讯 -->
<script type="text/javascript">
var Y="";//用于判断
$(function(){
if('${meg}' !=''){
Materialize.toast('${meg}',4000);
}
if('${statename}' != ''){
$("#state").html("${statename}");
}
if('${agname}' !=''){
$("#agname").html("${agname}");
}else{
$("#agname").html("暂时没有拍品信息");
}
if('${sp}' !=''){
$("#sp").html("${sp}");
if(${currentbidsum}>0){
//当前价格
$("#currentBid").html(${currentbidsum});
}else{
//当前价格
$("#currentBid").html("${sp}");
}
}else{
$("#sp").html(0);
//当前价格
$("#currentBid").html(0);
}
//加载是就获取拍品ID并绑定到id="agid"的input标签上
//目的用于新增发布消息
$("#agid").val(${MaxAgid});
//获取下拉框选中的文本值
var checkText=$("#selectid").find("option:selected").text();
$("#issuenews").val(checkText);
//获取拍卖会标题
var auctiontitle=$(".image").siblings("span").eq(0).html();
//把获取到的拍卖会标题绑定到id="auction"的标签
$("#auction").html(auctiontitle);
$(".commonword").click(function(){
//获取拍卖会id
var id=$(".image").siblings("span").eq(1).html();
//把拍卖会id传到添加常用语的model页面(为了添加常用语后刷新页面)
$("#auctionid").val(id);
});
$(".image").click(function(){
$("#agname").html($(this).siblings("span").eq(2).html());
$("#sp").html($(this).siblings("span").eq(3).html());
$("#currentBid").html($(this).siblings("span").eq(3).html());
$("#state").html($(this).siblings("span").eq(5).html());
//即时通讯
var agid=$(this).siblings("span").eq(4).html();
$("#agid").val(agid);
//单击图片获取当前价格
$.ajax({
type:"post",
url:"${ctx}/business/getCurrentBid.do",
dataType:"json",
data:{
agid:agid
},success:function(data){
Y="DQJG"
send(Y + "," + data);
}
});
Y="YZ";//作为判断条件
//userid用于查询拍卖师发布的消息
var userid=$("#userid").val();
//为了查询出价记录
var auctionid=$(this).siblings("span").eq(1).html();
send(Y + "," + agid + "," + userid + "," + auctionid);
//即时通讯
//拍卖师发布消息
//单击拍品图片时获取拍卖师发布消息列表信息返回到页面
$.ajax({
type:"post",
url:"${ctx}/business/getIssueNews.do",
dataType:"json",
data:{
userid:$("#userid").val(),
agid:agid
},success:function(data){
if(data !=''){//如果返回的数据不为空
//清空tbody所有行
$("#issue").html("");
var tr="<tr>";
$.each(data,function(id,entry){
//动态添加tr
//获取发布消息列表信息
tr+="<td>"+entry.issuenews+"</td>"
tr+="</tr>"
//把tr添加到tbody里
$("#issue").html(tr);
});
}else{
//清空tbody所有行
$("#issue").html("");
var tr="<tr>";
//动态添加tr
tr+="<td>"+"暂时还没有数据!!!"+"</td>"
tr+="</tr>"
//把tr添加到tbody里
$("#issue").html(tr);
}
}
});
});
//下拉框选择改变事件
$("#selectid").change(function(){
//获取下拉框选中的文本值
var selectText=$(this).find("option:selected").text();
$("#issuenews").val(selectText);
});
});
//添加常用语
function btnInsertCw(){
location.href="${ctx}/business/toadd.do";
}
//添加常用语
function btnSubmit(){
$("#formAddCw").submit();
}
//拍卖师发布消息
function btnIssue(){
var statename=$("#state").html();
if(statename==''){
swal("当前拍卖会没有拍品可竞拍,不需要发布消息。","","warning");
}else if(statename=='尚未进行'){
swal("当前拍品拍卖会尚未开拍,请耐心等待开拍时间。","","warning");
}else if(statename=='正在排队'){
swal("当前拍品正在排队,请耐心等待。","","warning");
}else if(statename=='已经结束'){
swal("当前拍品的竞拍已经结束。","","warning");
}else if(statename=='已流拍'){
swal("当前拍品没有人出价已经进入了流拍。","","warning");
}else{
//获取当前系统时间
var mydate = new Date();
var agid=$("#agid").val();
var userid=$("#userid").val();
//获取获取当前系统时间加您输入的内容(拼接字符串)
var issuenews=mydate.toLocaleString() + $("#issuenews").val();
$.ajax({
type:"post",
url:"${ctx}/business/InsertIssueNews.do",
dataType:"json",
data:{
agid:agid,
userid:userid,
issuenews:issuenews
},success:function(data){
if(data !=''){//如果返回的数据不为空
var userid="";
var agid="";
$.each(data,function(index,entry){
userid=entry.userid;
agid=entry.agid;
});
Y="FB";//新增发布消息
send(Y + "," + agid + "," + userid);
}
}
});
}
}
//第一次确认
function btnFirst(){
var btnText= document.getElementById('First').innerHTML;
$("#issuenews").val(btnText);
btnIssue();
$("#issuenews").val('');
}
//第二次确认
function btnSecond(){
var btnText= document.getElementById('Second').innerHTML;
$("#issuenews").val(btnText);
btnIssue();
$("#issuenews").val('');
}
//第三次确认
function btnThird(){
var btnText= document.getElementById('Third').innerHTML;
$("#issuenews").val(btnText);
btnIssue();
$("#issuenews").val('');
}
//成交
function btnBargain(){
var auctionid=$(".image").siblings("span").eq(1).html();
if(auctionid > 0){//判断当前拍卖会是否有拍品存在
//新增成交记录
$.ajax({
type:"post",
url:"${ctx}/business/addBargainRecord.do",
dataType:"json",
data:{
auctionid:auctionid,
agid:$("#agid").val(),
bgsum:$("#currentBid").html()
},success:function(data){
if(data.agname ==''){
swal("当前拍品还没有人出价,请您耐心等待竞拍人出价。","","warning");
}else if(data.agname=="YJS"){
swal("当前拍品竞拍已结束!!!","","warning");
}else if(data.agname=="PDZ"){
swal("当前拍品在排队中,还没进行竞拍,请耐心等待!!!","","warning");
}else if(data.agname=="WJX"){
swal("“" + $(".image").siblings("span").eq(0).html()+"”还没开始,请耐心等待开拍时间!!!","","warning");
}else if(data.agname=="YLP"){
swal("当前拍品已为流拍,不能成交!!!","","warning");
}else{
Y="CJ";//新增成交记录
send(Y + "," + data.agname + "," + auctionid + "," + data.applicationid);
//发布成交消息
var btnText= document.getElementById('Bargain').innerHTML;
$("#issuenews").val(btnText);
btnIssue();
$("#issuenews").val('');
}
}
});
}else{
swal("当前拍卖会还没有拍品,无法成交!","","warning");
}
}
//流拍
function btnAbortive(){
if($("#agid").val()>0){//判断当前拍卖会是否有拍品存在
$.ajax({
type:"post",
url:"${ctx}/business/abortive.do",
dataType:"json",
data:{
agid:$("#agid").val()
},success:function(data){//拍品进入流拍,要改变拍品状态,新增流拍记录
if(data.agname=='JRLP'){
swal({
title:"流拍???",
text:"确定要将当前拍品加入流拍?",
type: "warning",
allowEscapeKey: true,
showCancelButton: true,
confirmButtonText: "确定",
cancelButtonText: "取消",
},function(isConfirm){
if(isConfirm){//确定进入流拍,新增流拍记录
abortiveCommon();
}else{//取消进入流拍
swal.close();
}
});
}else if(data.agname=='YJS'){
swal("当前拍品的竞拍已结束。","","warning");
}else if(data.agname=='YLP'){
swal("当前拍品已经是流拍,不需要再流拍。","","warning");
}else if(data.agname=='PDZ'){
swal("当前拍品还在排队中,请耐心等待。","","warning");
}else if(data.agname=='WJX'){
swal("当前拍品拍卖会还没开拍,请耐心等待开拍时间。","","warning");
}else if(data.agname==''){
swal("流拍失败。","","warning");
}else{
swal({
title:"流拍???",
text:"“" + data.agname + "”拍品有人出价,是否还要进入流拍?",
type: "warning",
allowEscapeKey: true,
showCancelButton: true,
confirmButtonText: "是",
cancelButtonText: "否",
},function(isConfirm){
if(isConfirm){//确定进入流拍,新增流拍记录
abortiveCommon();
}else{//取消进入流拍
swal.close();
}
});
}
}
});
}else{
swal("当前拍卖会还没有拍品竞拍,无法流拍!","","warning");
}
}
/* 流拍公共代码 */
function abortiveCommon(){
$.ajax({
type:"post",
url:"${ctx}/business/whetherAbortive.do",
dataType:"json",
data:{
agid:$("#agid").val()
},success:function(data){
if(data.state != ''){
var btnText="“" + data.state + "”拍品没有人出价或出价太低导致无法成交,所以已加入" + document.getElementById('Abortive').innerHTML;
$("#issuenews").val(btnText);
btnIssue();
$("#issuenews").val('');
}else{
swal("当前拍品流拍失败。","","warning");
}
}
});
}
</script>
</head>
<body style="background:#9999ff;">
<input type="hidden" id="PMH" value="PMS">
<div style="width:100%;height:100%;overflow: hidden;">
<!-- 头开始 -->
<div style="width:100%;height:6%;background:#E6E6FA;">
<input type="hidden" id="number" value="${user.number}">
<span style="display:block;text-align:center;font-family:'正楷';font-size:25px;">${user.name}${user.sex eq '男'? '先生' : '女士'}您好,欢迎进入<span id="auction" style="font-size:30px;font-weight: bold;text-decoration: underline;"></span>大厅!</span>
</div>
<!-- 头结束 -->
<!-- 左开始 -->
<div style="background:#E6E6FA;margin-left:0.5%;width:16.5%;height:60.5%;float:left;border:2px solid #4B0082;border-radius:10px;">
<div style="width:100%;height:8%;border-bottom: 2px solid #ffffff;">
<span style="padding:1px;font-family:'华文隶书';font-size:20px;"><i class="mdi-action-receipt left"></i>竞拍人名单</span>
</div>
<div style="width:100%;height:90%;">
<span style="display:block;text-align:center;width:100%;height:30px;font-weight: bold;">竞拍人拍牌号</span>
<div style="width:100%;height:92%;overflow: auto;border-top: 0.5px solid #808080;">
<table class="bordered hoverable centered">
<tbody>
<c:if test="${!empty applicationVos}">
<c:forEach items="${applicationVos}" var="item">
<tr>
<td>${item.sign}</td>
</tr>
</c:forEach>
</c:if>
<c:if test="${empty applicationVos}">
<tr>
<td>该拍卖会暂时还没有人申请参拍</td>
</tr>
</c:if>
</tbody>
</table>
</div>
</div>
</div>
<!-- 左结束 -->
<!-- 中开始 -->
<div style="background:#333399;margin-left:0.5%;width:55.5%;height:40%;float:left;border:5px solid #ffffff;border-radius:10px;">
<!-- 显示当前拍卖的拍品 -->
<div style="margin-top:5px;margin-left:5%;width:90%;background:#333399;border:5px solid #ffffff;border-radius:10px;">
<span style="font-size:25px;display:block;text-align:center;padding:1px;font-family:'正楷';color:#ffffff;">拍品信息:<span id="agname"></span></span>
</div>
<!-- 显示当前出价 -->
<div style="margin-top:3%;width:100%;height:40%;">
<div style="width:70%;height:40%;float:left;">
<span style="display:block;text-align:center;font-size:30px;color:#ffffff;">起价:<span id="sp"></span>元</span>
</div>
<div style="width:30%;height:40%;float:left;">
<span style="display:block;text-align:center;font-size:30px;color:#ffffff;background:#C71585;" id="state"></span>
</div>
</div>
<!-- 倒计时区域 -->
<div style="width:100%;height:50px;">
<!-- <span style="margin-left:20px;width:200px;background:#ffffff;display:block;text-align:center;font-size:25px;border:5px solid #ffffff;border-radius:5px;float:left;">倒计时/秒:10</span> -->
<span style="margin-left:20px;display:block;text-align:center;font-size:35px;color:#ffffff;float:left;">当前价格:<span id="currentBid"></span>元</span>
</div>
</div>
<!-- 中结束 -->
<!-- 右开始 出价记录-->
<div style="background:#E6E6FA;margin-right:0.5%;margin-left:0.5%;width:26%;height:47%;float:right;border:2px solid #4B0082;border-radius:10px;">
<div style="width:100%;height:10%;border-bottom: 2px solid #ffffff;">
<span style="padding:1px;font-family:'华文隶书';font-size:20px;"><i class="mdi-action-receipt left"></i>本场所有加价记录</span>
</div>
<div style="width:100%;height:90%;">
<span style="display:block;text-align:center;width:40%;float:left;height:30px;font-weight: bold;">出价时间</span>
<span style="display:block;text-align:center;width:30%;float:left;height:30px;font-weight: bold;">出价金额/元</span>
<span style="display:block;text-align:center;width:30%;float:left;height:30px;font-weight: bold;">拍牌号</span>
<div style="width:100%;height:86%;overflow: auto;border-top: 0.5px solid #808080;">
<table class="bordered hoverable">
<tbody id="bidRecord">
<c:if test="${!empty bidrecordVos}">
<c:forEach items="${bidrecordVos}" var="item">
<tr>
<td width="200">${item.bidtime}</td>
<td>${item.bidsum}</td>
<td>${item.sign}</td>
</tr>
</c:forEach>
</c:if>
<c:if test="${empty bidrecordVos}">
<tr>
<td colspan="3">暂时还没有出价记录!!!</td>
</tr>
</c:if>
</tbody>
</table>
</div>
</div>
</div>
<!-- 右结束 -->
<!-- 拍卖会状态-->
<div style="background:#E6E6FA;margin-top:0.5%;margin-left:0.5%;width:55.5%;height:20%;border:2px solid #4B0082;border-radius:10px;float:left;">
<div style="width:100%;height:20%;border-bottom: 2px solid #ffffff;">
<span style="font-family:'华文隶书';font-size:20px;float:left;"><i class="mdi-action-receipt left"></i>现在状态</span>
<span style="font-family:'华文隶书';font-size:20px;float:right;"><i style="color:#9999ff;" class="mdi-alert-warning right"></i><a href="#auctionRule" class="modal-trigger" style="color:red;text-decoration:underline;">拍卖规则</a></span>
</div>
<!-- 当前拍卖会状态内容 -->
<div style="width:100%;height:72%;overflow: auto;overflow-x:hidden;">
<table style="margin-left:20px;">
<tbody id="issue">
<c:if test="${!empty issues}">
<c:forEach items="${issues}" var="item">
<tr>
<td>${item.issuenews}</td>
</tr>
</c:forEach>
</c:if>
<c:if test="${empty issues}">
<tr>
<td>暂时还没有消息!!!</td>
</tr>
</c:if>
</tbody>
</table>
</div>
</div>
<!-- 拍卖师操作 -->
<div style="background:#E6E6FA;margin-top:0.5%;margin-left:0.5%;width:72.5%;height:31%;border:2px solid #4B0082;border-radius:10px;float:left;"">
<div style="width:100%;height:15%;border-bottom: 2px solid #ffffff;">
<span style="font-family:'华文隶书';font-size:20px;"><i class="mdi-action-account-child left"></i>拍卖师操作</span>
</div>
<div style="margin-top:2%;width:100%;height:83%;">
<div class="input-field col s4">
<div style="margin-left:35px;width:27%;height:100%;float:left;overflow:auto;overflow-x:hidden;">
<c:if test="${!empty commonwordVos}">
<select name="commonwordid" id="selectid">
<c:forEach items="${commonwordVos}" var="item">
<option value="${item.commonwordid}">${item.commonwordname}</option>
</c:forEach>
</select>
</c:if>
<c:if test="${empty commonwordVos}">
<select name="commonwordid">
<option>请添加常用语</option>
</select>
</c:if>
<label style="margin-left:20px;color:black !important;">常用语</label>
</div>
<a href="#commonword" class="modal-trigger commonword"><button class="btn" style="width:140px;float:left;">添加常用语</button></a>
<input style="text-align:center;margin-left:3%;margin-top:1%;width:34%;height:30px;float:left;" type="text" name="issuenews" id="issuenews">
<input type="hidden" name="userid" id="userid" value="${user.userid}">
<input type="hidden" name="agid" id="agid">
<button οnclick="btnIssue();" class="btn" style="margin-top:-1px;width:150px;">发布</button>
</div>
<!-- 待完成 -->
<div style="margin-left:25px;margin-top:30px;">
<button id="First" οnclick="btnFirst();" class="btn" style="width:140px;">第一次确认</button>
<button id="Second" οnclick="btnSecond();" class="btn" style="width:140px;">第二次确认</button>
<button id="Third" οnclick="btnThird();" class="btn" style="width:140px;">最后确认</button>
<button id="Bargain" οnclick="btnBargain();" class="btn" style="width:95px;">成交</button>
<button id="Abortive" οnclick="btnAbortive();" class="btn" style="width:95px;">流拍</button>
</div>
</div>
</div>
<!-- 右下开始 -->
<div style="background:#E6E6FA;margin-top:-6.5%;margin-right:0.5%;margin-left:0.5%;width:26%;height:45%;float:left;border:2px solid #4B0082;border-radius:10px;">
<div style="width:100%;height:10%;border-bottom: 2px solid #ffffff;">
<span style="padding:1px;font-family:'华文隶书';font-size:20px;"><i class="mdi-action-receipt left"></i>本场拍卖会拍品列表</span>
</div>
<div style="width:100%;height:90%;overflow: auto;overflow-x:hidden;">
<div class="row">
<c:if test="${!empty auctionGoodVos2}">
<c:forEach items="${auctionGoodVos2}" var="item">
<div class="col s12 m6 grid">
<img class="image" style="padding:10px;" width="165" height="100" src="${item.picture}" />
<span style="display: none;">${item.auctiontitle}</span>
<span style="display: none;">${item.auctionid}</span>
<span style="display: none;">${item.agname}</span>
<span style="display: none;">${item.sp}</span>
<span style="display: none;">${item.agid}</span>
<span style="display: none;">${item.statename}</span>
<span style="padding:1px;font-family:'华文隶书';font-size:20px;">${item.agname}</span>
<!-- 4正在进行 5正在排队 6未进行 7已结束 11流拍 -->
<c:if test="${item.stateid eq 4||item.stateid eq 5||item.stateid eq 6||item.stateid eq 7||item.stateid eq 11}">
<span style="margin-left:8px;width:150px;display:block;text-align:center;padding:1px;font-family:'正楷';font-size:18px;color:#ffffff;background:#C71585;">${item.statename}</span>
</c:if>
</div>
</c:forEach>
</c:if>
<c:if test="${empty auctionGoodVos2}">
当前拍卖会还没有拍品!!!
</c:if>
</div>
</div>
</div>
<!-- 右下结束 -->
</div>
<%@include file="../business/cw_add_model.jsp"%>
<%@include file="../business/auction_rule_model.jsp"%>
</body>
</html>
$("#selectid").find("option:selected").text();
$(".image").siblings("span").eq(0).html();
$.ajax({
type:"post",
url:"${ctx}/business/getIssueNews.do",
dataType:"json",
data:{
userid:$("#userid").val(),
agid:agid
},success:function(data){
if(data !=''){//如果返回的数据不为空
//清空tbody所有行
$("#issue").html("");
var tr="<tr>";
$.each(data,function(id,entry){
//动态添加tr
//获取发布消息列表信息
tr+="<td>"+entry.issuenews+"</td>"
tr+="</tr>"
//把tr添加到tbody里
$("#issue").html(tr);
});
}else{
//清空tbody所有行
$("#issue").html("");
var tr="<tr>";
//动态添加tr
tr+="<td>"+"暂时还没有数据!!!"+"</td>"
tr+="</tr>"
//把tr添加到tbody里
$("#issue").html(tr);
}
}
});
});