qdqtrj
/
laotang-zsy-shuba-app


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243
							<!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">

		<!--标准mui.css-->
		<link rel="stylesheet" href="../css/mui.min.css">
		<style>
			.title {
				margin: 20px 15px 10px;
				color: #6d6d72;
				font-size: 15px;
			}
			body {
				background-color: #efeff4;
			}
			.my-height {
				top: -20px;
				position: relative;
				right: -45px;
				height: 1px;
				color: brown;
			}
			@-webkit-keyframes btnRotate {
				0% {
					-webkit-transform: rotateZ(0deg);
				}
				100% {
					-webkit-transform: rotateZ(360deg);
				}
			}
			.donghua {
				-webkit-animation: btnRotate 1.5s linear infinite;
			}
			.mui-table-view-cell>a:not(.mui-btn){
				white-space: normal !important;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 id="title-id" class="mui-title"></h1>
		</header>
		<div class="mui-content">
			<ul class="mui-table-view mui-table-view-chevron" id="books-id">
				<li class="mui-table-view-cell mui-media">
					<div style="text-align: center;margin-right: -60px;">加载中...</div>
				</li>
			</ul>
		</div>
	</body>

	<script id="book-temp-id" type="text/html">
		<li class="mui-table-view-cell mui-media">
			<a data-id='{id}' data-name='{name}' data-html-dist='{html_dist}' data-html-name='{html_name}' data-img-path='{img_path}' data-category-id='{dic_category_id}' data-json='{json}' data-desc='{desc}' data-is-download='{isDownload}' download-start='false'>
				<img id="img-{id}" class="mui-media-object mui-pull-left">
				<div class="mui-media-body">
					{name}
					<p class='mui-ellipsis'>{desc}</p>
				</div>
				<div id='download-progress-{id}' class="mui-pull-right my-height" style="display: none;">0%</div>
				<div id='download-{id}' class="mui-icon mui-icon-pulldown mui-pull-right my-height" style="display: {display};"></div>
			</a>
		</li>
	</script>
	<!--
    	作者：HZC
    	时间：2015-08-26
    	描述：图书列表
    -->
	<script type="text/javascript" src="../js/jquery.min.js" type="text/javascript" charset="UTF-8"></script>
	<script type="text/javascript" src="http://182.92.109.194:8080/rpc/helper.js" type="text/javascript" charset="UTF-8"></script>
	<script src="../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/routes.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/app.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/db/service.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/hzc.rpc.js" type="text/javascript" charset="utf-8"></script>

	<script type="text/javascript">
		mui.init();
		mui.plusReady(function() {
			var self = plus.webview.currentWebview();
			var title = self.title;
			window.categoryId = self.categoryId;
			updateTitle(title);
			initDom();
			openBook();
		});
		/**
		 * 初始化dom
		 */
		function initDom() {
				listPdf(window.categoryId, function(data) {
					if (data.length > 0) {
						var htmlStr = '';
						for (var i = 0; i < data.length; i++) {
							var book = data[i];
							var myBooks = getBookIdsFromStorage();
							if (myBooks && myBooks.toString().indexOf(book.id) > -1) {
								book.display = 'none';
								book.isDownload = '1';
							} else {
								book.isDownload = '0';
							}
							var tempHtml = $id('book-temp-id').innerHTML;
							htmlStr += render(tempHtml, book);
							$id('books-id').innerHTML = htmlStr;
							book.imgPath = Routes.urls.book.bookUrl + book.img_path;
							setImg('img-' + book.id, book.imgPath);
						}
					} else {
						$id('books-id').innerHTML = '<li class="mui-table-view-cell mui-media"><div style="text-align: center;margin-right: -60px;">没有相关图书</div></li>';
					}
				});
			}
			/**
			 * 更新标题
			 * @param {Object} title
			 */

		function updateTitle(title) {
				document.getElementById("title-id").innerHTML = title;
			}
			/**
			 * 打开书
			 */

		function openBook() {
			mui('#books-id').on('tap', 'a', function() {
				var bookSelf = this;
				//是否已经下载
				var isDownload = bookSelf.getAttribute('data-is-download');
				//书id
				var bookId = bookSelf.getAttribute('data-id');
				//html的名字
				var htmlName = bookSelf.getAttribute('data-html-name');
				var htmlDist = bookSelf.getAttribute('data-html-dist');
				//服务器中书的下载地址
				var loadUrl = Routes.urls.book.downloadBook + htmlDist + '/' + htmlName;
				//				console.log(loadUrl)
				//没有下载，则提示下载，并开始下载，下载成功更新数据库中的下载状态
				if (isDownload == '0') {
					if (bookSelf.getAttribute('download-start') == 'true') {
						mui.toast('正在下载');
						return;
					}
					window.__downloading = true;
					mui.toast('开始下载');
//					setDownloadImage('img-' + bookId);
//					$id('img-' + bookId).classList.add('donghua');
					$id('download-' + bookId).style.display = 'none';
					$id('download-progress-'+bookId).style.display = 'block';
					bookSelf.setAttribute('download-start', 'true');
					//开始下载图书
					downloadSource(loadUrl, function() {
						var bookName = bookSelf.getAttribute('data-name');
						var dicCategoryId = bookSelf.getAttribute('data-category-id');
						var imgPath = bookSelf.getAttribute('data-img-path');
						var jsonList = bookSelf.getAttribute('data-json');
						var desc = bookSelf.getAttribute('data-desc');
						var newBook = {};
						newBook.id = bookId;
						//id,name,img_path,pdf_path,html_dist,html_name,dic_category_id,json,desc,status(0:无效,1:有效),is_download(0：没有下载，1：已经下载)
						newBook.name = bookName;
						newBook.imgPath = imgPath;
						newBook.desc = desc;
						newBook.status = 1;
						newBook.htmlName = htmlName;
						newBook.jsonList = jsonList;
						var jl = jsonList.split(',');
						var jll = jl.length;
						var progress = 1;
						for (var i = 0; i < jll; i++) {
							if (i == 0) continue;
							var suburl = jl[i];
							suburl = Routes.urls.book.getBooks + htmlDist + '/' + suburl;
							downloadSource(suburl, function() {
								progress += 1;
								var jindu = (progress / jll) * 100;
								$id('download-progress-'+bookId).innerHTML = parseInt(jindu)+'%';
//								console.log(jindu + '---------------------------------------------------')
								if (progress == jll) {
									saveBook(newBook, function() {
										window.__downloading = false;
										mui.toast(bookName + ',下载成功');
//										setImg('img-' + bookId, imgPath);
//										$id('img-' + bookId).classList.remove('donghua');
										bookSelf.setAttribute('data-is-download', '1');
										console.log('数据库更新成功');
										saveBookIds();
										$id('download-progress-'+bookId).style.display = 'none';
									});
								}
							}, function() {
								window.__downloading = false;
								mui.toast('下载失败');
							});
						}
					}, function() {
						mui.toast('下载失败');
						$id('download-' + bookId).style.display = 'block';
						bookSelf.setAttribute('download-start', 'false');
					});
				} else {
					var bookPath = DOWNLOADPATH + htmlName;
					var absoluteBookPath = convertToAbsoluteURL(bookPath);
					//已下载
					mui.openWindow({
						id: 'book-id',
						url: 'book.html',
						extras: {
							href: absoluteBookPath
						},
						show: {
							duration: 200
						}
					});
				}
			});
		}
		var oldBack = mui.back;
		mui.back = function() {
			//plus.webview.getWebviewById('tab-webview-main-id').evalJS("mui.plusReady(function(){plus.screen.lockOrientation('portrait');})")
			//plus.webview.getWebviewById('tab-webview-main-id').reload();
			if (window.__downloading) {
				var current = plus.webview.currentWebview();
				current.hide('auto');
			} else {
				//plus.webview.getWebviewById('tab-webview-subpage-first.html').reload();
				plus.webview.currentWebview().opener().evalJS("document.getElementById('books-id').innerHTML = '';window.start = 0;window.loadBooks(1);");
				oldBack();
			}
		}
	</script>

</html>