339 lines
12 KiB
HTML
339 lines
12 KiB
HTML
<!--交易市场-->
|
||
<style>
|
||
.visiblity-hide{
|
||
visibility: hidden;
|
||
}
|
||
.visiblity-show{
|
||
visibility: visible;
|
||
}
|
||
.color-1 {
|
||
color: #FF6600!important;
|
||
}
|
||
|
||
.imgNull{
|
||
background: #ff8000;
|
||
}
|
||
.imgActive{
|
||
|
||
background: url({{imagesGroup.market}}) left top no-repeat;
|
||
background-size: 100% 100%;
|
||
}
|
||
@media (max-width: 767px){
|
||
.imgActive{
|
||
background: url({{imagesGroup.SmallMarket}}) left top no-repeat;
|
||
background-size: 100% 100%;
|
||
}
|
||
}
|
||
</style>
|
||
<div class="subbanner-small" style="position: relative; z-index: 0;" ng-class="{true:'imgActive',false:'imgNull'}[(imagesGroup.SmallMarket.length>1 || imagesGroup.market.length>1)?true:false]">
|
||
<div class="subbanner-inner">
|
||
<div class="container">
|
||
<h1>农贸市场</h1>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="container">
|
||
<div class="kline">
|
||
<dl class="kline-head clear">
|
||
<dt ng-class="{true:'color-1',false:'color-4'}[buyInfo.buyprice > buyInfo.nowOpen]">
|
||
<img ng-src="{{currentPorImg}}" style="width:53px;height:53px;"/>
|
||
<div class="price" id="FlushPrice1" ng-bind="buyInfo.buyprice | number:floatMax"></div>
|
||
<div class="rise">
|
||
<cite>涨额：<em id="FlushIncrease" ng-bind="(buyInfo.buyprice-buyInfo.nowOpen) | number : floatMax"></em></cite>
|
||
<cite>涨幅：<em id="FlushIncreaseRate" ng-bind="((((buyInfo.buyprice-buyInfo.nowOpen)/buyInfo.nowOpen)*100 > 0?((buyInfo.buyprice-buyInfo.nowOpen)/buyInfo.nowOpen)*100:0) | number : 2)+'%'"></em></cite>
|
||
</div>
|
||
</dt>
|
||
|
||
<dd>
|
||
<span>今开</span>
|
||
<cite ng-bind="buyInfo.nowOpen"></cite>
|
||
</dd>
|
||
<dd>
|
||
<span>最低</span>
|
||
<cite id="FluashLowestPrice" ng-bind="buyInfo.LowestPrice"></cite>
|
||
</dd>
|
||
<dd>
|
||
<span>最高</span>
|
||
<cite id="FluashHighestPrice" ng-bind="buyInfo.HighestPrice"></cite>
|
||
</dd>
|
||
<dd>
|
||
<span>成交</span>
|
||
<cite id="FluashVolume" ng-bind="buyInfo.successNum"></cite>
|
||
</dd>
|
||
</dl>
|
||
<div class="kline-main">
|
||
<div class="kline-switch" style="display:none">
|
||
<span id="mbtn" ng-class="{'select':dayOrMinuteChecked=='minuteChecked'}" ng-click="dayOrMinuteFun('minuteChecked')">分时</span>
|
||
<span id="kbtn" ng-class="{'select':dayOrMinuteChecked=='dayChecked'}" ng-click="dayOrMinuteFun('dayChecked')">日K</span>
|
||
</div>
|
||
<!--<div ng-class="{true:'flush-switch-select',false:'flush-switch'}[refreshAuto]" ng-click="refreshClcik()">自动刷新</div>-->
|
||
<div class="kline-ma" ng-show="dayOrMinuteChecked=='dayChecked'">
|
||
<div class="ma05 clear"><i></i><b>MA05</b></div>
|
||
<div class="ma10 clear"><i></i><b>MA10</b></div>
|
||
<div class="ma30 clear"><i></i><b>MA30</b></div>
|
||
</div>
|
||
<div id="kline" class="kline-chart">
|
||
|
||
<!--指令日-->
|
||
<!--<high-stock series="charts.series" options="charts.options"></high-stock>-->
|
||
<div class="highcharts-container" id="highcharts-0" style="position: relative; overflow: hidden; width: 1200px; height: 400px; text-align: left; line-height: normal; z-index: 0; left: 0.5px; top: 0.450012px;">
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="container">
|
||
<ul class="product-switch clear">
|
||
<li ng-repeat="item in pageDataList">
|
||
<a ui-sref="root.market.detail({pid: item.id,title:item.itemname,imgSrc:item.thumb})" ng-class="{'color-1':productCurrent == item.id}" >{{item.itemname}}</a>
|
||
</li>
|
||
</ul>
|
||
|
||
</div>
|
||
|
||
<div class="container clear">
|
||
|
||
<div class="trade-form">
|
||
<dl class="headbox clear">
|
||
|
||
<dd><span>产品：</span>{{buyInfo.itemname}}</dd>
|
||
<dd><span>现价：</span><em id="FlushPrice2" class="color-4">{{buyInfo.buyprice}}</em></dd>
|
||
<dd><span>涨停：</span><em id="limitUp">{{buyInfo.riseStop}}</em></dd>
|
||
<dd><span>跌停：</span><em id="limitDown">{{buyInfo.fallStop}}</em></dd>
|
||
</dl>
|
||
<div class="formbox clear">
|
||
<div class="buy">
|
||
<h2 class="color-1"><i class="icon"></i>买入</h2>
|
||
<div class="form-group">
|
||
<div class="form-group-addon">买入价格</div>
|
||
<div class="form-group-input stretch">
|
||
<!--maxlength="{{floatMax*1+2}}"-->
|
||
<input class="no-left-border no-right-border stretch" type="text" ng-focus="inputBlueStopFun()"
|
||
ng-blur="changePrice(buypriceAnother,1)" ng-keyup="keyFun(buypriceAnother,1)" ng-model="buypriceAnother" value="{{buypriceAnother | number:floatMax}}">
|
||
</div>
|
||
<div class="form-group-addon no-left-border form-group-addon-white">金币</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<div class="form-group-addon">买入数量</div>
|
||
<div class="form-group-input stretch">
|
||
<input class="stretch no-right-border no-left-border" type="number" ng-blur="changeNumber(buyNum,1,'true')" ng-focus="inputBlueStopFun()"
|
||
ng-model="buyNum" value="{{buyNum}}" placeholder="0" ng-keyup="keyUpChangePrice(buyNum,1)">
|
||
</div>
|
||
|
||
</div>
|
||
<div class="form-group">
|
||
<div class="form-group-addon">总计金币</div>
|
||
|
||
<div class="form-group-input stretch">
|
||
<!--<input class="stretch no-right-border no-left-border" type="number" value="{{buyMoney | number:floatMax}}" ng-disabled="true">buyNum*buypriceAnother-->
|
||
<input class="stretch no-right-border no-left-border" type="text"
|
||
value="{{buyMoney| number:floatMax}}" ng-disabled="true">
|
||
|
||
|
||
|
||
</div>
|
||
|
||
<div class="form-group-addon no-left-border form-group-addon-white">金币</div>
|
||
</div>
|
||
<div class="form-group clear">
|
||
<div class="text-left">可用额:<span class="color-1" id="hasmoney"
|
||
ng-bind="buyInfo.gold | number : floatMax"></span>金币
|
||
</div>
|
||
<div class="text-right">
|
||
手续费:<span class="color-1" >无</span>
|
||
</div>
|
||
</div>
|
||
<div class="form-group no-padding-bottom">
|
||
<input class="button-color-1 button-stretch" value="限价买入" ng-click="BuyPersent('buy')"
|
||
type="button">
|
||
</div>
|
||
|
||
</div>
|
||
<div class="sale">
|
||
|
||
<h2 class="color-4" >
|
||
<i class="icon"></i>卖出
|
||
|
||
</h2>
|
||
<div class="form-group">
|
||
<div class="form-group-addon">卖出价格</div>
|
||
<div class="form-group-input stretch">
|
||
<input class="no-left-border no-right-border stretch" type="text" ng-focus="inputBlueStopFun()"
|
||
ng-model="sellprice" ng-keyup="keyFun(sellprice,2)" ng-blur="changePrice(sellprice,2)" value="{{sellprice | number:floatMax}}">
|
||
</div>
|
||
<div class="form-group-addon no-left-border form-group-addon-white">金币</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<div class="form-group-addon">卖出数量</div>
|
||
<div class="form-group-input stretch">
|
||
<input class="stretch no-right-border no-left-border" type="number" ng-blur="changeNumber(sellNum,2,'true')" ng-focus="inputBlueStopFun()"
|
||
ng-model="sellNum" placeholder="0" value="{{sellNum}}" ng-keyup="keyUpChangePrice(sellNum,2)">
|
||
</div>
|
||
|
||
</div>
|
||
<div class="form-group">
|
||
<div class="form-group-addon">总计金币</div>
|
||
<div class="form-group-input stretch">
|
||
<input class="stretch no-right-border no-left-border" type="text"
|
||
value="{{sellMoney ?sellMoney:sellNum*sellprice | number:floatMax}}" ng-init="sellMoney=0" ng-disabled="true">
|
||
</div>
|
||
<div class="form-group-addon no-left-border form-group-addon-white">金币</div>
|
||
</div>
|
||
<div class="form-group clear">
|
||
<div class="text-left">
|
||
持有量:<span class="color-1" ng-bind="buyInfo.num"></span>
|
||
</div>
|
||
<div class="text-right">
|
||
手续费:<span class="color-1" ng-bind="FeeSell | number:floatMax"></span>金币
|
||
</div>
|
||
</div>
|
||
<div class="form-group no-padding-bottom">
|
||
<input class="button-color-4 button-stretch" value="限价卖出" ng-click="BuyPersent('sell')"
|
||
type="button">
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="trade-entrust">
|
||
<h3 class="color-1">委托信息</h3>
|
||
<div class="tablebox">
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th>买/卖</th>
|
||
<th>价格</th>
|
||
<th>委托量</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="entrust">
|
||
|
||
<!--卖出-->
|
||
<tr class="bgsale" ng-repeat="itemSale in entrustData.sell" style="cursor: pointer;">
|
||
<td class="color-4" ng-bind="itemSale.title"></td>
|
||
<td ng-class="{true:'color-1'}[itemSale.price>buyInfo.nowOpen]"><em class="flipy" ng-bind="itemSale.price*1==0 ? '--' : (itemSale.price | number : floatMax)"></em></td>
|
||
<td><em class="flipy" ng-bind="itemSale.num"></em></td>
|
||
</tr>
|
||
<!--买入-->
|
||
<tr class="bgbuy" ng-repeat="itemBuy in entrustData.buy" style="cursor: pointer;">
|
||
<td class="color-1" ng-bind="itemBuy.title"></td>
|
||
<td class="color-4"><em class="flipy" ng-bind="itemBuy.price*1==0 ? '--' :(itemBuy.price | number : floatMax)"></em></td>
|
||
<td><em class="flipy" ng-bind="itemBuy.num"></em></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
<div class="container">
|
||
<div class="trade-entrust-my">
|
||
<h3 class="color-1">当前委托<span style="position:absolute; right:0; font-weight:normal; cursor:pointer;" ng-click="FlushMyEntrust()">[刷新]</span></h3>
|
||
<div class="tablebox">
|
||
<table>
|
||
<thead>
|
||
<tr id="first">
|
||
<th>委托时间</th>
|
||
<th>产品</th>
|
||
<th>类型</th>
|
||
<th>价格</th>
|
||
<th>成交价格</th>
|
||
<th>委托量</th>
|
||
<th>已成交</th>
|
||
<th>状态</th>
|
||
<th>操作</th>
|
||
</tr>
|
||
</thead>
|
||
|
||
<tbody id="MyEntrust0">
|
||
<tr ng-repeat="item in entrustNew">
|
||
<!--<td><input type="checkbox" ng-checked="all"></td>-->
|
||
<td ng-bind="(item.created_at * 1000) |date:'yyyy-MM-dd HH:mm:ss' "></td>
|
||
<td ng-bind="item.data"></td>
|
||
<td ng-bind="item.state=='sell' ? '卖' : '买' ;"></span></td>
|
||
<td ng-bind="item.price"></td>
|
||
<td ng-bind="item.dealprice"></td>
|
||
<td ng-bind="item.num"></td>
|
||
<td ng-bind="item.dealnum"></td>
|
||
<td ng-bind="item.dealnum>0 ? '未完全成交' : '未成交' ;"></td>
|
||
<td><a ng-click="cancelEntrust(item.id)">撤销</a></td>
|
||
</tr>
|
||
<!--<tr>
|
||
<td class="algin" colspan="9">没有查询到任何数据</td>
|
||
</tr>-->
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<div class="thepager clear" id="thepager0" style="display: none;"></div>
|
||
|
||
</div>
|
||
|
||
<div class="trade-entrust-my" style="padding-top:0;">
|
||
<h3 class="color-1">历史委托<span style="position:absolute; right:0; font-weight:normal; cursor:pointer;" ng-click="FlushMyEntrust()">[刷新]</span></h3>
|
||
<div class="tablebox">
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th>委托时间</th>
|
||
<th>产品</th>
|
||
<th>类型</th>
|
||
<th>价格</th>
|
||
<th>成交价格</th>
|
||
<th>委托量</th>
|
||
<th>已成交</th>
|
||
<th>状态</th>
|
||
|
||
</tr>
|
||
</thead>
|
||
|
||
<tbody id="MyEntrust1">
|
||
|
||
<tr ng-repeat="item in entrustOld">
|
||
<td ng-bind="(item.created_at * 1000) |date:'yyyy-MM-dd HH:mm:ss' "></td>
|
||
<td ng-bind="item.data"></td>
|
||
<td><span class="color-1" ng-bind="item.state=='sell' ? '卖' : '买' ;"></span></td>
|
||
<td ng-bind="item.price"></td>
|
||
<td ng-bind="item.dealprice"></td>
|
||
<td ng-bind="item.num"></td>
|
||
<td ng-bind="item.dealnum"></td>
|
||
<td><span class="color-1" ng-bind="item.del==1 ? '已撤销' : '已成交' ;"></span></td>
|
||
|
||
</tr>
|
||
<!--<tr>
|
||
<td class="algin" colspan="8">没有查询到任何数据</td>
|
||
</tr>-->
|
||
</tbody>
|
||
</table>
|
||
<div class="pager" ng-if="pageTotalNum>1">
|
||
<a ng-click="goToGetList.homePage()">首页</a>
|
||
<a ng-click="goToGetList.prePage()">上一页</a>
|
||
<a ng-click="goToGetList.nextPage()">下一页</a>
|
||
<a ng-click="goToGetList.lasePage()">末页</a>
|
||
<input type="text" ng-model="currentPageNews" ng-keydown="pageInput(currentPageNews)" ng-keyup="pageInput(currentPageNews)" ng-blur="pageInput(currentPageNews)">
|
||
<a ng-click="goToGetList.goToPageFun()" class="current">Go</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="thepager clear" id="thepager1" style="display: none;"></div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
<div class="container padding-bottom">
|
||
<div class="message message-warn">
|
||
温馨提示：<br> 1. 交易数量以整{{ProductCodeActive=="80011"?"十":"百"}}倍进行交易。 <br> 2. 果实出售会产生一定的手续费用。 <br>
|
||
3.领取推广大礼包后，需将农场等级提升到4级后方可在{{ComonEdit.keyWords}}果园出售种子和果实。
|
||
</div>
|
||
</div>
|
||
|
||
|