party_bid 第四张卡 总结

做到party_bid 的第四张卡，开始分析竞价的过程了，这张卡的重点也就体现在这上面。这张卡会用到大量的数据，来回的存取，会感觉到好麻烦-，-

先面来说说其中的一些要点吧

一、结束竞价后的静态弹框

 

.modal.fade#ModalSuccess(style="display: block;width: 600px;height: 60px;")
   .modal-dialog(style="margin-bottom: 0px;margin-left: 0px;margin-top: 0px;margin-right: 0px;")
        .modal-content
          .a(class="close" data-dismiss="modal" ) &times
            .h4.modal-title
          .modal-body
          .center
                {{winner_name}}   {{winner_price}}    {{winner_phone}}

 这是在页面上写的jade代码，实现了一个背景浅色的静态弹框

 

相应的时间控制则是写在js文件中的

 

 $('#ModalSuccess').modal("show");$timeout(function () {
     $('#ModalSuccess').modal('hide');
 }, 2000)//2秒后自动关闭

 当初第一次做这个弹框时，想到的是用,但是试过几次之后发现时间控制总是不能起作用，后来在网上搜过之后才知道，firm()函数不支持自动关闭，只能经过判断按钮才可以，所以采用了上面静态框的方法

 

function firm() {
if (confirm("输入想要显示的内容"){

}
}

 

 

二、输出信息时的排序问题和统计价格的数量

第四张卡的主要功能实现是对价格的分析，要找到只有一个人出价的价格，并且找到这些价格中最小的那个，才算出价成功，所以我打算在生成一个价格—数量数组

 

var bidList = _.sortBy(bid.messages, function (bid) {
   return bid.price
});  //_.sortBy()这个方法会首先按照价格price这个元素，返回一个经过排序的 list 副本, 用升序排列
var bidCount = _.countBy(even.messages, function (bid) {
   return bid.price
}); _.countBy这个方法会把一个数组分组并返回每一组内对象个数
var newshu = _.map(bidCount, function (value, key) {
   return {'price': key, 'count': value}
});  //_.map这个方法会重新生成一个数组
localStorage.setItem("price_p", JSON.stringify(newshu))