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