123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>资讯</title>
- <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
- <meta name="apple-mobile-web-app-capable" content="yes">
- <meta name="apple-mobile-web-app-status-bar-style" content="black">
- <link rel="stylesheet" href="css/common/mui.min.css">
- <link rel="stylesheet" type="text/css" href="css/common/common.css" />
- <link rel="stylesheet" type="text/css" href="css/information/information.css" />
- </head>
- <body>
- <div class="mui-content">
- <div id="pullrefresh" class="mui-scroll-wrapper">
- <div class="mui-scroll">
- <!-- 顶部轮播图 -->
- <div id="slider" class="mui-slider ca_slider">
- <div class="mui-slider-group mui-slider-loop">
- <!-- 额外增加的一个节点(循环轮播:第一个节点是最后一张轮播) -->
- <div class="mui-slider-item mui-slider-item-duplicate">
- </div>
- <!-- 第一张 -->
- <div class="mui-slider-item">
- </div>
- <!-- 第二张 -->
- <div class="mui-slider-item">
- </div>
- <!-- 第三张 -->
- <div class="mui-slider-item">
- </div>
- <!-- 第四张 -->
- <div class="mui-slider-item">
- </div>
- <!-- 额外增加的一个节点(循环轮播:最后一个节点是第一张轮播) -->
- <div class="mui-slider-item mui-slider-item-duplicate">
- </div>
- </div>
- <div class="mui-slider-indicator">
- <div class="mui-indicator mui-active"></div>
- <div class="mui-indicator"></div>
- <div class="mui-indicator"></div>
- <div class="mui-indicator"></div>
- </div>
- </div>
- <!-- 资讯列表 -->
- <div class="ca_media_list">
- <!--<div class="mui-card-header" style="height:1px;"></div>-->
- <ul class="mui-table-view">
- </ul>
- </div>
- </div>
- </div>
- </div>
- </body>
- <script src="libs/mui.min.js"></script>
- <script type="text/javascript">
- (function($, doc) {
- $.plusReady(function() {
- $.init({
- pullRefresh: {
- container: '#pullrefresh',
- up: {
- contentrefresh: '正在加载...',
- callback: pullupRefresh
- }
- }
- });
- //获得slider插件对象
- var gallery = $('.mui-slider');
- gallery.slider({
- interval: 2000 //自动轮播周期,若为0则不自动播放,默认为0;
- });
- plus.webview.currentWebview().setStyle({
- scrollIndicator: 'none'
- });
- /*上拉加载具体业务实现 */
- var count = 1
- var countItem = false;
- function pullupRefresh() {
- if(!countItem) {
- var detailPage = plus.webview.getWebviewById('appliance.html');
- mui.fire(detailPage, 'sendMsg', {
- count: count,
- });
- count++;
- }
- $('#pullrefresh').pullRefresh().endPullupToRefresh(countItem); //参数为true代表没有更多数据了。
- };
- var str = plus.storage.getItem('user');
- var user = JSON.parse(str);
- var token = user.Data.Token;
- GetdataList(0, 10)
- window.addEventListener('sendMsg', function(event) {
- setTimeout(function() {
- GetdataList(event.detail.count, 5);
- }, 1500)
- });
- function GetdataList(pageNum, pageSize) {
- var pageNum = pageNum + 1;
- //查询参数值
- var postData = {
- "pageIndex": pageNum,
- "pageSize": pageSize,
- }
- $.ajax("http://www.bosshand.cn/api/Plat/GetChannelsCustomerPageList", {
- dataType: 'json',
- data: postData,
- type: "post",
- contentType: 'application/x-www-form-urlencoded',
- headers: {
- authorization: token
- },
- success: function(resp) {
- var data = resp.Data.list;
- var html = '';
- for(var i = 0; i < data.length; i++) {
- html += '<li class="mui-table-view-cell mui-media">'
- html += '<div class="nav">'
- html += '<div>'
- html += '<img src="http://www.bosshand.cn/' + data[i].UserImg + '" alt="" />'
- html += '</div>'
- html += '<div>'
- html += '<div>' + data[i].CompanyName + '</div>'
- html += '</div>'
- if(data[i].IsKeep == false) {
- html += '<div id="' + data[i].Code + '" class="like">+ 收藏</div>'
- }
- html += '</div>'
- html += '<a id="' + data[i].Code + '">'
- html += '<img class="mui-media-object mui-pull-left" src="http://www.bosshand.cn/' + data[i].ChannelsImg + '">'
- html += '<div class="mui-media-body">'
- html += '<h4 class="h4-cz" style="display:block;overflow:hidden;text-overflow:ellipsis;width:220px;height:53px;">' + data[i].Name + '</h4>'
- html += '<p class="mui-ellipsis">' + getLocalDate(data[i].CreateTime) + ' </span></p>'
- html += '</div>'
- html += '</a>'
- html += '</li>'
- if(i <= 5) {
- $('.mui-slider-item')[i].innerHTML = '<a id="' + data[i].Code + '"><img src="http://www.bosshand.cn/' + data[i].ChannelsImg + '"><p class="mui-slider-title"><span>' + data[i].Name + '</span></p></a>'
- }
- }
- var div = document.createElement("div");
- div.innerHTML = html;
- if(pageNum >= 1) {
- mui('.mui-table-view')[0].appendChild(div)
- } else {
- mui('.mui-table-view')[0].innerHTML = '<div>' + html + '</div>'
- isItem = true
- }
- if(html == "") {
- countItem = true;
- }
- }
- });
- };
- /**
- * 1.json带T时间转换年月日
- * @param {Object} nS
- */
- function getLocalDate(now) {
- var date = now.replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '');
- var arr = date.split(' ');
- //日期
- var arrDate = arr[0].split('-');
- //时间
- var arrTime = arr[1].split(':');
- return arrDate[0] + '年' + arrDate[1] + '月' + arrDate[2] + '日' + ' ' + arrTime[0] + ':' + arrTime[1];
- }
- $(doc.body).on('tap', 'a', function() {
- var exist = $(this)[0].id
- $.openWindow({
- url: 'tpl/appliance/app-list.html',
- waiting: {
- autoShow: false, //自动显示等待框,默认为true
- },
- extras: {
- exist: exist
- },
- show: {
- autoShow: true, //页面loaded事件发生后自动显示,默认为true
- duration: 200, //页面动画持续时间,Android平台默认100毫秒,iOS平台默认200毫秒;
- }
- })
- });7
- $(doc.body).on('tap', '.like', function() {
- var exist = $(this)[0];
- $.ajax("http://www.bosshand.cn/api/Plat/UpdateKeepApp", {
- dataType: 'json',
- data: {
- 'resultArr': exist.id+',1',
- },
- type: "post",
- contentType: 'application/x-www-form-urlencoded',
- headers: {
- authorization: token
- },
- success: function(resp) {
- if(resp.Code == 200) {
- $.toast('收藏成功');
- console.log(exist)
- exist.display.style = 'none'
- }
- }
- });
- });
- });
- })(mui, document)
- </script>
- </html>
|