lzf
/
partTime-app


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
							<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>系统设置</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link href="../../css/iconfont.css" rel="stylesheet" />
		<link href="../../css/animate.min.css" rel="stylesheet" />
	    <style>
			.mui-content{margin-top: 54px;}
            .mui-table-view-cell>a:not(.mui-btn){color: #818181;}
            .mui-table-view-cell{padding: 13px;text-align: left;border-bottom: 1px solid #efefef;font-size: 15px;}
            .mui-table-view-cell:last-child{border: 0px;}
		    .mui-table-view:before{background-color: rgba(200, 199, 204, 0);}
		    .mui-table-view:after{background-color: rgba(200, 199, 204, 0);}
		    .mui-table-view-cell:after{background-color: rgba(200, 199, 204, 0);}
			.mui-pull-right{margin-right: 20px;font-size: 14px;color: darkgray;}
			.bg{padding: 10px;text-align: center;}
			.m_box {padding: 10px 10px 60px 10px;margin-top: -20px;box-shadow: 0 1px 6px #dbdbdb;}
			.btn{width: 230px;margin-top: -21px;}
			.icon{margin-right: 10px;font-size: 20px;font-weight: bold;}
		</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 class="mui-title">系统设置</h1>
		</header>
		<div class="mui-content bg animated fadeInUp" id="app">
			<div class="m_box">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell">
						<a class="mui-navigate-right"><span class="mui-pull-right">v {{version}}</span><i class="icon iconfont icon-banbenjiance"></i>当前版本</a>
					</li>
					<li class="mui-table-view-cell">
						<a class="mui-navigate-right" :href=" 'tel:'+phone"><span class="mui-pull-right">{{phone}}</span><i class="icon iconfont icon-service-phone"></i>客服电话</a>
					</li>
					<li class="mui-table-view-cell">
						<a class="mui-navigate-right" @click="op(2)"><span class="mui-pull-right">党建扶贫</span><i class="icon iconfont icon-guanyu"></i>关于</a>
					</li>
				</ul>
			</div>
			<button class="btn" @click="op(3)" v-show="login">退出登录</button>
		</div>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/app.js"></script>
		<script src="../../js/vue.min.js"></script>
		<script type="text/javascript">
			//操作
			mui.plusReady(function() {
				var vm = new Vue({
					el: "#app",
					data: {
						phone: getConstant().phone,
						version:'',
						login:hasLogin()
					},
				    mounted: function() {
				    	plus.runtime.getProperty(plus.runtime.appid, function(inf) {
		                        vm.version=inf.version;
	                    });
				    },	
					methods: {
						op: function(flag) {
							switch(flag) {
								case 2:
								       open('about', 'about.html', null,'slide-in-bottom');
									break;
								case 3:
									mui.confirm('是否退出登录？', '提示', ['否', '是'], function(e) {
										if(e.index == 1) {
											localStorage.removeItem("user");
											localStorage.removeItem("token");
											plus.webview.getWebviewById('tab/mine.html').reload(true);
											mui.back();
										}
									})
									break;
							}
						}
					}
				})
			})
		</script>
	</body>

</html>