ygtx
/
ygoa_app


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-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">
		<title>党建系统</title>
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../../css/common.css">
		<link rel="stylesheet" href="../../css/main.css" />

		<style>
			.mui-bar.mui-bar-nav .mui-title {
				color: #ca0002;
			}
			
			.mui-action-back {
				color: #ca0002;
			}
		</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" class="mui-title">党建</h1>
		</header>

		<div class="mui-content content1">
			<ul class="mui-table-view mui-grid-view mui-grid-9 noborder">
				<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3 mui-table-view-cell1 noborder" v-for="folder in folders">
					<a href="javascript:;" :data-id="folder.id" @tap="toList(folder)">
						<div class="media-body-img media-body-img1"><img :src="getImageUrl(folder)"></div>
						<div class="mui-media-body">{{folder.name}}</div>
						<div class="mui-media-body">{{folder.imageUrl}}</div>
					</a>
				</li>

			</ul>

		</div>
		<script type="text/javascript" src="../../js/jquery-1.11.2.min.js"></script>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/config.js"></script>
		<script src="../../js/app.js"></script>
		<script src="../../js/dj/article/list.js"></script>
		<script src="../../js/vue.min.js"></script>

		<script>
			mui.init();

			var vmF = new Vue({
				el: '.mui-content',
				data: {
					folders: [] //列表信息流数据
				},
				methods: {
					getImageUrl: function(folder) {
						return API.API_ROOT + folder.image_url1;
					}
				}
			});
			var folder_id = 268;
			mui.plusReady(function() {
				var self = plus.webview.currentWebview();
				folder_id = self.folder_id;
				console.log(folder_id);
				var title1 = mui('#title');
				title1[0].innerHTML = self.title;

				//接收上个界面传递的参数
				window.addEventListener('listEvent', function(event) {

				});
				loadFolder();
			});

			function loadFolder() {
				var url = API.API_URL();
				var obj = {
					method: "foldersByParent",
					p: '{folderId:' + folder_id + '}'
				};
				app.ajax(obj, function(data) {
					var folders = data.list;
					vmF.folders = folders;
				});
			}

			/**
			 * 打开新闻详情
			 * 
			 * @param {Object} item 当前点击的新闻对象
			 */
			function toList(item) {
				var fid = item.id;
				console.log(fid);
				mui.openWindow({
					url: 'articleList.html',
					extras: {
						folder_id: fid,
						'title': item.name
					}
				});

			}
		</script>

	</body>

</html>